.charm_nav.mainmenu_navigation .fa {
    
    color: #a0a0a0;
}

.charm_nav.mainmenu_navigation a:hover .fa {
    color: #20a0f0;
    z-index: -1;
}

@media screen and (min-width: 900px) {
    .charm_nav.mainmenu_navigation a:hover .fa {
        color: #20a0f0;
        z-index: 1;
    }
}

#navPanelBar .k-state-selected {
    background-color: #20a0f0 !important;
    color: #333;
    background-image: none;
}

#navPanelBar .k-state-hover {
    background-color: #a0a0a0 !important;
    color: #333 !important;
}

.k-button.k-state-active:hover {
    background-color: #a0a0a0;
}




/*--LIGHT THEME--*/

#pageContainer {
    background-color: #eee;
}

.charm_nav.mainmenu_navigation {
    background: #eee;
}

    .charm_nav.mainmenu_navigation li:hover > a {
        background: #ccc !important;
        color: #555 !important;
    }

#container {
    background-color: #eee;
}

@media screen and (min-width: 900px) {
    .charm_nav.mainmenu_navigation > li > a {
        color: #333;
    }
}

    #treeNavPanel div {
        background-color: #eee;
    }

    .treenav h3 {
        background-color: #eee;
        color: #333;
    }

    #BtnCallListScheduleTree, #BtnRemoteAccessTree, #BtnCallListScheduleTab, #BtnRemoteAccessTab, #dashboardtoolbar .main-toolbar-btn  {
        background-color: #ddd;
        color: #555
    }

    .nav-collapse a {
        text-shadow: none;
    }

    #navPanelBar {
        background-color: #fff;
        border-bottom: solid #ccc 2px;
    }

        #navPanelBar .k-header {
            color: #222;
            background-color: #ddd;
            border-color: #ccc;
        }

        #navPanelBar .k-group {
            border-width: 0px;
            background-color: #bbb;
        }

        #navPanelBar .k-panel > li.k-item {
            background-color: #ccc;
            color: #222;
        }


#BtnCallListScheduleTree:hover, #BtnRemoteAccessTree:hover {
    background-color: #a0a0a0;
    color: #333;
}