html { height: 100%!important; }
/***
Boby
***/
body { background-color: #cecece; height: 100%!important;  }

.opaq { opacity: 0.5!important; }    /* Top notification menu/bar */ /* Header seaech box */ /* Toggler button for sidebar expand/collapse and responsive sidebar menu */

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { background-color: #00adef; }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #ffffff; }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { background-color: #2aaee0; color: #ffffff; }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #2aaee0; }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.active .dropdown-toggle { color: #ffffff; /*background: none repeat scroll 0 0 #2aaee0;*/ }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown.active .dropdown-toggle .username { color: #ffffff; }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown.active .dropdown-toggle > i { color: #ffffff; }    /*background-color: #2aaee0;*/    /*border-top: 6px solid #2aaee0;*/

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username { color: #ffffff; font-size: 14px; font-weight: normal; }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i { color: #ffffff; font-size: 14px; font-weight: normal; }

    .page-header.navbar .search-form { background: #151515; }

        .page-header.navbar .search-form:hover { background: #0ea89d; }

        .page-header.navbar .search-form .input-group .form-control { color: #ffffff; }

            .page-header.navbar .search-form .input-group .form-control::-moz-placeholder { color: #969696; opacity: 1; }

            .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { color: #969696; }

            .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { color: #969696; }

        .page-header.navbar .search-form .input-group .input-group-btn .btn.submit { background: url(/Content/Images/header_search_icon_default.png) center center no-repeat !important; }
    .page-header.navbar .menu-toggler { background-image: url(/Content/Images/sidebar_toggler_icon_default_white.png); }    /* Horizontal mega menu */    /* Mega menu content */ /* Classic menu */

        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(51, 51, 51, 0.2); }

            .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { border-right: 1px solid #404040; }

                .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 { color: #ffffff; }

        .page-header.navbar .hor-menu .navbar-nav > li > a { color: #ffffff; }

            .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .page-header.navbar .hor-menu .navbar-nav > li > a:hover,
            .page-header.navbar .hor-menu .navbar-nav > li > a:focus { color: #ffffff; background: #0ea89d; }

        .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .page-header.navbar .hor-menu .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .page-header.navbar .hor-menu .navbar-nav > li.current > a:hover { color: #f1f1f1; background: #2aaee0; }    /*border-top: 6px solid #2aaee0;*/

        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu { box-shadow: 5px 5px rgba(51, 51, 51, 0.2); background: #0ea89d; }

            .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a { color: #999999; }

                .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a:hover { color: #f1f1f1; background: #2aaee0; }    /* Mega menu */ /* Classic menu */

        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu { box-shadow: 5px 5px rgba(91, 91, 91, 0.2); }

            .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { border-right: 1px solid #eeeeee; }

                .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 { color: #666666; }

                .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a { color: #777777; }

                .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0; }    /*          padding-top: 16px;*/ /*            padding-bottom: 5px;
*/    /*border-top: 6px solid #2aaee0;*/    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a.active { color: #fff; background: #0097d0; }

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar { background-color: #0ea89d; /* Sidebar search */ }    /* 1st level links */ /* All links */

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #ffffff; color: #ffffff; }
            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
            .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
            .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { color: #777777; }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
        .page-sidebar .page-sidebar-menu > li:hover > a,
        .page-sidebar .page-sidebar-menu > li.open > a { background: #303030; color: #d9d9d9; }
            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
            .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
            .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
            .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
            .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { color: #888888; }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
        .page-sidebar .page-sidebar-menu > li.active > a,
        .page-sidebar .page-sidebar-menu > li.active.open > a { background: #2aaee0; border-top-color: transparent; color: white; }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .page-sidebar .page-sidebar-menu > li.active.open > a:hover { background: #2aaee0; }
            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
            .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
            .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
            .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
            .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { color: white; }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected,
            .page-sidebar .page-sidebar-menu > li.active > a > .selected,
            .page-sidebar .page-sidebar-menu > li.active.open > a > .selected { background-image: url("/Content/Images/sidebar-menu-arrow.png"); }

.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active.open > a > .selected { background-image: url("/Content/Images/sidebar-menu-arrow-reverse.png"); }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
.page-sidebar .page-sidebar-menu > li.active + li > a { border-top-color: transparent; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
.page-sidebar .page-sidebar-menu > li.active.open + li > a { border-top-color: #4d4d4d; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
.page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 1px solid transparent !important; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before { color: #777777; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { color: #888888; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { color: white; }

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu { background-color: #0ea89d; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a { color: #ffffff; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { color: #ffffff; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a { background: #2aaee0 !important; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { color: #888888; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.page-sidebar .sidebar-toggler { background: url(/Content/Images/sidebar_inline_toggler_icon_default.jpg); }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
.page-sidebar .sidebar-search .input-group { border-bottom: 1px solid #4d4d4d; }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .page-sidebar .sidebar-search .input-group .form-control { background-color: #0ea89d; color: #616161; }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
        .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder { color: #616161; opacity: 1; }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
        .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder { color: #616161; }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
        .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder { color: #616161; }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn,
    .page-sidebar .sidebar-search .input-group .input-group-btn .btn { background-image: url(/Content/Images/sidebar_search_icon_default.png) !important; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group { border: 1px solid #4d4d4d; }

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.open .input-group { background-color: #0ea89d; }

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove, .page-sidebar-closed .page-sidebar .sidebar-search.open .remove { background-image: url("/Content/Images/sidebar_search_close_icon_default.png"); }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group { border: 1px solid #292929; background: #292929; }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control { background: #292929; }

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.sidebar-search-solid .input-group { background: none; }

/***
Footer 
***/
.page-footer .page-footer-inner { color: #a3a3a3; }

.page-footer .page-footer-tools .go-top { background-color: #4f4f4f; }

    .page-footer .page-footer-tools .go-top:hover { opacity: 0.7; filter: alpha(opacity=70); }

    .page-footer .page-footer-tools .go-top i { color: #8a8a8a; }

.page-footer-fixed .page-footer { background-color: #2b2b2b; }

@media (min-width: 1244px) {
    /* 992px */
    /* Fixed Sidebar */
    .page-sidebar-fixed:not(.page-footer-fixed) .page-content { border-bottom: 0; }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer { background-color: #fff; }

        .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { color: #333; }

        .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-tools .go-top { background-color: #7B838A; }

            .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-tools .go-top i { color: #ddd; }

    .page-boxed { background-color: #353535 !important; /* Page container */ /* Page sidebar */ /* Page footer */ }

        .page-boxed .page-container { background-color: #0ea89d; border-left: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; }

        .page-boxed.page-sidebar-reversed .page-container { border-left: 0; border-right: 1px solid #4d4d4d; }

        .page-boxed.page-sidebar-fixed .page-container { border-left: 0; border-bottom: 0; }

        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { border-left: 0; border-right: 0; border-bottom: 0; }

        .page-boxed.page-sidebar-fixed .page-sidebar { border-left: 1px solid #4d4d4d; }

        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar { border-right: 1px solid #4d4d4d; border-left: 0; }

        .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer { background-color: #353535 !important; }

            .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner { color: #a3a3a3; }

 
}

@media (min-width:871px) {
    #responsiveTempCustomerSmall {
        display: none;
    }

    #responsiveTempCustomer {
        display: block;
    }

    .TempCustomerRegisterInfo {
        height: 160px;
    }
}


@media (max-width:870px) {
    #responsiveTempCustomerSmall {
        display: block;
    }

    #responsiveTempCustomer {
        display: none;
    }
    .TempCustomerRegisterInfo {
        height: 200px;
    }
}

.IstempCustomerPaddingLeft { padding-left: 106px; }

@media (max-width:600px) {
    .IstempCustomerPaddingLeft { padding-left: 0px!important; }

    .IsTempCustomerRegisterBtn { width: 70%!important; }
}

@media (min-width:900px) and (max-width:1300px) {

    .IsTempCustomerRegisterBtn { width: 60%!important; }
}

@media (min-width:990px) and (max-width:1100px) {
    .Res_TempUserSearchText { font-size: 13px!important; }
}

@media (max-width: 1243px) {
    /* Asagidaki iki kural, ayni esige sahip ikinci bir @media
       blogundan buraya tasindi. Aradaki bloklarda cakisan secici
       olmadigi icin oncelik sirasi degismedi. */
    .page-sidebar .page-sidebar-menu > li .sub-menu { background-color: #0ea89d !important; }
    .page-sidebar .page-sidebar-menu .sidebar-search input { background-color: #0ea89d !important; }
    .menu-toggler { display: block!important; margin-right: 15px!important; }
        /* 991px */
    /*.page-sidebar { border-top: 0 !important; margin: 20px; }*/
        .page-sidebar .sidebar-toggler { display: none; }
        .page-sidebar .selected { display: none !important; }
        .page-sidebar.navbar-collapse { max-height: none; /* set some max height to have a scrollable menu on mobile devices */ }
            .page-sidebar.navbar-collapse.collapse { display: none !important; }
            .page-sidebar.navbar-collapse.in { border-top: 0 !important; margin: 20px; position: relative; z-index: 5; overflow: hidden !important; overflow-y: auto !important; display: block !important; }
            .page-sidebar.navbar-collapse.navbar-no-scroll { max-height: none !important; }
        .page-sidebar .mega-menu-responsive-content { padding: 10px 18px 10px 45px; }

    .page-full-width .page-sidebar-menu { display: block; }
}

/* ---------------------------------------------------------------------------
   Metronic'in 'kenar cubugu kapali + sabit' modundaki ikon renkleri.
   Bu bildirimler once yanlislikla, ayni kurali paylastiklari icin
   silinmisti. layout.js:486 body'ye page-sidebar-fixed sinifini calisma
   aninda ekleyebildigi icin bu baglam erisilebilir; ozgun degerler geri
   konuldu. Ezildigi kanitlanan .page-sidebar dali bilerek geri gelmedi,
   onu artik hm-layout.css saglar.
   --------------------------------------------------------------------------- */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i { color: #888888; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i { color: #888888; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i { color: white; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i { color: #ffffff; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i { color: #888888; }