/* Cubic Bezier Transition */
/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.blue .page-header.navbar {
    background-color: #2D5F8B;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

    .blue .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }

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

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

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

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

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

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

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border-color: #e7eaf0;
        }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #eaedf2;
            }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #eaedf2;
            }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #d64635;
            color: #ffffff;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #d64635;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: #b6d0e7;
        }

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

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            width: 195px;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: #b6d0e7;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #3979b2;
            border: 0;
        }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #3979b2;
            }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #2f6493;
            }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #d1e2f0;
                }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #5496cf;
                }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #e4eef6;
                border-bottom: 1px solid #4689c3 !important;
            }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
                    color: #bed5ea;
                }

                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #3f84c1;
                }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #4689c3;
            }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #336c9e;
        }

        .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #2d5f8b;
        }

    .blue .page-header.navbar .search-form {
        background: #28547c;
    }

        .blue .page-header.navbar .search-form:hover {
            background: #3979b2;
        }

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

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

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

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

        .blue .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
            color: #83AAC8;
        }

        .blue .page-header.navbar .search-form.open {
            background: #3979b2;
        }

    .blue .page-header.navbar .menu-toggler > span,
    .blue .page-header.navbar .menu-toggler > span:before,
    .blue .page-header.navbar .menu-toggler > span:after {
        background: #c9ddee;
    }

        .blue .page-header.navbar .menu-toggler > span:hover {
            background: #c9ddee;
        }

            .blue .page-header.navbar .menu-toggler > span:hover:before,
            .blue .page-header.navbar .menu-toggler > span:hover:after {
                background: #c9ddee;
            }

    .blue .page-header.navbar .menu-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

/* Default Horizontal Menu */
.blue .page-header.navbar {
    /* Default Mega Menu */
    /* Light Mega Menu */
}

    .blue .page-header.navbar .hor-menu .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

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

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

            .blue .page-header.navbar .hor-menu .navbar-nav > li > a > i {
                color: #90b8db;
            }

            .blue .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
            .blue .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .blue .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
                color: #c9ddee;
                background: #3979b2 !important;
            }

                .blue .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
                .blue .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
                .blue .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
                    color: #a3c4e1;
                }

        .blue .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .blue .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .blue .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .blue .page-header.navbar .hor-menu .navbar-nav > li.current > a {
            color: white;
            background: #d64635 !important;
        }

            .blue .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .blue .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .blue .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
            .blue .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
                color: #90b8db;
            }

        .blue .page-header.navbar .hor-menu .navbar-nav > li.active .selected,
        .blue .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            border-top: 6px solid #d64635;
        }

        .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(57, 121, 178, 0.2);
            background: #3979b2;
        }

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

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

            .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                color: #ecf3f9;
                background: #3f84c1;
            }

                .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #ecf3f9;
                }

            .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
            .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
            .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
            .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #ecf3f9;
                background: #3f84c1;
            }

                .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
                .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
                .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #ecf3f9;
                }

            .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                background-color: #4386c2;
            }

        .blue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
            color: #b6d0e7;
        }

    .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

            .blue .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: #666;
            }

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

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
                color: #90b8db;
            }

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                color: #c9ddee;
                background: #3979b2;
            }

                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                    color: #a3c4e1;
                }

        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
            color: #333 !important;
            background: white !important;
        }

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
                color: #333 !important;
            }

        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
            color: white;
            background: #d64635;
        }

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
                color: #90b8db;
            }

        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
            background: white;
        }

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

                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
                    color: #888;
                }

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                color: #000;
                background: whitesmoke;
            }

                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #666;
                }

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #000;
                background: whitesmoke;
            }

                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
                .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #666;
                }

            .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                background-color: whitesmoke;
            }

        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            border: 1px solid #f2f2f2;
        }

        .blue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
            border-top: 0;
        }

/* Page sidebar */
.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.blue .page-sidebar {
    background-color: #4276A4;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .blue .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .blue .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #4a83b6;
            color: #C9DFF5;
        }

            .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
            .blue .page-sidebar .page-sidebar-menu > li > a > i {
                color: #8EB8DE;
            }

                .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
                .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
                .blue .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
                .blue .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                    color: #a2c4e4;
                }

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

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .blue .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #66a4e3;
        }

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
        .blue .page-sidebar .page-sidebar-menu > li:hover > a,
        .blue .page-sidebar .page-sidebar-menu > li.open > a {
            background: #497FAE;
            color: #C9DFF5;
        }

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

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

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

            .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
            .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .blue .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .blue .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
                background: #d64635;
            }

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

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

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

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

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

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

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

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

.page-sidebar-closed .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.blue.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background-color: #4276A4;
}

.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.blue .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #C9DFF5;
}

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
    .blue .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
        color: #8EB8DE;
    }

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
        .blue .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .blue .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
            color: #a2c4e4;
        }

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

.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.blue .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.blue .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.blue .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #397FAE !important;
}

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

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

.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
    .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: #3c6c95;
    }

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
    .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: #38648b;
        border-left: 4px solid #d64635;
        color: #f1f1f1;
    }

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 4px solid #d64635;
            background: #3c6c95;
        }

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

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

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
    .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #467eaf;
    }

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
        .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #3c6c95 !important;
        }

.blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.blue .page-sidebar .sidebar-toggler {
    background: #3b6992;
}

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
    .blue .page-sidebar .sidebar-toggler > span,
    .blue .page-sidebar .sidebar-toggler > span:before,
    .blue .page-sidebar .sidebar-toggler > span:after {
        background: #c9ddee;
    }

        .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
        .blue .page-sidebar .sidebar-toggler > span:hover {
            background: #c9ddee;
        }

            .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before,
            .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
            .blue .page-sidebar .sidebar-toggler > span:hover:before,
            .blue .page-sidebar .sidebar-toggler > span:hover:after {
                background: #c9ddee;
            }

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
    .blue .page-sidebar .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
    .blue .page-sidebar .sidebar-toggler:hover {
        background: #335c80;
    }

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

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .blue .page-sidebar .sidebar-search .input-group .form-control {
        background-color: #4276A4;
        color: #6e9cc5;
    }

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

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

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

    .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
    .blue .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
        color: #6e9cc5;
    }

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

.page-sidebar-closed .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group,
.blue.page-sidebar-closed .page-sidebar .sidebar-search.open .input-group {
    background-color: #4276A4;
}

.page-sidebar-closed .blue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.blue.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i {
    color: #6e9cc5;
}

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

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

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

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

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

.blue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .blue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .blue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        border-left: 0;
        border-right: 4px solid #d64635;
    }

        .blue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .blue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 0;
            border-right: 4px solid #d64635;
        }

/******
    Page Footer 
    ******/
.blue .page-footer .page-footer-inner {
    color: #c9dae9;
}

.blue .page-footer-fixed .page-footer {
    background-color: #38648b;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .blue .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(73, 127, 174, 0.2);
    }

        .blue .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .blue .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .blue .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(73, 127, 174, 0.2);
    }

        .blue .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
        .blue .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }

        .blue .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(73, 127, 174, 0.2);
        }

            .blue .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
            .blue .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
                box-shadow: none;
            }
    /* Light sidebar menu */
    .blue .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #4a83b6 !important;
    }
    /* Fixed Sidebar */
    .blue .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

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

        .blue .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
    /* Boxed Layout */
    .blue .page-boxed {
        background-color: #3e6e99 !important;
        /* Page container */
        /* Page sidebar */
        /* Page footer */
    }

        .blue .page-boxed .page-container {
            background-color: #4276A4;
            border-left: 1px solid #4a83b6;
            border-bottom: 1px solid #4a83b6;
        }

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

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

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

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

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

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

            .blue .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #c9dae9;
            }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .blue .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #3d6a91;
    }

    .blue .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #3d6a91;
    }

    .blue .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #3d6a91 !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .blue .page-sidebar {
        background-color: #305778;
        /* light sidebar */
    }

        .blue .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #4276A4;
        }

        .blue .page-sidebar .page-sidebar-menu > li:hover > a,
        .blue .page-sidebar .page-sidebar-menu > li.open > a {
            background: #366187;
        }

        .blue .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .blue .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #305778 !important;
        }

        .blue .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #305778 !important;
        }

        .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }

            .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
            .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
                background: #355e83;
            }

            .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
            .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
                background: #355e83;
            }

                .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
                .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                    background: #355e83;
                }

            .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
                background: #305778 !important;
            }

                .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
                .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
                .blue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                    background: #355e83 !important;
                }
}

@media (max-width: 480px) {
    /* 480px */
    .blue .page-header.navbar {
        /* Top menu */
    }

        .blue .page-header.navbar .top-menu {
            background-color: #4276A4;
        }

    .blue .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #2D5F8B;
    }

    .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #3b7cb5;
    }

    .blue .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

    .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
        background-color: #3979b2;
    }
}

/****
    Boby
    ****/
body.blue {
    background-color: #4276A4;
}

/****
 CSS3 Spinner Bar
****/
.blue .page-spinner-bar > div,
.blue .block-spinner-bar > div {
    background: #da594a;
}

/***Quick access section***/
.blue .modal-qas .modal-header {
    background-color: #2D5F8B;
}

    .blue .modal-qas .modal-header .modal-title {
        color: #C9DFF5;
    }
.blue .btn-qas {
    color: #C9DFF5;
}
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.blue.login {
    background-color: #4276A4;
}

    .blue.login a {
        color: #C9DFF5 !important;
    }

    .blue.login .form-title {
        color: #C9DFF5;
        font-size: 19px;
        font-weight: 400 !important;
    }

    .blue.login .tickList li,
    .blue.login .integration-title {
        color: #C9DFF5;
    }

    .blue.login .form-subtitle {
        color: #C9DFF5;
        font-size: 17px;
        font-weight: 300 !important;
        padding-left: 10px;
    }

    .blue.login .content h4 {
        color: #555;
    }

    .blue.login .content .hint {
        color: #C9DFF5;
        padding: 0;
        font-size: 14px;
        margin: 15px 0 7px 0;
    }

    .blue.login .content .form-control {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: transparent !important;
        height: 62px;
        color: #959fad;
        border: none;
        padding-left: 6px;
        padding-top: 25px;
    }

        .blue.login .content .form-control:focus,
        .blue.login .content .form-control:active {
            border: 1px solid #415771;
        }

        .blue.login .content .form-control::-moz-placeholder {
            color: #C9DFF5;
            opacity: 1;
        }

        .blue.login .content .form-control:-ms-input-placeholder {
            color: #C9DFF5;
        }

        .blue.login .content .form-control::-webkit-input-placeholder {
            color: #C9DFF5;
        }

.blue .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #6f99bf;
    border-bottom: 1px solid #6f99bf;
}

    .blue .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #C9DFF5 !important;
    }


.blue.login .btn.btn-theme {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 25px 10px 0px !important;
}

.blue.login .btn:not(.red):not(.green):not(.blue):not(.yellow):not(.dark) {
    background-color: #4276A4;
    border: 1px solid #6596c3;
    color: #C9DFF5;
    font-weight: 600;
    padding: 10px 25px;
}

.blue.login .btn:hover:not(.red):not(.green):not(.dark) {
    border: 1px solid #6596c3;
    background-color: #497FAE;
    color: #C9DFF5;
}

.blue.login .btn-default {
    background-color: #3f6d96;
    border: 1px solid #6596c3;
    color: #C9DFF5;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .blue.login .btn-default:hover {
        border: 1px solid #6596c3;
        background-color: #3e668a;
        color: #C9DFF5;
    }

.blue.login .form-group.form-md-line-input {
    /*border: 1px solid #6596c3;*/
}

.blue.login .content .forget-password {
    color: #C9DFF5;
    font-size: 15px;
}

.blue.login .content .rememberme {
    margin-top: 8px;
}

.blue.login .content .mt-checkbox {
    color: #C9DFF5 !important;
}

    .blue.login .content .mt-checkbox > span:after {
        border-color: #C9DFF5 !important;
    }



.blue.login .content .create-account p a {
    font-weight: 300;
    font-size: 16px;
    color: #C9DFF5;
}


/* footer copyright */
.blue.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #C9DFF5;
    font-size: 13px;
}


.blue.login .dropdown.pull-left .dropdown-menu:before {
    left: 9px !important;
    right: auto !important;
}

.blue.login .dropdown.pull-left .dropdown-menu:after {
    left: 9px !important;
    right: auto !important;
}

.blue.login .dropdown-menu {
    background-color: #497FAE;
    border: 1px solid #6596c3;
    padding: 10px 0;
}

    .blue.login .dropdown-menu > li > a:hover {
        background-color: #6092be !important;
    }


/*.login .form-group.form-md-line-input .form-control ~ .form-control-focus,
.login .form-group.form-md-line-input .form-control ~ label {
}

.login .form-group.form-md-line-input .form-control ~ label {
    color: #C9DFF5 !important;
    padding-left: 6px;
}*/

.blue.login .content input.form-control:focus,
.blue.login .content input.form-control,
.blue.login .content select.form-control:focus,
.blue.login .content select.form-control {
    border: 1px solid #6596c3;
}

    .blue.login .content select.select-empty.form-control option,
    .blue.login .content select.form-control option {
        color: #415771;
    }

        .blue.login .content select.select-empty.form-control option:disabled {
            /*color: #d9ecf9;*/
            color: #415771 !important;
        }

.blue .mt-checkbox.mt-checkbox-outline > input:not([disabled]) ~ span,
.blue .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.blue .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.blue .mt-checkbox.mt-checkbox-outline > input:checked ~ span,
.blue .mt-checkbox.mt-checkbox-outline > input:focus ~ span,
.blue .mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #6596c3;
}

.blue .form-group.form-md-line-input .form-control[disabled],
.blue .form-group.form-md-line-input .form-control[readonly],
.blue fieldset[disabled] .form-group.form-md-line-input .form-control {
    border-style: dashed !important;
    border-color: #6596c3 !important;
}


.blue .page-sidebar .page-sidebar-menu > li > a,
.blue .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #4a83b6;
}

@media (min-width: 992px) {
    .blue .two-level-menu.open .nav-item.open .sub-menu {
        border-top: 1px solid #4a83b6;
        border-left: 1px solid #4a83b6;
    }

    /*.two-level-menu.open > ul > .nav-item:not(.open) {
        border-right: 1px solid #4a83b6;
    }*/
}


.blue .two-level-menu.open .nav-item.open .menu-block-title {
    color: #C9DFF5;
    border-left: 1px solid #4a83b6;
}

.blue .two-level-menu.open .close-menu > .close-menu-button {
    color: #C9DFF5;
}

    .blue .two-level-menu.open .close-menu > .close-menu-button:hover {
        color: #D2E6F9;
    }

.blue .vertical-handle {
    background-color: rgba(255, 255, 255, 0.50);
}

@media (max-width: 480px) {
    .blue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
    .blue .page-header.navbar .top-menu {
        background-color: #2D5F8B;
    }
}

@media (max-width: 991px) {
    .blue .two-level-menu.page-sidebar,
    .blue .page-sidebar-closed.page-sidebar-fixed .two-level-menu.page-sidebar:hover {
        background-color: #305778 !important;
    }
}

.blue .page-sidebar .page-sidebar-menu > li .sub-menu > li.heading {
    background-color: #2b6192 !important;
}

.blue .x-grid-row.x-grid-row-alt {
    background-color: #fbfcfd
}



@media (min-width: 992px) {
    .blue .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: transparent !important;
    }
}

.blue .page-footer .page-footer-inner .page-footer-link a {
    color: #c9dae9;
}

.blue #qbMenuLogo {
    background-image: url(/Content/Design2017/Images/qb_logo_white.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 114px;
    display: inline-block;
    padding-top: 10px;
    background-position-y: 4px
}

/* Cubic Bezier Transition */
/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.darkblue .page-header.navbar {
    background-color: #2b3643;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

    .darkblue .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }

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

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

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

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

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

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

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border-color: #e7eaf0;
        }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #eaedf2;
            }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #eaedf2;
            }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #36c6d3;
            color: #ffffff;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #36c6d3;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: #c6cfda;
        }

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

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            width: 195px;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: #c6cfda;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #3f4f62;
            border: 0;
        }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #3f4f62;
            }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #2f3b49;
            }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #adbaca;
                }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #5496cf;
                }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #bcc7d4;
                border-bottom: 1px solid #4b5e75 !important;
            }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
                    color: #9dadc0;
                }

                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #47596e;
                }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #4b5e75;
            }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #354353;
        }

        .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #2b3643;
        }

    .darkblue .page-header.navbar .search-form {
        background: #232c37;
    }

        .darkblue .page-header.navbar .search-form:hover {
            background: #3f4f62;
        }

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

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

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

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

        .darkblue .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
            color: #959fad;
        }

        .darkblue .page-header.navbar .search-form.open {
            background: #3f4f62;
        }

    .darkblue .page-header.navbar .menu-toggler > span,
    .darkblue .page-header.navbar .menu-toggler > span:before,
    .darkblue .page-header.navbar .menu-toggler > span:after {
        background: #a7b5c6;
    }

        .darkblue .page-header.navbar .menu-toggler > span:hover {
            background: #a7b5c6;
        }

            .darkblue .page-header.navbar .menu-toggler > span:hover:before,
            .darkblue .page-header.navbar .menu-toggler > span:hover:after {
                background: #a7b5c6;
            }

    .darkblue .page-header.navbar .menu-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

/* Default Horizontal Menu */
.darkblue .page-header.navbar {
    /* Default Mega Menu */
    /* Light Mega Menu */
}

    .darkblue .page-header.navbar .hor-menu .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

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

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

            .darkblue .page-header.navbar .hor-menu .navbar-nav > li > a > i {
                color: #788ea8;
            }

            .darkblue .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
                color: #d5dce4;
                background: #3f4f62 !important;
            }

                .darkblue .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
                .darkblue .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
                .darkblue .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
                    color: #889bb2;
                }

        .darkblue .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .darkblue .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .darkblue .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .darkblue .page-header.navbar .hor-menu .navbar-nav > li.current > a {
            color: white;
            background: #36c6d3 !important;
        }

            .darkblue .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
                color: #788ea8;
            }

        .darkblue .page-header.navbar .hor-menu .navbar-nav > li.active .selected,
        .darkblue .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            border-top: 6px solid #36c6d3;
        }

        .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(63, 79, 98, 0.2);
            background: #3f4f62;
        }

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

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

            .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                color: #f1f3f6;
                background: #47596e;
            }

                .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #f1f3f6;
                }

            .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
            .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #f1f3f6;
                background: #47596e;
            }

                .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
                .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
                .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #f1f3f6;
                }

            .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                background-color: #495c72;
            }

        .darkblue .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
            color: #c6cfda;
        }

    .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

            .darkblue .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: #666;
            }

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

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
                color: #788ea8;
            }

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                color: #d5dce4;
                background: #3f4f62;
            }

                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                    color: #889bb2;
                }

        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
            color: #333 !important;
            background: white !important;
        }

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
                color: #333 !important;
            }

        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
            color: white;
            background: #36c6d3;
        }

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
                color: #788ea8;
            }

        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
            background: white;
        }

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

                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
                    color: #888;
                }

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                color: #000;
                background: whitesmoke;
            }

                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #666;
                }

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #000;
                background: whitesmoke;
            }

                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
                .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #666;
                }

            .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                background-color: whitesmoke;
            }

        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            border: 1px solid #f2f2f2;
        }

        .darkblue .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
            border-top: 0;
        }

/* Page sidebar */
.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.darkblue .page-sidebar {
    background-color: #364150;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .darkblue .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .darkblue .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #3d4957;
            color: #b4bcc8;
        }

            .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
            .darkblue .page-sidebar .page-sidebar-menu > li > a > i {
                color: #606C7D;
            }

                .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
                .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
                .darkblue .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
                .darkblue .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                    color: #6b788b;
                }

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

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .darkblue .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #708096;
        }

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
        .darkblue .page-sidebar .page-sidebar-menu > li:hover > a,
        .darkblue .page-sidebar .page-sidebar-menu > li.open > a {
            background: #2C3542;
            color: #b4bcc8;
        }

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

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

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
        .darkblue .page-sidebar .page-sidebar-menu > li.active > a,
        .darkblue .page-sidebar .page-sidebar-menu > li.active.open > a {
            background: #36c6d3;
            border-top-color: transparent;
            color: #ffffff;
        }

            .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
            .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .darkblue .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .darkblue .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
                background: #36c6d3;
            }

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

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

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

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

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

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

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

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

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

.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.darkblue .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #b4bcc8;
}

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
    .darkblue .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
        color: #606C7D;
    }

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
        .darkblue .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .darkblue .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
            color: #6b788b;
        }

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

.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.darkblue .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.darkblue .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.darkblue .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #3e4b5c !important;
}

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i,
    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i,
    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
    .darkblue .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
    .darkblue .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
    .darkblue .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
        color: #606C7D;
        color: #959fae;
    }

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

.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
    .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: #3a4656;
    }

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
    .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: #3e4b5c;
        border-left: 4px solid #36c6d3;
        color: #f1f1f1;
    }

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 4px solid #36c6d3;
            background: #3a4656;
        }

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

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

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
    .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #3a4656;
    }

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
        .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #3e4b5c !important;
        }

.darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.darkblue .page-sidebar .sidebar-toggler {
    background: #2c3541;
}

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
    .darkblue .page-sidebar .sidebar-toggler > span,
    .darkblue .page-sidebar .sidebar-toggler > span:before,
    .darkblue .page-sidebar .sidebar-toggler > span:after {
        background: #a7b5c6;
    }

        .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
        .darkblue .page-sidebar .sidebar-toggler > span:hover {
            background: #a7b5c6;
        }

            .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before,
            .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
            .darkblue .page-sidebar .sidebar-toggler > span:hover:before,
            .darkblue .page-sidebar .sidebar-toggler > span:hover:after {
                background: #a7b5c6;
            }

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
    .darkblue .page-sidebar .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
    .darkblue .page-sidebar .sidebar-toggler:hover {
        background: #212832;
    }

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

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .darkblue .page-sidebar .sidebar-search .input-group .form-control {
        background-color: #364150;
        color: #4e5d6f;
    }

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

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

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

    .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
    .darkblue .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
        color: #4e5d6f;
    }

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

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

.page-sidebar-closed .darkblue.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.darkblue.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i {
    color: #4e5d6f;
}

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

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

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

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

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

.darkblue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .darkblue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .darkblue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        border-left: 0;
        border-right: 4px solid #36c6d3;
    }

        .darkblue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .darkblue .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 0;
            border-right: 4px solid #36c6d3;
        }

/******
    Page Footer 
    ******/
.darkblue .page-footer .page-footer-inner {
    color: #98a6ba;
}

.darkblue .page-footer-fixed .page-footer {
    background-color: #28303b;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .darkblue .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
    }

        .darkblue .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .darkblue .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .darkblue .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
    }

        .darkblue .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
        .darkblue .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }

        .darkblue .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
        }

            .darkblue .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
            .darkblue .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
                box-shadow: none;
            }
    /* Light sidebar menu */
    .darkblue .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #3d4957 !important;
    }
    /* Fixed Sidebar */
    .darkblue .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

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

        .darkblue .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
    /* Boxed Layout */
    .darkblue .page-boxed {
        background-color: #303a47 !important;
        /* Page container */
        /* Page sidebar */
        /* Page footer */
    }

        .darkblue .page-boxed .page-container {
            background-color: #364150;
            border-left: 1px solid #3d4957;
            border-bottom: 1px solid #3d4957;
        }

        .darkblue .page-boxed.page-sidebar-reversed .page-container {
            border-left: 0;
            border-right: 1px solid #3d4957;
        }

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

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

        .darkblue .page-boxed.page-sidebar-fixed .page-sidebar {
            border-left: 1px solid #3d4957;
        }

        .darkblue .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
            border-right: 1px solid #3d4957;
            border-left: 0;
        }

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

            .darkblue .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #98a6ba;
            }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .darkblue .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #323c4b;
    }

    .darkblue .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #323c4b;
    }

    .darkblue .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #323c4b !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .darkblue .page-sidebar {
        background-color: #28303b;
        /* light sidebar */
    }

        .darkblue .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #364150;
        }

        .darkblue .page-sidebar .page-sidebar-menu > li:hover > a,
        .darkblue .page-sidebar .page-sidebar-menu > li.open > a {
            background: #2e3744;
        }

        .darkblue .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .darkblue .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #28303b !important;
        }

        .darkblue .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #28303b !important;
        }

        .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }

            .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
            .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
                background: #2e3744;
            }

            .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
            .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
                background: #2e3744;
            }

                .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
                .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                    background: #2e3744;
                }

            .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
                background: #28303b !important;
            }

                .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
                .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
                .darkblue .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                    background: #2e3744 !important;
                }
}

@media (max-width: 480px) {
    /* 480px */
    .darkblue .page-header.navbar {
        /* Top menu */
    }

        .darkblue .page-header.navbar .top-menu {
            background-color: #364150;
        }

    .darkblue .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #2b3643;
    }

    .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #415265;
    }

    .darkblue .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

    .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
        background-color: #3f4f62;
    }
}

/****
    Boby
    ****/
body.darkblue {
    background-color: #364150;
}

/****
 CSS3 Spinner Bar
****/
.darkblue .page-spinner-bar > div,
.darkblue .block-spinner-bar > div {
    background: #4bccd8;
}

/***Quick access section***/
.darkblue .modal-qas .modal-header {
    background-color: #2b3643;
}

    .darkblue .modal-qas .modal-header .modal-title {
        color: #c6cfda;
    }
.darkblue .btn-qas {
    color: #c6cfda;
}
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.darkblue.login {
    background-color: #364150;
}

    .darkblue.login a {
        color: #b4bcc8 !important;
    }

    .darkblue.login .form-title {
        color: #b4bcc8;
        font-size: 19px;
        font-weight: 400 !important;
    }

    .darkblue.login .tickList li,
    .darkblue.login .integration-title {
        color: #b4bcc8;
    }

    .darkblue.login .form-subtitle {
        color: #929cab;
        font-size: 17px;
        font-weight: 300 !important;
        padding-left: 10px;
    }

    .darkblue.login .content h4 {
        color: #555;
    }

    .darkblue.login .content .hint {
        color: #929cab;
        padding: 0;
        font-size: 14px;
        margin: 15px 0 7px 0;
    }

    .darkblue.login .content .form-control {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: transparent !important;
        height: 62px;
        color: #959fad;
        border: none;
        padding-left: 6px;
        /*border-bottom: 1px solid #3d4957;*/
        padding-top: 25px;
    }

        .darkblue.login .content .form-control:focus,
        .darkblue.login .content .form-control:active {
            border: 1px solid #415771;
        }

        .darkblue.login .content .form-control::-moz-placeholder {
            color: #929cab;
            opacity: 1;
        }

        .darkblue.login .content .form-control:-ms-input-placeholder {
            color: #929cab;
        }

        .darkblue.login .content .form-control::-webkit-input-placeholder {
            color: #929cab;
        }

.darkblue .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #596777;
    border-bottom: 1px solid #596777;
}

    .darkblue .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #929cab !important;
    }


.darkblue.login .btn.btn-theme {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 25px 10px 0px !important;
}

.darkblue.login .btn:not(.red):not(.green):not(.blue):not(.yellow):not(.dark) {
    background-color: #364150;
    border: 1px solid #58687b;
    color: #b4bcc8;
    font-weight: 600;
    padding: 10px 25px;
}

.darkblue.login .btn:hover:not(.red):not(.green):not(.dark) {
    border: 1px solid #58687b;
    background-color: #2C3542;
    color: #b4bcc8;
}

.darkblue.login .btn-default {
    background-color: #2e3744;
    border: 1px solid #364150;
    color: #b4bcc8;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .darkblue.login .btn-default:hover {
        border: 1px solid #3d4957;
        background-color: #262c35;
        color: #d9d9d9;
    }

.darkblue.login .form-group.form-md-line-input {
    border: 1px solid #3d4957;
}

.darkblue.login .content .forget-password {
    color: #b4bcc8;
    font-size: 15px;
}

.darkblue.login .content .rememberme {
    margin-top: 8px;
}

.darkblue.login .content .mt-checkbox {
    color: #b4bcc8 !important;
}

    .darkblue.login .content .mt-checkbox > span:after {
        border-color: #b4bcc8 !important;
    }



.darkblue.login .content .create-account p a {
    font-weight: 300;
    font-size: 16px;
    color: #b4bcc8;
}


/* footer copyright */
.darkblue.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #b4bcc8;
    font-size: 13px;
}


.darkblue.login .dropdown.pull-left .dropdown-menu:before {
    left: 9px !important;
    right: auto !important;
}

.darkblue.login .dropdown.pull-left .dropdown-menu:after {
    left: 9px !important;
    right: auto !important;
}

.darkblue.login .dropdown-menu {
    background-color: #2C3542;
    border: 1px solid #3d4957;
    padding: 10px 0;
}

    .darkblue.login .dropdown-menu > li > a:hover {
        background-color: #364150 !important;
    }


/*.login .form-group.form-md-line-input .form-control ~ .form-control-focus,
.login .form-group.form-md-line-input .form-control ~ label {
}

.login .form-group.form-md-line-input .form-control ~ label {
    color: #b4bcc8 !important;
    padding-left: 6px;
}*/

.darkblue.login .content input.form-control:focus,
.darkblue.login .content input.form-control,
.darkblue.login .content select.form-control:focus,
.darkblue.login .content select.form-control {
    border: 1px solid #58687b;
}

    .darkblue.login .content select.select-empty.form-control option,
    .darkblue.login .content select.form-control option {
        color: #3d4957;
    }

        .darkblue.login .content select.select-empty.form-control option:disabled {
            /*color: #d9ecf9;*/
            color: #3d4957 !important;
        }

.darkblue .mt-checkbox.mt-checkbox-outline > input:not([disabled]) ~ span,
.darkblue .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.darkblue .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.darkblue .mt-checkbox.mt-checkbox-outline > input:checked ~ span,
.darkblue .mt-checkbox.mt-checkbox-outline > input:focus ~ span,
.darkblue .mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #58687b;
}

.darkblue .form-group.form-md-line-input .form-control[disabled],
.darkblue .form-group.form-md-line-input .form-control[readonly],
.darkblue fieldset[disabled] .form-group.form-md-line-input .form-control {
    border-style: dashed !important;
    border-color: #58687b !important;
}



.darkblue .page-sidebar .page-sidebar-menu > li > a,
.darkblue .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #3d4957;
}

@media (min-width: 992px) {
    .darkblue .two-level-menu.open .nav-item.open .sub-menu {
        border-top: 1px solid #3d4957;
        border-left: 1px solid #3d4957;
    }

    /*.two-level-menu.open > ul > .nav-item:not(.open) {
        border-right: 1px solid #3d4957;
    }*/
}


.darkblue .two-level-menu.open .nav-item.open .menu-block-title {
    color: #b4bcc8;
    border-left: 1px solid #3d4957;
}

.darkblue .two-level-menu.open .close-menu > .close-menu-button {
    color: #b4bcc8;
}

    .darkblue .two-level-menu.open .close-menu > .close-menu-button:hover {
        color: #c9d2e0;
    }

.darkblue .vertical-handle {
    background-color: rgba(255, 255, 255, 0.50);
}


@media (max-width: 480px) {
    .darkblue .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
    .darkblue .page-header.navbar .top-menu {
        background-color: #2b3643;
    }
}


@media (max-width: 991px) {
    .darkblue .two-level-menu.page-sidebar,
    .darkblue .page-sidebar-closed.page-sidebar-fixed .two-level-menu.page-sidebar:hover {
        background-color: #28303b !important;
    }
}

.darkblue .page-sidebar .page-sidebar-menu > li .sub-menu > li.heading {
    background-color: #3f4f62 !important;
}

.darkblue .x-grid-row.x-grid-row-alt {
    background-color: #fbfcfd
}


@media (min-width: 992px) {
    .darkblue .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: transparent !important;
    }
}

.darkblue .page-footer .page-footer-inner .page-footer-link a {
    color: #98a6ba;
}
.darkblue #qbMenuLogo {
    background-image: url(/Content/Design2017/Images/qb_logo_white.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 114px;
    display: inline-block;
    padding-top: 10px;
    background-position-y: 4px
}
/* Cubic Bezier Transition */
/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.default .page-header.navbar {
    background-color: #1f1f1f;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

    .default .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }

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

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

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

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

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

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

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border-color: #e7eaf0;
        }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #eaedf2;
            }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #eaedf2;
            }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #d64635;
            color: #ffffff;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #d64635;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: #c5c5c5;
        }

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

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            width: 195px;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: #c5c5c5;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #393939;
            border: 0;
        }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #393939;
            }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #242424;
            }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #a4a4a4;
                }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #5496cf;
                }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #b0b0b0;
                border-bottom: 1px solid #484848 !important;
            }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
                    color: #979797;
                }

                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #434343;
                }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #484848;
            }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #2c2c2c;
        }

        .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #1f1f1f;
        }

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

        .default .page-header.navbar .search-form:hover {
            background: #393939;
        }

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

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

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

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

        .default .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
            color: #999999;
        }

        .default .page-header.navbar .search-form.open {
            background: #393939;
        }

    .default .page-header.navbar .menu-toggler > span,
    .default .page-header.navbar .menu-toggler > span:before,
    .default .page-header.navbar .menu-toggler > span:after {
        background: #858585;
    }

        .default .page-header.navbar .menu-toggler > span:hover {
            background: #858585;
        }

            .default .page-header.navbar .menu-toggler > span:hover:before,
            .default .page-header.navbar .menu-toggler > span:hover:after {
                background: #858585;
            }

    .default .page-header.navbar .menu-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

/* Default Horizontal Menu */
.default .page-header.navbar {
    /* Default Mega Menu */
    /* Light Mega Menu */
}

    .default .page-header.navbar .hor-menu .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

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

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

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

            .default .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
            .default .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .default .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
                color: #d2d2d2;
                background: #393939 !important;
            }

                .default .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
                .default .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
                .default .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
                    color: #858585;
                }

        .default .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .default .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .default .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .default .page-header.navbar .hor-menu .navbar-nav > li.current > a {
            color: white;
            background: #d64635 !important;
        }

            .default .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .default .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .default .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
            .default .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
                color: #787878;
            }

        .default .page-header.navbar .hor-menu .navbar-nav > li.active .selected,
        .default .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            border-top: 6px solid #d64635;
        }

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

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

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

            .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                color: gainsboro;
                background: #434343;
            }

                .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: gainsboro;
                }

            .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
            .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
            .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
            .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: gainsboro;
                background: #434343;
            }

                .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
                .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
                .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: gainsboro;
                }

            .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                background-color: #454545;
            }

        .default .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
            color: #b8b8b8;
        }

    .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

            .default .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: #666;
            }

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

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
                color: #787878;
            }

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                color: #d2d2d2;
                background: #393939;
            }

                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                    color: #858585;
                }

        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
            color: #333 !important;
            background: white !important;
        }

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
                color: #333 !important;
            }

        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
            color: white;
            background: #d64635;
        }

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
                color: #787878;
            }

        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
            background: white;
        }

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

                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
                    color: #888;
                }

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                color: #000;
                background: whitesmoke;
            }

                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #666;
                }

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #000;
                background: whitesmoke;
            }

                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
                .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #666;
                }

            .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                background-color: whitesmoke;
            }

        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            border: 1px solid #f2f2f2;
        }

        .default .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
            border-top: 0;
        }

/* Page sidebar */
.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.default .page-sidebar {
    background-color: #3d3d3d;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .default .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .default .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #484848;
            color: #d9d9d9;
        }

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

                .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
                .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
                .default .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
                .default .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                    color: #959595;
                }

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

        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .default .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #9e9e9e;
        }

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

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

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

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

            .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
            .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .default .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .default .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
                background: #d64635;
            }

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

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

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

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

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

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

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

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

.page-sidebar-closed .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.default.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background-color: #3d3d3d;
}

.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.default .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #bdbdbd;
}

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

        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
        .default .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .default .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
            color: #959595;
        }

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

.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.default .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.default .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.default .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #474747 !important;
}

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

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

.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
    .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: #424242;
    }

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
    .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: #474747;
        border-left: 4px solid #d64635;
        color: #f1f1f1;
    }

        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 4px solid #d64635;
            background: #424242;
        }

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

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

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
    .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #424242;
    }

        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
        .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #474747 !important;
        }

.default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.default .page-sidebar .sidebar-toggler {
    background: #303030;
}

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
    .default .page-sidebar .sidebar-toggler > span,
    .default .page-sidebar .sidebar-toggler > span:before,
    .default .page-sidebar .sidebar-toggler > span:after {
        background: #858585;
    }

        .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
        .default .page-sidebar .sidebar-toggler > span:hover {
            background: #858585;
        }

            .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before,
            .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
            .default .page-sidebar .sidebar-toggler > span:hover:before,
            .default .page-sidebar .sidebar-toggler > span:hover:after {
                background: #858585;
            }

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
    .default .page-sidebar .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
    .default .page-sidebar .sidebar-toggler:hover {
        background: #242424;
    }

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

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .default .page-sidebar .sidebar-search .input-group .form-control {
        background-color: #3d3d3d;
        color: #5c5c5c;
    }

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

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

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

    .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
    .default .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
        color: #5c5c5c;
    }

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

.page-sidebar-closed .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group,
.default.page-sidebar-closed .page-sidebar .sidebar-search.open .input-group {
    background-color: #3d3d3d;
}

.page-sidebar-closed .default.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.default.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i {
    color: #5c5c5c;
}

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

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

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

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

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

.default .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .default .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .default .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        border-left: 0;
        border-right: 4px solid #d64635;
    }

        .default .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .default .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 0;
            border-right: 4px solid #d64635;
        }

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

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

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .default .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
    }

        .default .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .default .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .default .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
    }

        .default .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
        .default .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }

        .default .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
        }

            .default .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
            .default .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
                box-shadow: none;
            }
    /* Light sidebar menu */
    .default .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #484848 !important;
    }
    /* Fixed Sidebar */
    .default .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

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

        .default .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
    /* Boxed Layout */
    .default .page-boxed {
        background-color: #353535 !important;
        /* Page container */
        /* Page sidebar */
        /* Page footer */
    }

        .default .page-boxed .page-container {
            background-color: #3d3d3d;
            border-left: 1px solid #484848;
            border-bottom: 1px solid #484848;
        }

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

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

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

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

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

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

            .default .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #a3a3a3;
            }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .default .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #3a3a3a;
    }

    .default .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #3a3a3a;
    }

    .default .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #3a3a3a !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .default .page-sidebar {
        background-color: #2b2b2b;
        /* light sidebar */
    }

        .default .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #3d3d3d;
        }

        .default .page-sidebar .page-sidebar-menu > li:hover > a,
        .default .page-sidebar .page-sidebar-menu > li.open > a {
            background: #333333;
        }

        .default .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .default .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #2b2b2b !important;
        }

        .default .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #2b2b2b !important;
        }

        .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }

            .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
            .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
                background: #333333;
            }

            .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
            .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
                background: #333333;
            }

                .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
                .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                    background: #333333;
                }

            .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
                background: #2b2b2b !important;
            }

                .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
                .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
                .default .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                    background: #333333 !important;
                }
}

@media (max-width: 480px) {
    /* 480px */
    .default .page-header.navbar {
        /* Top menu */
    }

        .default .page-header.navbar .top-menu {
            background-color: #3d3d3d;
        }

    .default .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #1f1f1f;
    }

    .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #3b3b3b;
    }

    .default .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

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

/****
    Boby
    ****/
body.default {
    background-color: #3d3d3d;
}

/****
 CSS3 Spinner Bar
****/
.default .page-spinner-bar > div,
.default .block-spinner-bar > div {
    background: #da594a;
}

/***Quick access section***/
.default .modal-qas .modal-header {
    background-color: #1f1f1f;
}

    .default .modal-qas .modal-header .modal-title {
        color: #d9d9d9;
    }
.default .btn-qas {
    color: #d9d9d9;
}
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.default.login {
    background-color: #1f1f1f;
}

    .default.login a {
        color: #d9d9d9 !important;
    }

    .default.login .form-title {
        color: #d9d9d9;
        font-size: 19px;
        font-weight: 400 !important;
    }

    .default.login .tickList li,
    .default.login .integration-title {
        color: #d9d9d9;
    }

    .default.login .form-subtitle {
        color: #929cab;
        font-size: 17px;
        font-weight: 300 !important;
        padding-left: 10px;
    }

    .default.login .content h4 {
        color: #555;
    }

    .default.login .content .hint {
        color: #929cab;
        padding: 0;
        font-size: 14px;
        margin: 15px 0 7px 0;
    }

    .default.login .content .form-control {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: transparent !important;
        height: 62px;
        color: #959fad;
        border: none;
        padding-left: 6px;
        padding-top: 25px;
    }

        .default.login .content .form-control:focus,
        .default.login .content .form-control:active {
            border: 1px solid #415771;
        }

        .default.login .content .form-control::-moz-placeholder {
            color: #929cab;
            opacity: 1;
        }

        .default.login .content .form-control:-ms-input-placeholder {
            color: #929cab;
        }

        .default.login .content .form-control::-webkit-input-placeholder {
            color: #929cab;
        }

.default .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #484848;
}

    .default .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #929cab !important;
    }


.default.login .btn.btn-theme {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 25px 10px 0px !important;
}

.default.login .btn:not(.red):not(.green):not(.blue):not(.yellow):not(.dark) {
    background-color: #1f1f1f;
    border: 1px solid #484848;
    color: #d9d9d9;
    font-weight: 600;
    padding: 10px 25px;
}

.default.login .btn:hover:not(.red):not(.green):not(.dark) {
    border: 1px solid #484848;
    background-color: #333438;
    color: #d9d9d9;
}

.default.login .btn-default {
    background-color: #252525;
    border: 1px solid #484848;
    color: #d9d9d9;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .default.login .btn-default:hover {
        border: 1px solid #484848;
        background-color: #2b2b2b;
        color: #d9d9d9;
    }

.default.login .form-group.form-md-line-input {
    border: 1px solid #484848;
}

.default.login .content .forget-password {
    color: #d9d9d9;
    font-size: 15px;
}

.default.login .content .rememberme {
    margin-top: 8px;
}

.default.login .content .mt-checkbox {
    color: #d9d9d9 !important;
}

    .default.login .content .mt-checkbox > span:after {
        border-color: #d9d9d9 !important;
    }



.default.login .content .create-account p a {
    font-weight: 300;
    font-size: 16px;
    color: #d9d9d9;
}


/* footer copyright */
.default.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #d9d9d9;
    font-size: 13px;
}


.default.login .dropdown.pull-left .dropdown-menu:before {
    left: 9px !important;
    right: auto !important;
}

.default.login .dropdown.pull-left .dropdown-menu:after {
    left: 9px !important;
    right: auto !important;
}

.default.login .dropdown-menu {
    background-color: #333438;
    border: 1px solid #707070;
    padding: 10px 0;
}

    .default.login .dropdown-menu > li > a:hover {
        background-color: #2a2a2a !important;
    }


/*.login .form-group.form-md-line-input .form-control ~ .form-control-focus,
.login .form-group.form-md-line-input .form-control ~ label {
}

.login .form-group.form-md-line-input .form-control ~ label {
    color: #d9d9d9 !important;
    padding-left: 6px;
}*/

.default.login .content input.form-control:focus,
.default.login .content input.form-control,
.default.login .content select.form-control:focus,
.default.login .content select.form-control {
    border: 1px solid #484848;
}


    .default.login .content select.select-empty.form-control option,
    .default.login .content select.form-control option {
        color: #484848;
    }

        .default.login .content select.select-empty.form-control option:disabled {
            /*color: #d9ecf9;*/
            color: #484848 !important;
        }

.default .mt-checkbox.mt-checkbox-outline>input:not([disabled])~span,
.default .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span, 
.default .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span, 
.default .mt-checkbox.mt-checkbox-outline>input:checked~span, 
.default .mt-checkbox.mt-checkbox-outline>input:focus~span, 
.default .mt-checkbox.mt-checkbox-outline>span {
    border: 1px solid #484848;
}

.default .form-group.form-md-line-input .form-control[disabled],
.default .form-group.form-md-line-input .form-control[readonly],
.default fieldset[disabled] .form-group.form-md-line-input .form-control {
    border-style: dashed !important;
    border-color: #484848 !important;
}


.default .page-sidebar .page-sidebar-menu > li > a,
.default .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #484848;
}

@media (min-width: 992px) {
    .default .two-level-menu.open .nav-item.open .sub-menu {
        border-top: 1px solid #484848;
        border-left: 1px solid #484848;
    }

    /*.two-level-menu.open > ul > .nav-item:not(.open) {
        border-right: 1px solid #484848;
    }*/
}


.default .two-level-menu.open .nav-item.open .menu-block-title {
    border-left: 1px solid #484848;
    color: #bdbdbd;
}

.default .two-level-menu.open .close-menu > .close-menu-button {
    color: #bdbdbd;
}

    .default .two-level-menu.open .close-menu > .close-menu-button:hover {
        color: #d7d7d7;
    }

.default .vertical-handle {
    background-color: rgba(255, 255, 255, 0.50);
}

@media (max-width: 480px) {
    .default .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
    .default .page-header.navbar .top-menu {
        background-color: #1f1f1f;
    }
}


@media (max-width: 991px) {
    .default .two-level-menu.page-sidebar,
    .default .page-sidebar-closed.page-sidebar-fixed .two-level-menu.page-sidebar:hover {
        background-color: #2b2b2b !important;
    }
}


.default .page-sidebar .page-sidebar-menu > li .sub-menu > li.heading {
    background-color: #333333 !important;
}

.default .x-grid-row.x-grid-row-alt {
    background-color: #fbfcfd
}


@media (min-width: 992px) {
    .default .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: transparent !important;
    }
}

.default .page-footer .page-footer-inner .page-footer-link a {
    color: #a3a3a3;
}
.default #qbMenuLogo {
    background-image: url(/Content/Design2017/Images/qb_logo_white.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 114px;
    display: inline-block;
    padding-top: 10px;
    background-position-y: 4px
}
/* Cubic Bezier Transition */
/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.grey .page-header.navbar {
    background-color: #4f5a67;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

    .grey .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }

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

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

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

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

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

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

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border-color: #e7eaf0;
        }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #eaedf2;
            }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #eaedf2;
            }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #31c7b2;
            color: #ffffff;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #31c7b2;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: #d6dae0;
        }

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

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            width: 195px;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: #d6dae0;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #657384;
            border: 0;
        }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #657384;
            }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #535f6d;
            }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #dcdfe4;
                }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #5496cf;
                }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #eaecef;
                border-bottom: 1px solid #748294 !important;
            }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
                    color: #cdd2d9;
                }

                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #6e7d90;
                }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #748294;
            }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #5a6676;
        }

        .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #4f5a67;
        }

    .grey .page-header.navbar .search-form {
        background: #46505c;
    }

        .grey .page-header.navbar .search-form:hover {
            background: #657384;
        }

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

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

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

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

        .grey .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
            color: #c4c9d0;
        }

        .grey .page-header.navbar .search-form.open {
            background: #657384;
        }

    .grey .page-header.navbar .menu-toggler > span,
    .grey .page-header.navbar .menu-toggler > span:before,
    .grey .page-header.navbar .menu-toggler > span:after {
        background: #d6dae0;
    }

        .grey .page-header.navbar .menu-toggler > span:hover {
            background: #d6dae0;
        }

            .grey .page-header.navbar .menu-toggler > span:hover:before,
            .grey .page-header.navbar .menu-toggler > span:hover:after {
                background: #d6dae0;
            }

    .grey .page-header.navbar .menu-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

/* Default Horizontal Menu */
.grey .page-header.navbar {
    /* Default Mega Menu */
    /* Light Mega Menu */
}

    .grey .page-header.navbar .hor-menu .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

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

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

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

            .grey .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
            .grey .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .grey .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
                color: #e4e7eb;
                background: #657384 !important;
            }

                .grey .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
                .grey .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
                .grey .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
                    color: #b9c0ca;
                }

        .grey .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .grey .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .grey .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .grey .page-header.navbar .hor-menu .navbar-nav > li.current > a {
            color: white;
            background: #31c7b2 !important;
        }

            .grey .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .grey .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .grey .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
            .grey .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
                color: #abb3be;
            }

        .grey .page-header.navbar .hor-menu .navbar-nav > li.active .selected,
        .grey .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            border-top: 6px solid #31c7b2;
        }

        .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
            background: #657384;
        }

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

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

            .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                color: #fefeff;
                background: #6e7d90;
            }

                .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #fefeff;
                }

            .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
            .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
            .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
            .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #fefeff;
                background: #6e7d90;
            }

                .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
                .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
                .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #fefeff;
                }

            .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                background-color: #717f92;
            }

        .grey .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
            color: #d6dae0;
        }

    .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

            .grey .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: #666;
            }

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

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
                color: #abb3be;
            }

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                color: #e4e7eb;
                background: #657384;
            }

                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                    color: #b9c0ca;
                }

        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
            color: #333 !important;
            background: white !important;
        }

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
                color: #333 !important;
            }

        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
            color: white;
            background: #31c7b2;
        }

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
                color: #abb3be;
            }

        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
            background: white;
        }

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

                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
                    color: #888;
                }

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                color: #000;
                background: whitesmoke;
            }

                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #666;
                }

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #000;
                background: whitesmoke;
            }

                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
                .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #666;
                }

            .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                background-color: whitesmoke;
            }

        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            border: 1px solid #f2f2f2;
        }

        .grey .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
            border-top: 0;
        }

/* Page sidebar */
.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.grey .page-sidebar {
    background-color: #5e6672;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .grey .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .grey .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #697380;
            color: #efefef;
        }

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

                .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
                .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
                .grey .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
                .grey .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                    color: #b8c0c6;
                }

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

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .grey .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #b4b4b4;
        }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
        .grey .page-sidebar .page-sidebar-menu > li:hover > a,
        .grey .page-sidebar .page-sidebar-menu > li.open > a {
            background: #535f6d;
            color: #efefef;
        }

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

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

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
        .grey .page-sidebar .page-sidebar-menu > li.active > a,
        .grey .page-sidebar .page-sidebar-menu > li.active.open > a {
            background: #31c7b2;
            border-top-color: transparent;
            color: #ffffff;
        }

            .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
            .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .grey .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .grey .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
                background: #31c7b2;
            }

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

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

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

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

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

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

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

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

.page-sidebar-closed .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.grey.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background-color: #5e6672;
}

.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.grey .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #eeeeee;
}

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

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
        .grey .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .grey .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
            color: #b8c0c6;
        }

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

.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.grey .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.grey .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.grey .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #566170 !important;
}

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

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

.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
    .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: #545c67;
    }

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
    .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: #4d555e;
        border-left: 4px solid #31c7b2;
        color: #f1f1f1;
    }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 4px solid #31c7b2;
            background: #545c67;
        }

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

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

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
    .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #626b78;
    }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
        .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #59616c !important;
        }

.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.grey .page-sidebar .sidebar-toggler {
    background: #525a64;
}

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
    .grey .page-sidebar .sidebar-toggler > span,
    .grey .page-sidebar .sidebar-toggler > span:before,
    .grey .page-sidebar .sidebar-toggler > span:after {
        background: #d6dae0;
    }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
        .grey .page-sidebar .sidebar-toggler > span:hover {
            background: #d6dae0;
        }

            .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before,
            .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
            .grey .page-sidebar .sidebar-toggler > span:hover:before,
            .grey .page-sidebar .sidebar-toggler > span:hover:after {
                background: #d6dae0;
            }

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
    .grey .page-sidebar .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
    .grey .page-sidebar .sidebar-toggler:hover {
        background: #474d56;
    }

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

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .grey .page-sidebar .sidebar-search .input-group .form-control {
        background-color: #5e6672;
        color: #7d8795;
    }

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

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

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

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
    .grey .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
        color: #7d8795;
    }

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

.page-sidebar-closed .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group,
.grey.page-sidebar-closed .page-sidebar .sidebar-search.open .input-group {
    background-color: #5e6672;
}

.page-sidebar-closed .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.grey.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i {
    color: #7d8795;
}

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

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

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

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

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

.grey .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .grey .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .grey .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        border-left: 0;
        border-right: 4px solid #31c7b2;
    }

        .grey .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .grey .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 0;
            border-right: 4px solid #31c7b2;
        }

/******
    Page Footer 
    ******/
.grey .page-footer .page-footer-inner {
    color: #c9cdd3;
}

.grey .page-footer-fixed .page-footer {
    background-color: #4d555e;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .grey .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(83, 95, 109, 0.2);
    }

        .grey .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .grey .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .grey .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(83, 95, 109, 0.2);
    }

        .grey .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
        .grey .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }

        .grey .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(83, 95, 109, 0.2);
        }

            .grey .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
            .grey .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
                box-shadow: none;
            }
    /* Light sidebar menu */
    .grey .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #697380 !important;
    }
    /* Fixed Sidebar */
    .grey .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

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

        .grey .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
    /* Boxed Layout */
    .grey .page-boxed {
        background-color: #575f6a !important;
        /* Page container */
        /* Page sidebar */
        /* Page footer */
    }

        .grey .page-boxed .page-container {
            background-color: #5e6672;
            border-left: 1px solid #697380;
            border-bottom: 1px solid #697380;
        }

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

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

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

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

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

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

            .grey .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #c9cdd3;
            }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .grey .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #5c6979;
    }

    .grey .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #5c6979;
    }

    .grey .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #5c6979 !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .grey .page-sidebar {
        background-color: #474d56;
        /* light sidebar */
    }

        .grey .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #5e6672;
        }

        .grey .page-sidebar .page-sidebar-menu > li:hover > a,
        .grey .page-sidebar .page-sidebar-menu > li.open > a {
            background: #4d555e;
        }

        .grey .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .grey .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #474d56 !important;
        }

        .grey .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #474d56 !important;
        }

        .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }

            .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
            .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
                background: #4d555e;
            }

            .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
            .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
                background: #4d555e;
            }

                .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
                .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                    background: #4d555e;
                }

            .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
                background: #474d56 !important;
            }

                .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
                .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
                .grey .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                    background: #4d555e !important;
                }
}

@media (max-width: 480px) {
    /* 480px */
    .grey .page-header.navbar {
        /* Top menu */
    }

        .grey .page-header.navbar .top-menu {
            background-color: #5e6672;
        }

    .grey .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #4f5a67;
    }

    .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #677587;
    }

    .grey .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

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

/****
    Boby
    ****/
body.grey {
    background-color: #5e6672;
}

/****
 CSS3 Spinner Bar
****/
.grey .page-spinner-bar > div,
.grey .block-spinner-bar > div {
    background: #41d0bc;
}

/* Page sidebar */
.grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.grey .page-sidebar .page-sidebar-menu {
    /* Change sidebar link font weight */
}

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
    .grey .page-sidebar .page-sidebar-menu li > a {
        font-weight: 300;
    }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
        .grey .page-sidebar .page-sidebar-menu li > a > i {
            font-weight: 300;
        }

    .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
    .grey .page-sidebar .page-sidebar-menu li .sub-menu li > a {
        font-weight: 300;
    }

        .grey.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
        .grey .page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
            font-weight: 300;
        }

/***Quick access section***/
.grey .modal-qas .modal-header {
    background-color: #4f5a67;
}

    .grey .modal-qas .modal-header .modal-title {
        color: #d6dae0;
    }
.grey .btn-qas {
    color: #d6dae0;
}
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.grey.login {
    background-color: #5e6672;
}

    .grey.login a {
        color: #efefef !important;
    }

    .grey.login .form-title {
        color: #efefef;
        font-size: 19px;
        font-weight: 400 !important;
    }

    .grey.login .tickList li,
    .grey.login .integration-title {
        color: #efefef;
    }

    .grey.login .form-subtitle {
        color: #efefef;
        font-size: 17px;
        font-weight: 300 !important;
        padding-left: 10px;
    }

    .grey.login .content h4 {
        color: #555;
    }

    .grey.login .content .hint {
        color: #efefef;
        padding: 0;
        font-size: 14px;
        margin: 15px 0 7px 0;
    }

    .grey.login .content .form-control {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: transparent !important;
        height: 62px;
        color: #959fad;
        border: none;
        padding-left: 6px;
        padding-top: 25px;
    }

        .grey.login .content .form-control:focus,
        .grey.login .content .form-control:active {
            border: 1px solid #415771;
        }

        .grey.login .content .form-control::-moz-placeholder {
            color: #efefef;
            opacity: 1;
        }

        .grey.login .content .form-control:-ms-input-placeholder {
            color: #efefef;
        }

        .grey.login .content .form-control::-webkit-input-placeholder {
            color: #efefef;
        }

.grey .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #848b94;
    border-bottom: 1px solid #848b94;
}

    .grey .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #efefef !important;
    }


.grey.login .btn.btn-theme {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 25px 10px 0px !important;
}

.grey.login .btn:not(.red):not(.green):not(.blue):not(.yellow):not(.dark) {
    background-color: #5e6672;
    border: 1px solid #7f8792;
    color: #efefef;
    font-weight: 600;
    padding: 10px 25px;
}

.grey.login .btn:hover:not(.red):not(.green):not(.dark) {
    border: 1px solid #7f8792;
    background-color: #737982;
    color: #efefef;
}

.grey.login .btn-default {
    background-color: #59616c;
    border: 1px solid #7f8792;
    color: #efefef;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .grey.login .btn-default:hover {
        border: 1px solid #7f8792;
        background-color: #52575d;
        color: #efefef;
    }

.grey.login .form-group.form-md-line-input {
    border: 1px solid #7f8792;
}

.grey.login .content .forget-password {
    color: #efefef;
    font-size: 15px;
}

.grey.login .content .rememberme {
    margin-top: 8px;
}

.grey.login .content .mt-checkbox {
    color: #efefef !important;
}

    .grey.login .content .mt-checkbox > span:after {
        border-color: #efefef !important;
    }



.grey.login .content .create-account p a {
    font-weight: 300;
    font-size: 16px;
    color: #efefef;
}


/* footer copyright */
.grey.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #efefef;
    font-size: 13px;
}


.grey.login .dropdown.pull-left .dropdown-menu:before {
    left: 9px !important;
    right: auto !important;
}

.grey.login .dropdown.pull-left .dropdown-menu:after {
    left: 9px !important;
    right: auto !important;
}

.grey.login .dropdown-menu {
    background-color: #52575d;
    border: 1px solid #7f8792;
    padding: 10px 0;
}

    .grey.login .dropdown-menu > li > a:hover {
        background-color: #737982 !important;
    }


/*.login .form-group.form-md-line-input .form-control ~ .form-control-focus,
.login .form-group.form-md-line-input .form-control ~ label {
}

.login .form-group.form-md-line-input .form-control ~ label {
    color: #efefef !important;
    padding-left: 6px;
}*/

.grey.login .content input.form-control:focus,
.grey.login .content input.form-control,
.grey.login .content select.form-control:focus,
.grey.login .content select.form-control {
    border: 1px solid #7f8792;
}

    .grey.login .content select.select-empty.form-control option,
    .grey.login .content select.form-control option {
        color: #415771;
    }

        .grey.login .content select.select-empty.form-control option:disabled {
            /*color: #d9ecf9;*/
            color: #415771 !important;
        }

.grey .mt-checkbox.mt-checkbox-outline > input:not([disabled]) ~ span,
.grey .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.grey .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.grey .mt-checkbox.mt-checkbox-outline > input:checked ~ span,
.grey .mt-checkbox.mt-checkbox-outline > input:focus ~ span,
.grey .mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #7f8792;
}

.grey .form-group.form-md-line-input .form-control[disabled],
.grey .form-group.form-md-line-input .form-control[readonly],
.grey fieldset[disabled] .form-group.form-md-line-input .form-control {
    border-style: dashed !important;
    border-color: #7f8792 !important;
}



.grey .page-sidebar .page-sidebar-menu > li > a,
.grey .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #697380;
}

@media (min-width: 992px) {
    .grey .two-level-menu.open .nav-item.open .sub-menu {
        border-top: 1px solid #697380;
        border-left: 1px solid #697380;
    }

    /*.two-level-menu.open > ul > .nav-item:not(.open) {
        border-right: 1px solid #697380;
    }*/
}


.grey .two-level-menu.open .nav-item.open .menu-block-title {
    color: #eee;
    border-left: 1px solid #697380;
}

.grey .two-level-menu.open .close-menu > .close-menu-button {
    color: #eee;
}

    .grey .two-level-menu.open .close-menu > .close-menu-button:hover {
        color: #d0d0d0;
    }

.grey .vertical-handle {
    background-color: rgba(255, 255, 255, 0.50);
}

@media (max-width: 480px) {
    .grey .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
    .grey .page-header.navbar .top-menu {
        background-color: #4f5a67;
    }
}


@media (max-width: 991px) {
    .grey .two-level-menu.page-sidebar,
    .grey .page-sidebar-closed.page-sidebar-fixed .two-level-menu.page-sidebar:hover {
        background-color: #474d56 !important;
    }
}


.grey .page-sidebar .page-sidebar-menu > li .sub-menu > li.heading {
    background-color: #4d5763 !important;
}

.grey .x-grid-row.x-grid-row-alt {
    background-color: #fbfcfd
}


@media (min-width: 992px) {
    .grey .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: transparent !important;
    }
}

.grey .page-footer .page-footer-inner .page-footer-link a {
    color: #c9cdd3;
}
.grey #qbMenuLogo {
    background-image: url(/Content/Design2017/Images/qb_logo_white.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 114px;
    display: inline-block;
    padding-top: 10px;
    background-position-y: 4px
}
/* Cubic Bezier Transition */
/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.light .page-header.navbar {
    background-color: #747F8C;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

    .light .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }

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

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

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

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

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

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

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border-color: #e7eaf0;
        }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #eaedf2;
            }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #eaedf2;
            }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #3FD5C0;
            color: #ffffff;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #3FD5C0;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: white;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
            color: white;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            width: 195px;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: white;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #727c89;
            border: 0;
        }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #727c89;
            }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #68727e;
            }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #d6d9dd;
                }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #5496cf;
                }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #d6d9dd;
                border-bottom: 1px solid #7a8491 !important;
            }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
                    color: #babfc6;
                }

                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #77828e;
                }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #7a8491;
            }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #6d7784;
        }

        .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #616b76;
        }

    .light .page-header.navbar .search-form {
        background: #6b7581;
    }

        .light .page-header.navbar .search-form:hover {
            background: #9099a3;
        }

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

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

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

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

        .light .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
            color: #c4c9d0;
        }

        .light .page-header.navbar .search-form.open {
            background: #9099a3;
        }

    .light .page-header.navbar .menu-toggler > span,
    .light .page-header.navbar .menu-toggler > span:before,
    .light .page-header.navbar .menu-toggler > span:after {
        background: white;
    }

        .light .page-header.navbar .menu-toggler > span:hover {
            background: white;
        }

            .light .page-header.navbar .menu-toggler > span:hover:before,
            .light .page-header.navbar .menu-toggler > span:hover:after {
                background: white;
            }

    .light .page-header.navbar .menu-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

/* Default Horizontal Menu */
.light .page-header.navbar {
    /* Default Mega Menu */
    /* Light Mega Menu */
}

    .light .page-header.navbar .hor-menu .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

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

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

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

            .light .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
            .light .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .light .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
                color: white;
                background: #9099a3 !important;
            }

                .light .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
                .light .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
                .light .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
                    color: #e4e6e8;
                }

        .light .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .light .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .light .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .light .page-header.navbar .hor-menu .navbar-nav > li.current > a {
            color: white;
            background: #3FD5C0 !important;
        }

            .light .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .light .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .light .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
            .light .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
                color: #d6d9dd;
            }

        .light .page-header.navbar .hor-menu .navbar-nav > li.active .selected,
        .light .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            border-top: 6px solid #3FD5C0;
        }

        .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(144, 153, 163, 0.2);
            background: #9099a3;
        }

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

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

            .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                color: white;
                background: #9ba3ac;
            }

                .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: white;
                }

            .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
            .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
            .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
            .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: white;
                background: #9ba3ac;
            }

                .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
                .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
                .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: white;
                }

            .light .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                background-color: #9ea6af;
            }

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

    .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

            .light .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: #666;
            }

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

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

            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                color: white;
                background: #9099a3;
            }

                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                    color: #e4e6e8;
                }

        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
            color: #333 !important;
            background: white !important;
        }

            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
                color: #333 !important;
            }

        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
            color: white;
            background: #3FD5C0;
        }

            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
                color: #d6d9dd;
            }

        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
            background: white;
        }

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

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

            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                color: #000;
                background: whitesmoke;
            }

                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #666;
                }

            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #000;
                background: whitesmoke;
            }

                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
                .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #666;
                }

            .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                background-color: whitesmoke;
            }

        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            border: 1px solid #f2f2f2;
        }

        .light .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
            border-top: 0;
        }

/* Page sidebar */
.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.light .page-sidebar {
    background-color: #FFFFFF;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .light .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .light .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #F0F5F7;
            color: #555555;
        }

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

                .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
                .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
                .light .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
                .light .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                    color: #7c8793;
                }

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

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .light .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #1a1a1a;
        }

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
        .light .page-sidebar .page-sidebar-menu > li:hover > a,
        .light .page-sidebar .page-sidebar-menu > li.open > a {
            background: #F1F1F1;
            color: #555555;
        }

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

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

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
        .light .page-sidebar .page-sidebar-menu > li.active > a,
        .light .page-sidebar .page-sidebar-menu > li.active.open > a {
            background: #3FD5C0;
            border-top-color: transparent;
            color: #ffffff;
        }

            .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
            .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .light .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .light .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
                background: #3FD5C0;
            }

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

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

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

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

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

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

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

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

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

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.light .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #555555;
}

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

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
        .light .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .light .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
            color: #7c8793;
        }

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

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.light .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.light .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.light .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #F1F1F1 !important;
}

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

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

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
    .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: whitesmoke;
    }

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
    .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: #ededed;
        border-left: 4px solid #3FD5C0;
        color: #666666;
    }

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 4px solid #3FD5C0;
            background: whitesmoke;
        }

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

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

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
    .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: white;
    }

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
        .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #ededed !important;
        }

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.light .page-sidebar .sidebar-toggler {
    background: #7c8793;
}

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
    .light .page-sidebar .sidebar-toggler > span,
    .light .page-sidebar .sidebar-toggler > span:before,
    .light .page-sidebar .sidebar-toggler > span:after {
        background: white;
    }

        .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
        .light .page-sidebar .sidebar-toggler > span:hover {
            background: white;
        }

            .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before,
            .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
            .light .page-sidebar .sidebar-toggler > span:hover:before,
            .light .page-sidebar .sidebar-toggler > span:hover:after {
                background: white;
            }

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
    .light .page-sidebar .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
    .light .page-sidebar .sidebar-toggler:hover {
        background: #6f7a87;
    }

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

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .light .page-sidebar .sidebar-search .input-group .form-control {
        background-color: #FFFFFF;
        color: #B5C0C9;
    }

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

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

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

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
    .light .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
        color: #B5C0C9;
    }

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

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

.page-sidebar-closed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.light.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i {
    color: #B5C0C9;
}

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

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

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

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

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

.light .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .light .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .light .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        border-left: 0;
        border-right: 4px solid #3FD5C0;
    }

        .light .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .light .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 0;
            border-right: 4px solid #3FD5C0;
        }

/******
    Page Footer 
    ******/
.light .page-footer .page-footer-inner {
    color: #333333;
}

.light .page-footer-fixed .page-footer {
    background-color: #e4e6e8;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .light .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(241, 241, 241, 0.2);
    }

        .light .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .light .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .light .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(241, 241, 241, 0.2);
    }

        .light .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
        .light .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }

        .light .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(241, 241, 241, 0.2);
        }

            .light .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
            .light .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
                box-shadow: none;
            }
    /* Light sidebar menu */
    .light .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #F0F5F7 !important;
    }
    /* Fixed Sidebar */
    .light .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

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

        .light .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
    /* Boxed Layout */
    .light .page-boxed {
        background-color: #f7f7f7 !important;
        /* Page container */
        /* Page sidebar */
        /* Page footer */
    }

        .light .page-boxed .page-container {
            background-color: #FFFFFF;
            border-left: 1px solid #F0F5F7;
            border-bottom: 1px solid #F0F5F7;
        }

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

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

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

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

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

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

            .light .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #333333;
            }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .light .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #e9e9e9;
    }

    .light .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #e9e9e9;
    }

    .light .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #e9e9e9 !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .light .page-sidebar {
        background-color: #fcfcfc;
        /* light sidebar */
    }

        .light .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #FFFFFF;
        }

        .light .page-sidebar .page-sidebar-menu > li:hover > a,
        .light .page-sidebar .page-sidebar-menu > li.open > a {
            background: #d9d9d9;
        }

        .light .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .light .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #fcfcfc !important;
        }

        .light .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #fcfcfc !important;
        }

        .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }

            .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
            .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
                background: white;
            }

            .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
            .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
                background: white;
            }

                .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
                .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                    background: white;
                }

            .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
                background: #fcfcfc !important;
            }

                .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
                .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
                .light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                    background: white !important;
                }
}

@media (max-width: 480px) {
    /* 480px */
    .light .page-header.navbar {
        /* Top menu */
    }

        .light .page-header.navbar .top-menu {
            background-color: #FFFFFF;
        }

    .light .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #747F8C;
    }

    .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #939ba5;
    }

    .light .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

    .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
        background-color: #9099a3;
    }
}

/****
    Boby
    ****/
bod.light y {
    background-color: #FFFFFF;
}

/****
 CSS3 Spinner Bar
****/
.light .page-spinner-bar > div,
.light .block-spinner-bar > div {
    background: #54dac7;
}

/* Page sidebar */
.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.light .page-sidebar .page-sidebar-menu {
    /* Adjust "selected" arrow */
    /* Change sidebar link font weight */
    /* Sidebar search */
}

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected,
    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
    .light .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
    .light .page-sidebar .page-sidebar-menu > li.active > a > .selected {
        top: 0px;
        right: -8px;
        border-top: 20px double transparent;
        border-bottom: 20px double transparent;
        border-right: 0;
        border-left: 8px solid #3FD5C0;
    }

.page-sidebar-reversed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar-reversed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-reversed .light .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar-reversed .light .page-sidebar .page-sidebar-menu > li.active > a > .selected {
    right: auto;
    left: -8px;
    border-left: 0;
    border-right: 8px solid #3FD5C0;
}

.page-container-bg-solid .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected,
.page-container-bg-solid .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-container-bg-solid .light .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-container-bg-solid .light .page-sidebar .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent transparent transparent #3FD5C0;
}

.page-container-bg-solid.page-sidebar-reversed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected,
.page-container-bg-solid.page-sidebar-reversed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
.page-container-bg-solid.page-sidebar-reversed .light .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-container-bg-solid.page-sidebar-reversed .light .page-sidebar .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent #3FD5C0 transparent transparent;
}

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
.light .page-sidebar .page-sidebar-menu li > a {
    font-weight: 400;
}

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
    .light .page-sidebar .page-sidebar-menu li > a > i {
        font-weight: 300;
    }

.page-sidebar-closed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover .sub-menu,
.light.page-sidebar-closed .page-sidebar .page-sidebar-menu li:hover .sub-menu {
    background-color: #F9F9F9;
}

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
.light .page-sidebar .page-sidebar-menu li .sub-menu li > a {
    font-weight: normal;
}

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
    .light .page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
        font-weight: 300;
    }

.page-sidebar-closed:not(.page-sidebar-reversed) .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group,
.light.page-sidebar-closed:not(.page-sidebar-reversed) .page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
    margin-left: 16px;
    border: 1px solid #F0F0F0;
    border-left-color: transparent;
}

.page-sidebar-closed.page-sidebar-reversed .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group,
.light.page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
    margin-left: -228px !important;
    border: 1px solid #F0F0F0;
    border-right-color: transparent;
}

.light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a .selected,
.light .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a .selected {
    display: none;
}

.light .page-content {
    border-left: 1px solid #F0F5F7;
    border-bottom: 1px solid #F0F5F7;
}

.light .page-sidebar-reversed .page-content {
    border-right: 1px solid #F0F5F7;
}

@media (max-width: 991px) {
    /* 991px */
    .light .page-content {
        border-left: 0;
        border-bottom: 0;
    }

    .light .page-sidebar-reversed .page-content {
        border-right: 0;
    }

    .light.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
    .light .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #F0F5F7;
    }
}

@media (max-width: 480px) {
    /* 480px */
    body.light {
        background: #98a0aa;
    }

    .light .page-header.navbar .top-menu {
        background-color: #98a0aa;
    }

    .light .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #747F8C;
    }

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

/***Quick access section***/
.light .modal-qas .modal-header {
    background-color: #747F8C;
}

    .light .modal-qas .modal-header .modal-title {
        color: #ffffff;
    }
.light .btn-qas {
    color: #ffffff;
}
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.light.login {
    background-color: #FFFFFF;
}

    .light.login a {
        color: #555 !important;
    }

    .light.login .form-title {
        color: #555;
        font-size: 19px;
        font-weight: 400 !important;
    }

    .light.login .tickList li,
    .light.login .integration-title {
        color: #555;
    }

    .light.login .form-subtitle {
        color: #555;
        font-size: 17px;
        font-weight: 300 !important;
        padding-left: 10px;
    }

    .light.login .content h4 {
        color: #555;
    }

    .light.login .content .hint {
        color: #555;
        padding: 0;
        font-size: 14px;
        margin: 15px 0 7px 0;
    }

    .light.login .content .form-control {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: transparent !important;
        height: 62px;
        color: #959fad;
        border: none;
        padding-left: 6px;
        padding-top: 25px;
    }

        .light.login .content .form-control:focus,
        .light.login .content .form-control:active {
            border: 1px solid #415771;
        }

        .light.login .content .form-control::-moz-placeholder {
            color: #555;
            opacity: 1;
        }

        .light.login .content .form-control:-ms-input-placeholder {
            color: #555;
        }

        .light.login .content .form-control::-webkit-input-placeholder {
            color: #555;
        }

.light .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #c3cdd2;
    border-bottom: 1px solid #c3cdd2;
}

    .light .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #555 !important;
    }


.light.login .btn.btn-theme {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 25px 10px 0px !important;
}

.light.login .btn:not(.red):not(.green):not(.blue):not(.yellow):not(.dark) {
    background-color: #FFFFFF;
    border: 1px solid #cecece;
    color: #555;
    font-weight: 600;
    padding: 10px 25px;
}

.light.login .btn:hover:not(.red):not(.green):not(.dark) {
    border: 1px solid #cecece;
    background-color: #ececec;
    color: #555;
}

.light.login .btn-default {
    background-color: #cecece;
    border: 1px solid #ececec;
    color: #555;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .light.login .btn-default:hover {
        border: 1px solid #cecece;
        background-color: #c8c8c8;
        color: #555;
    }

.light.login .form-group.form-md-line-input {
    border: 1px solid #dadada;
}

.light.login .content .forget-password {
    color: #555;
    font-size: 15px;
}

.light.login .content .rememberme {
    margin-top: 8px;
}

.light.login .content .mt-checkbox {
    color: #555 !important;
}

    .light.login .content .mt-checkbox > span:after {
        border-color: #555 !important;
    }



.light.login .content .create-account p a {
    font-weight: 300;
    font-size: 16px;
    color: #555;
}


/* footer copyright */
.light.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #555;
    font-size: 13px;
}


.light.login .dropdown.pull-left .dropdown-menu:before {
    left: 9px !important;
    right: auto !important;
}

.light.login .dropdown.pull-left .dropdown-menu:after {
    left: 9px !important;
    right: auto !important;
}

.light.login .dropdown-menu {
    background-color: #ececec;
    border: 1px solid #cecece;
    padding: 10px 0;
}

    .light.login .dropdown-menu > li > a:hover {
        background-color: #FFF !important;
    }


/*.login .form-group.form-md-line-input .form-control ~ .form-control-focus,
.login .form-group.form-md-line-input .form-control ~ label {
}

.login .form-group.form-md-line-input .form-control ~ label {
    color: #555 !important;
    padding-left: 6px;
}*/

.light.login .content input.form-control:focus,
.light.login .content input.form-control,
.light.login .content select.form-control:focus,
.light.login .content select.form-control {
    border: 1px solid #cecece;
}

    .light.login .content select.select-empty.form-control option,
    .light.login .content select.form-control option {
        color: #415771;
    }

        .light.login .content select.select-empty.form-control option:disabled {
            /*color: #d9ecf9;*/
            color: #415771 !important;
        }

.light .mt-checkbox.mt-checkbox-outline > input:not([disabled]) ~ span,
.light .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.light .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.light .mt-checkbox.mt-checkbox-outline > input:checked ~ span,
.light .mt-checkbox.mt-checkbox-outline > input:focus ~ span,
.light .mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #cecece;
}

.light .form-group.form-md-line-input .form-control[disabled],
.light .form-group.form-md-line-input .form-control[readonly],
.light fieldset[disabled] .form-group.form-md-line-input .form-control {
    border-style: dashed !important;
    border-color: #cecece !important;
}


.light .page-sidebar .page-sidebar-menu > li > a,
.light .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #F0F5F7;
}

@media (min-width: 992px) {
    .light .two-level-menu.open .nav-item.open .sub-menu {
        border-top: 1px solid #F0F5F7;
        border-left: 1px solid #F0F5F7;
    }

    /*.two-level-menu.open > ul > .nav-item:not(.open) {
        border-right: 1px solid #F0F5F7;
    }*/
}


.light .two-level-menu.open .nav-item.open .menu-block-title {
    color: #555;
    border-left: 1px solid #F0F5F7;
}

.light .two-level-menu.open .close-menu > .close-menu-button {
    color: #555;
}

    .light .two-level-menu.open .close-menu > .close-menu-button:hover {
        color: #3d3d3d;
    }

.light .vertical-handle {
    background-color: rgba(0, 0, 0, 0.50);
}

@media (max-width: 480px) {
    .light .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
    .light .page-header.navbar .top-menu {
        background-color: #747F8C;
    }
}


@media (max-width: 991px) {
    .light .two-level-menu.page-sidebar,
    .light .page-sidebar-closed.page-sidebar-fixed .two-level-menu.page-sidebar:hover {
        background-color: #fcfcfc !important;
    }
}



.light .page-sidebar .page-sidebar-menu > li .sub-menu > li.heading {
    background-color: #c5cad0 !important;
}

.light .x-grid-row.x-grid-row-alt {
    background-color: #f3f9f9
}


@media (min-width: 992px) {
    .light .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: transparent !important;
    }
}

.light .page-footer .page-footer-inner .page-footer-link a {
    color: #333;
}
.light #qbMenuLogo {
    background-image: url(/Content/Design2017/Images/qb_logo_white.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 114px;
    display: inline-block;
    padding-top: 10px;
    background-position-y: 4px
}
/* Cubic Bezier Transition */
/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.light2 .page-header.navbar {
    background-color: #E1E1E1;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

    .light2 .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }

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

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

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

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

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

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

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border-color: #e7eaf0;
        }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #eaedf2;
            }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #eaedf2;
            }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #3FD5C0;
            color: #ffffff;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #3FD5C0;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: #484848;
        }

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

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            width: 195px;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: #484848;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #aeaeae;
            border: 0;
        }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #aeaeae;
            }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #888888;
            }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #eeeeee;
                }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #5496cf;
                }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #fbfbfb;
                border-bottom: 1px solid #b8b8b8 !important;
            }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
                    color: #eeeeee;
                }

                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #b3b3b3;
                }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #b8b8b8;
            }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #a6a6a6;
        }

        .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #9a9a9a;
        }

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

        .light2 .page-header.navbar .search-form:hover {
            background: #eeeeee;
        }

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

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

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

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

        .light2 .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
            color: #888888;
        }

        .light2 .page-header.navbar .search-form.open {
            background: #eeeeee;
        }

    .light2 .page-header.navbar .menu-toggler > span,
    .light2 .page-header.navbar .menu-toggler > span:before,
    .light2 .page-header.navbar .menu-toggler > span:after {
        background: #484848;
    }

        .light2 .page-header.navbar .menu-toggler > span:hover {
            background: #484848;
        }

            .light2 .page-header.navbar .menu-toggler > span:hover:before,
            .light2 .page-header.navbar .menu-toggler > span:hover:after {
                background: #484848;
            }

    .light2 .page-header.navbar .menu-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

/* Default Horizontal Menu */
.light2 .page-header.navbar {
    /* Default Mega Menu */
    /* Light Mega Menu */
}

    .light2 .page-header.navbar .hor-menu .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

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

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

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

            .light2 .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li.open > a,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
                color: #3b3b3b;
                background: #eeeeee !important;
            }

                .light2 .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
                .light2 .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
                .light2 .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
                    color: #959595;
                }

        .light2 .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .light2 .page-header.navbar .hor-menu .navbar-nav > li.active > a,
        .light2 .page-header.navbar .hor-menu .navbar-nav > li.current > a,
        .light2 .page-header.navbar .hor-menu .navbar-nav > li.current > a {
            color: white;
            background: #3FD5C0 !important;
        }

            .light2 .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
                color: #888888;
            }

        .light2 .page-header.navbar .hor-menu .navbar-nav > li.active .selected,
        .light2 .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
            border-top: 6px solid #3FD5C0;
        }

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

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

                .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
                    color: #6c6c6c;
                }

            .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                color: black;
                background: #e4e4e4;
            }

                .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #484848;
                }

            .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
            .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: black;
                background: #e4e4e4;
            }

                .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
                .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
                .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #484848;
                }

            .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                background-color: #fbfbfb;
            }

        .light2 .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
            color: #6c6c6c;
        }

    .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
        /* Mega menu content */
        /* Classic menu */
    }

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

            .light2 .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: #666;
            }

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

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
                color: #888888;
            }

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                color: #3b3b3b;
                background: #eeeeee;
            }

                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
                    color: #959595;
                }

        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
            color: #333 !important;
            background: white !important;
        }

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
                color: #333 !important;
            }

        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
            color: white;
            background: #3FD5C0;
        }

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
                color: #888888;
            }

        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
            background: white;
        }

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

                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
                    color: #888;
                }

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                color: #000;
                background: whitesmoke;
            }

                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
                    color: #666;
                }

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                color: #000;
                background: whitesmoke;
            }

                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i,
                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
                .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
                    color: #666;
                }

            .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                background-color: whitesmoke;
            }

        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
            border: 1px solid #f2f2f2;
        }

        .light2 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
            border-top: 0;
        }

/* Page sidebar */
.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.light2 .page-sidebar {
    background-color: #F6F6F6;
    /* Default sidebar */
    /* light sidebar */
    /* Sidebar search */
}

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .light2 .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .light2 .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #EEEEEE;
            color: #555555;
        }

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

                .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
                .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
                .light2 .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
                .light2 .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                    color: #848484;
                }

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

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .light2 .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #1a1a1a;
        }

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
        .light2 .page-sidebar .page-sidebar-menu > li:hover > a,
        .light2 .page-sidebar .page-sidebar-menu > li.open > a {
            background: #EFEFEF;
            color: #555555;
        }

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

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

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
        .light2 .page-sidebar .page-sidebar-menu > li.active > a,
        .light2 .page-sidebar .page-sidebar-menu > li.active.open > a {
            background: #3FD5C0;
            border-top-color: transparent;
            color: #ffffff;
        }

            .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
            .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
            .light2 .page-sidebar .page-sidebar-menu > li.active > a:hover,
            .light2 .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
                background: #3FD5C0;
            }

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

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

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

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

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

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

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

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

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

.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.light2 .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #555555;
}

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

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
        .light2 .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
        .light2 .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
            color: #848484;
        }

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

.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.light2 .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.light2 .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.light2 .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #EFEFEF !important;
}

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

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

.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
    .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
    .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
        background: #e9e9e9;
    }

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
    .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        background: #e4e4e4;
        border-left: 4px solid #3FD5C0;
        color: #666666;
    }

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 4px solid #3FD5C0;
            background: #e9e9e9;
        }

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

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

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
    .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
        background: #f9f9f9;
    }

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
        .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
        .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
        .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #e9e9e9 !important;
        }

.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.light2 .page-sidebar .sidebar-toggler {
    background: #dedede;
}

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
    .light2 .page-sidebar .sidebar-toggler > span,
    .light2 .page-sidebar .sidebar-toggler > span:before,
    .light2 .page-sidebar .sidebar-toggler > span:after {
        background: #484848;
    }

        .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
        .light2 .page-sidebar .sidebar-toggler > span:hover {
            background: #484848;
        }

            .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before,
            .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
            .light2 .page-sidebar .sidebar-toggler > span:hover:before,
            .light2 .page-sidebar .sidebar-toggler > span:hover:after {
                background: #484848;
            }

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
    .light2 .page-sidebar .sidebar-toggler.th-toggle-exit > span {
        background-color: transparent !important;
    }

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
    .light2 .page-sidebar .sidebar-toggler:hover {
        background: #d2d2d2;
    }

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

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
    .light2 .page-sidebar .sidebar-search .input-group .form-control {
        background-color: #F6F6F6;
        color: #999999;
    }

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

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

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

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
    .light2 .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
        color: #999999;
    }

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

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

.page-sidebar-closed .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.light2.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i {
    color: #999999;
}

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

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

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

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

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

.light2.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
}

    .light2 .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
    .light2 .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
        border-left: 0;
        border-right: 4px solid #3FD5C0;
    }

        .light2 .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .light2 .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            border-left: 0;
            border-right: 4px solid #3FD5C0;
        }

/******
    Page Footer 
    ******/
.light2 .page-footer .page-footer-inner {
    color: #333333;
}

.light2 .page-footer-fixed .page-footer {
    background-color: white;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .light2 .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
    }

        .light2 .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .light2 .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .light2 .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
    }

        .light2 .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
        .light2 .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }

        .light2 .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
        }

            .light2 .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
            .light2 .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
                box-shadow: none;
            }
    /* Light sidebar menu */
    .light2 .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #EEEEEE !important;
    }
    /* Fixed Sidebar */
    .light2 .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

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

        .light2 .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
    /* Boxed Layout */
    .light2 .page-boxed {
        background-color: #eeeeee !important;
        /* Page container */
        /* Page sidebar */
        /* Page footer */
    }

        .light2 .page-boxed .page-container {
            background-color: #F6F6F6;
            border-left: 1px solid #EEEEEE;
            border-bottom: 1px solid #EEEEEE;
        }

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

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

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

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

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

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

            .light2 .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #333333;
            }
    /* Sidebar Menu Wirh Hoverable Submenu */
    .light2 .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #e7e7e7;
    }

    .light2 .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #e7e7e7;
    }

    .light2 .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #e7e7e7 !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    /* Page sidebar */
    .light2 .page-sidebar {
        background-color: #dedede;
        /* light sidebar */
    }

        .light2 .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #F6F6F6;
        }

        .light2 .page-sidebar .page-sidebar-menu > li:hover > a,
        .light2 .page-sidebar .page-sidebar-menu > li.open > a {
            background: #d0d0d0;
        }

        .light2 .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .light2 .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #dedede !important;
        }

        .light2 .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #dedede !important;
        }

        .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }

            .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
            .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
                background: #d2d2d2;
            }

            .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
            .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
                background: #cacaca;
            }

                .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
                .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                    background: #cacaca;
                }

            .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
                background: #dedede !important;
            }

                .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
                .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
                .light2 .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                    background: #d2d2d2 !important;
                }
}

@media (max-width: 480px) {
    /* 480px */
    .light2 .page-header.navbar {
        /* Top menu */
    }

        .light2 .page-header.navbar .top-menu {
            background-color: #F6F6F6;
        }

    .light2 .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #E1E1E1;
    }

    .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #f0f0f0;
    }

    .light2 .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

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

/****
    Boby
    ****/
body.light2 {
    background-color: #F6F6F6;
}

/****
 CSS3 Spinner Bar
****/
.light2 .page-spinner-bar > div,
.light2 .block-spinner-bar > div {
    background: #54dac7;
}

/* Page sidebar */
.light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.light2 .page-sidebar .page-sidebar-menu {
    /* Sidebar search */
}

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
    .light2 .page-sidebar .page-sidebar-menu li > a {
        font-weight: normal;
    }

    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
    .light2 .page-sidebar .page-sidebar-menu li .sub-menu li > a {
        font-weight: normal;
    }

@media (max-width: 991px) {
    /* 991px */
    .light2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
    .light2 .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #EEEEEE;
    }
}

@media (max-width: 480px) {
    /* 480px */
    body.light2 {
        background: #F6F6F6;
    }
}

/***Quick access section***/
.light2 .modal-qas .modal-header {
    background-color: #E1E1E1;
}

    .light2 .modal-qas .modal-header .modal-title {
        color: #555555;
    }
.light2 .btn-qas {
    color: #555555;
}
/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.light2.login {
    background-color: #F6F6F6;
}

    .light2.login a {
        color: #555 !important;
    }

    .light2.login .form-title {
        color: #555;
        font-size: 19px;
        font-weight: 400 !important;
    }

    .light2.login .tickList li,
    .light2.login .integration-title {
        color: #555;
    }

    .light2.login .form-subtitle {
        color: #555;
        font-size: 17px;
        font-weight: 300 !important;
        padding-left: 10px;
    }

    .light2.login .content h4 {
        color: #555;
    }

    .light2.login .content .hint {
        color: #555;
        padding: 0;
        font-size: 14px;
        margin: 15px 0 7px 0;
    }

    .light2.login .content .form-control {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: transparent !important;
        height: 62px;
        color: #959fad;
        border: none;
        padding-left: 6px;
        padding-top: 25px;
    }

        .light2.login .content .form-control:focus,
        .light2.login .content .form-control:active {
            border: 1px solid #6b6b6b;
        }

        .light2.login .content .form-control::-moz-placeholder {
            color: #555;
            opacity: 1;
        }

        .light2.login .content .form-control:-ms-input-placeholder {
            color: #555;
        }

        .light2.login .content .form-control::-webkit-input-placeholder {
            color: #555;
        }

.light2 .login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}

    .light2 .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #555 !important;
    }


.light2.login .btn.btn-theme {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 25px 10px 0px !important;
}

.light2.login .btn:not(.red):not(.green):not(.blue):not(.yellow):not(.dark) {
    background-color: #F6F6F6;
    border: 1px solid #afafaf;
    color: #555;
    font-weight: 600;
    padding: 10px 25px;
}

.light2.login .btn:hover:not(.red):not(.green):not(.dark) {
    border: 1px solid #afafaf;
    background-color: #ddd;
    color: #555;
}

.light2.login .btn-default {
    background-color: #e5e5e5;
    border: 1px solid #afafaf;
    color: #555;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .light2.login .btn-default:hover {
        border: 1px solid #afafaf;
        background-color: #d4d4d4;
        color: #555;
    }

.light2.login .form-group.form-md-line-input {
    border: 1px solid #dadada;
}

.light2.login .content .forget-password {
    color: #555;
    font-size: 15px;
}

.light2.login .content .rememberme {
    margin-top: 8px;
}

.light2.login .content .mt-checkbox {
    color: #555 !important;
}

    .light2.login .content .mt-checkbox > span:after {
        border-color: #555 !important;
    }



.light2.login .content .create-account p a {
    font-weight: 300;
    font-size: 16px;
    color: #555;
}


/* footer copyright */
.light2.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #555;
    font-size: 13px;
}


.light2.login .dropdown.pull-left .dropdown-menu:before {
    left: 9px !important;
    right: auto !important;
}

.light2.login .dropdown.pull-left .dropdown-menu:after {
    left: 9px !important;
    right: auto !important;
}

.light2.login .dropdown-menu {
    background-color: #ddd;
    border: 1px solid #cbcbcb;
    padding: 10px 0;
}

    .light2.login .dropdown-menu > li > a:hover {
        background-color: #bebebe !important;
    }


/*.login .form-group.form-md-line-input .form-control ~ .form-control-focus,
.login .form-group.form-md-line-input .form-control ~ label {
}

.login .form-group.form-md-line-input .form-control ~ label {
    color: #555 !important;
    padding-left: 6px;
}*/

.light2.login .content input.form-control:focus,
.light2.login .content input.form-control,
.light2.login .content select.form-control:focus,
.light2.login .content select.form-control {
    border: 1px solid #afafaf;
}

    .light2.login .content select.select-empty.form-control option,
    .light2.login .content select.form-control option {
        color: #415771;
    }

        .light2.login .content select.select-empty.form-control option:disabled {
            /*color: #d9ecf9;*/
            color: #415771 !important;
        }

.light2 .mt-checkbox.mt-checkbox-outline > input:not([disabled]) ~ span,
.light2 .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.light2 .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.light2 .mt-checkbox.mt-checkbox-outline > input:checked ~ span,
.light2 .mt-checkbox.mt-checkbox-outline > input:focus ~ span,
.light2 .mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #afafaf;
}

.light2 .form-group.form-md-line-input .form-control[disabled],
.light2 .form-group.form-md-line-input .form-control[readonly],
.light2 fieldset[disabled] .form-group.form-md-line-input .form-control {
    border-style: dashed !important;
    border-color: #afafaf !important;
}


.light2 .page-sidebar .page-sidebar-menu > li > a,
.light2 .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #EEE;
}

@media (min-width: 992px) {
    .light2 .two-level-menu.open .nav-item.open .sub-menu {
        border-top: 1px solid #EEE;
        border-left: 1px solid #EEE;
    }

    /*.two-level-menu.open > ul > .nav-item:not(.open) {
        border-right: 1px solid #EEE;
    }*/
}


.light2 .two-level-menu.open .nav-item.open .menu-block-title {
    color: #555;
    border-left: 1px solid #EEE;
}

.light2 .two-level-menu.open .close-menu > .close-menu-button {
    color: #555;
}

    .light2 .two-level-menu.open .close-menu > .close-menu-button:hover {
        color: #3d3d3d;
    }

.light2 .vertical-handle {
    background-color: rgba(0, 0, 0, 0.50);
}

@media (max-width: 480px) {
    .light2 .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
    .light2 .page-header.navbar .top-menu {
        background-color: #E1E1E1;
    }
}


@media (max-width: 991px) {
    .light2 .two-level-menu.page-sidebar,
    .light2 .page-sidebar-closed.page-sidebar-fixed .two-level-menu.page-sidebar:hover {
        background-color: #dedede !important;
    }
}

.light2 .page-sidebar .page-sidebar-menu > li .sub-menu > li.heading {
    background-color: #E1E1E1 !important;
}


.light2 .x-grid-row.x-grid-row-alt {
    background-color: #f3f9f9
}


@media (min-width: 992px) {
    .light2 .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: transparent !important;
    }
}

.light2 .page-footer .page-footer-inner .page-footer-link a {
    color: #333;
}
.light2 #qbMenuLogo {
    background-image: url(/Content/Design2017/Images/qb_logo.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 114px;
    display: inline-block;
    padding-top: 10px;
    background-position-y: 4px
}