body {
}

/* ============ Design of btn-search ================ */
.btn-search {
    color: #FFF;
    background-color: #3faba4;
    border-color: #3faba4;
}


.btn.btn-search:not(.btn-outline), .btn.green-soft:not(.btn-outline) {
    color: #FFF;
    background-color: #3faba4;
    border-color: #3faba4;
}

    .btn.btn-search:not(.btn-outline).focus, .btn.btn-search:not(.btn-outline):focus, .btn.green-soft:not(.btn-outline).focus, .btn.green-soft:not(.btn-outline):focus {
        color: #FFF;
        background-color: #318680;
        border-color: #1d4e4b;
    }

    .btn.btn-search:not(.btn-outline).active.focus, .btn.btn-search:not(.btn-outline).active:focus, .btn.btn-search:not(.btn-outline).active:hover, .btn.btn-search:not(.btn-outline):active.focus, .btn.btn-search:not(.btn-outline):active:focus, .btn.btn-search:not(.btn-outline):active:hover, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle.focus, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle:focus, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle:hover, .btn.green-soft:not(.btn-outline).active.focus, .btn.green-soft:not(.btn-outline).active:focus, .btn.green-soft:not(.btn-outline).active:hover, .btn.green-soft:not(.btn-outline):active.focus, .btn.green-soft:not(.btn-outline):active:focus, .btn.green-soft:not(.btn-outline):active:hover, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover {
        color: #FFF;
        background-color: #318680;
        border-color: #2f7e79;
    }

    .btn.btn-search:not(.btn-outline).active.focus, .btn.btn-search:not(.btn-outline).active:focus, .btn.btn-search:not(.btn-outline).active:hover, .btn.btn-search:not(.btn-outline):active.focus, .btn.btn-search:not(.btn-outline):active:focus, .btn.btn-search:not(.btn-outline):active:hover, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle.focus, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle:focus, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle:hover {
        color: #FFF;
        background-color: #286c67;
        border-color: #1d4e4b;
    }

    .btn.btn-search:not(.btn-outline).active, .btn.btn-search:not(.btn-outline):active, .open > .btn.btn-search:not(.btn-outline).dropdown-toggle, .btn.green-soft:not(.btn-outline).active, .btn.green-soft:not(.btn-outline):active, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.btn-search:not(.btn-outline).disabled.focus, .btn.btn-search:not(.btn-outline).disabled:focus, .btn.btn-search:not(.btn-outline).disabled:hover, .btn.btn-search:not(.btn-outline)[disabled].focus, .btn.btn-search:not(.btn-outline)[disabled]:focus, .btn.btn-search:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.btn-search:not(.btn-outline).focus, fieldset[disabled] .btn.btn-search:not(.btn-outline):focus, fieldset[disabled] .btn.btn-search:not(.btn-outline):hover, .btn.green-soft:not(.btn-outline).disabled.focus, .btn.green-soft:not(.btn-outline).disabled:focus, .btn.green-soft:not(.btn-outline).disabled:hover, .btn.green-soft:not(.btn-outline)[disabled].focus, .btn.green-soft:not(.btn-outline)[disabled]:focus, .btn.green-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-soft:not(.btn-outline).focus, fieldset[disabled] .btn.green-soft:not(.btn-outline):focus, fieldset[disabled] .btn.green-soft:not(.btn-outline):hover {
        background-color: #3faba4;
        border-color: #3faba4;
    }

    .btn.btn-search:not(.btn-outline) .badge, .btn.green-soft:not(.btn-outline) .badge {
        color: #3faba4;
        background-color: #FFF;
    }



.btn.btn-search.btn-no-border:not(.active), .btn.green-soft.btn-no-border:not(.active) {
    border-color: transparent;
}
/*  =============================================================== */


/* ============ Design of btn-create ================ */
.btn.btn-create:not(.btn-outline), .btn.green-seagreen:not(.btn-outline) {
    color: #FFF;
    background-color: #1BBC9B;
    border-color: #1BBC9B;
}

    .btn.btn-create:not(.btn-outline).focus, .btn.btn-create:not(.btn-outline):focus, .btn.green-seagreen:not(.btn-outline).focus, .btn.green-seagreen:not(.btn-outline):focus {
        color: #FFF;
        background-color: #158f76;
        border-color: #0b4d3f;
    }

    .btn.btn-create:not(.btn-outline).active, .btn.btn-create:not(.btn-outline):active, .btn.btn-create:not(.btn-outline):hover, .open > .btn.btn-create:not(.btn-outline).dropdown-toggle, .btn.green-seagreen:not(.btn-outline).active, .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline):hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
        color: #FFF;
        background-color: #158f76;
        border-color: #13866f;
    }

        .btn.btn-create:not(.btn-outline).active.focus, .btn.btn-create:not(.btn-outline).active:focus, .btn.btn-create:not(.btn-outline).active:hover, .btn.btn-create:not(.btn-outline):active.focus, .btn.btn-create:not(.btn-outline):active:focus, .btn.btn-create:not(.btn-outline):active:hover, .open > .btn.btn-create:not(.btn-outline).dropdown-toggle.focus, .open > .btn.btn-create:not(.btn-outline).dropdown-toggle:focus, .open > .btn.btn-create:not(.btn-outline).dropdown-toggle:hover, .btn.green-seagreen:not(.btn-outline).active.focus, .btn.green-seagreen:not(.btn-outline).active:focus, .btn.green-seagreen:not(.btn-outline).active:hover, .btn.green-seagreen:not(.btn-outline):active.focus, .btn.green-seagreen:not(.btn-outline):active:focus, .btn.green-seagreen:not(.btn-outline):active:hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover {
            color: #FFF;
            background-color: #10705c;
            border-color: #0b4d3f;
        }

    .btn.btn-create:not(.btn-outline).active, .btn.btn-create:not(.btn-outline):active, .open > .btn.btn-create:not(.btn-outline).dropdown-toggle, .btn.green-seagreen:not(.btn-outline).active, .btn.green-seagreen:not(.btn-outline):active, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.btn-create:not(.btn-outline).disabled.focus, .btn.btn-create:not(.btn-outline).disabled:focus, .btn.btn-create:not(.btn-outline).disabled:hover, .btn.btn-create:not(.btn-outline)[disabled].focus, .btn.btn-create:not(.btn-outline)[disabled]:focus, .btn.btn-create:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.btn-create:not(.btn-outline).focus, fieldset[disabled] .btn.btn-create:not(.btn-outline):focus, fieldset[disabled] .btn.btn-create:not(.btn-outline):hover, .btn.green-seagreen:not(.btn-outline).disabled.focus, .btn.green-seagreen:not(.btn-outline).disabled:focus, .btn.green-seagreen:not(.btn-outline).disabled:hover, .btn.green-seagreen:not(.btn-outline)[disabled].focus, .btn.green-seagreen:not(.btn-outline)[disabled]:focus, .btn.green-seagreen:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus, fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus, fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover {
        background-color: #1BBC9B;
        border-color: #1BBC9B;
    }

    .btn.btn-create:not(.btn-outline) .badge, .btn.green-seagreen:not(.btn-outline) .badge {
        color: #1BBC9B;
        background-color: #FFF;
    }



.btn.btn-create.btn-no-border:not(.active), .btn.green-seagreen.btn-no-border:not(.active) {
    border-color: transparent;
}

.font-theme {
    color: #1BBC9B !important;
}

.ui-jqgrid a.ui-sghref {
    color: darkcyan !important;
}
/*  =============================================================== */


/*  ========================== UI ============================ */
.ui-jqgrid .ui-jqgrid-hbox, .ui-widget-header, .ui-dialog .ui-dialog-titlebar-close {
    background: #1BBC9B !important;
    color: #FFF !important;
}

.ui-butto {
    background: transparent;
}
/*  =============================================================== */

.portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green {
    background-color: #1bbc9b !important;
}

.portlet.box.green {
    border: 1px solid #1bbc9b !important;
    border-top: 0;
}



.page-container-bg-solid .page-title, .page-content-white .page-title {
    color: #1bbc9b !important;
}

.ui-jqgrid .ui-jqgrid-caption {
    background: #36D7B7 !important;
    color: #fff !important;
}

.quick-sidebar-btn {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
    color: #FFF;
    background-color: #286c67;
    border-color: #286c67;
}

.datepicker .active {
    background-color: #1bbc9b !important;
}

.blank-page-content .details-info .info-div {
    background-color: #000000;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
    border-color: #286c67;
    color: #286c67;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid transparent;
    color: #FFF;
    background: #286c67;
    border-color: #286c67;
}

.validation-summary-errors ul li {
    color: #ef1903;
}

.field-validation-error {
    color: red !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    color: #fff;
}

li.inactive {
    background-color: #DC143C;
    color: #ffffff;
}

li.hibernate {
    background-color: #00BFFF;
    color: #ffffff;
}

.border-left {
    border-left: 1px dashed #CDD;
}

.exportoptions img:hover {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.cal-popup {
    background: #FFF !important;
    border: 1px solid #1BBC9B !important;
}

.tabbable-custom > .nav-tabs > li.active {
    border-top: 3px solid #1bbc9b !important;
}

.logo {
    color: #26C281 !important;
}

.secondary-text-color {
    color: #659be0;
}

.primary-text-color {
    color: #26C281;
}

.note-theme {
    background: #36D7B7;
    color: #fff;
}

.permissions li i {
    color: #26C281;
}

.md-checkbox label > .check {
    border: 2px solid #36D7B7 !important;
    border-top: none !important;
    border-left: none !important;
}

.btn.btn-outline.blue-hoki.active, .btn.btn-outline.blue-hoki:active, .btn.btn-outline.blue-hoki:active:focus, .btn.btn-outline.blue-hoki:active:hover, .btn.btn-outline.blue-hoki:focus, .btn.btn-outline.blue-hoki:hover {
    border-color: #36D7B7 !important;
    color: #FFF !important;
    background-color: #36D7B7 !important;
}

.btn.btn-theme-secondary:not(.btn-outline) {
    color: #fff;
    background-color: #67809F;
    border-color: #67809F;
}

    .btn.btn-theme-secondary:not(.btn-outline).focus,
    .btn.btn-theme-secondary:not(.btn-outline):focus {
        color: #fff;
        background-color: #67809F;
        border-color: #67809F
    }

    .btn.btn-theme-secondary:not(.btn-outline).active,
    .btn.btn-theme-secondary:not(.btn-outline):active,
    .btn.btn-theme-secondary:not(.btn-outline):hover,
    .open > .btn.btn-theme-secondary:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #67809F;
        border-color: #67809F
    }

        .btn.btn-theme-secondary:not(.btn-outline).active.focus,
        .btn.btn-theme-secondary:not(.btn-outline).active:focus,
        .btn.btn-theme-secondary:not(.btn-outline).active:hover,
        .btn.btn-theme-secondary:not(.btn-outline):active.focus,
        .btn.btn-theme-secondary:not(.btn-outline):active:focus,
        .btn.btn-theme-secondary:not(.btn-outline):active:hover,
        .open > .btn.btn-theme-secondary:not(.btn-outline).dropdown-toggle.focus,
        .open > .btn.btn-theme-secondary:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.btn-theme-secondary:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #896d2c;
            border-color: #67809F
        }

    .btn.btn-theme-secondary:not(.btn-outline).active,
    .btn.btn-theme-secondary:not(.btn-outline):active,
    .open > .btn.btn-theme-secondary:not(.btn-outline).dropdown-toggle {
        background-image: none
    }

    .btn.btn-theme-secondary:not(.btn-outline).disabled.focus,
    .btn.btn-theme-secondary:not(.btn-outline).disabled:focus,
    .btn.btn-theme-secondary:not(.btn-outline).disabled:hover,
    .btn.btn-theme-secondary:not(.btn-outline)[disabled].focus,
    .btn.btn-theme-secondary:not(.btn-outline)[disabled]:focus,
    .btn.btn-theme-secondary:not(.btn-outline)[disabled]:hover,
    fieldset[disabled] .btn.btn-theme-secondary:not(.btn-outline).focus,
    fieldset[disabled] .btn.btn-theme-secondary:not(.btn-outline):focus,
    fieldset[disabled] .btn.btn-theme-secondary:not(.btn-outline):hover {
        background-color: #67809F;
        border-color: #67809F
    }

    .btn.btn-theme-secondary:not(.btn-outline) .badge {
        color: #67809F;
        background-color: #fff
    }

.btn.btn-outline.yellow {
    border-color: #67809F;
    color: #67809F;
    background: 0 0
}

    .btn.btn-outline.yellow.active,
    .btn.btn-outline.yellow:active,
    .btn.btn-outline.yellow:active:focus,
    .btn.btn-outline.yellow:active:hover,
    .btn.btn-outline.yellow:focus,
    .btn.btn-outline.yellow:hover {
        border-color: #67809F;
        color: #fff;
        background-color: #67809F
    }

.btn.btn-theme-secondary-stripe {
    border-left: 4px solid #67809F !important
}

.btn.btn-theme-secondary.btn-no-border:not(.active) {
    border-color: transparent
}

.ui-jqgrid .ui-pg-button span {
    color: #36D7B7 !important;
}

.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {
    border-bottom: 1px dashed #36D7B7 !important;
}

.ui-jqgrid td.jqgrid-rownum {
    color: #36D7B7 !important;
}

.md-radio label > .check {
    background: #36D7B7 !important;
}

/*======================== Theme Style===========================*/
.page-header.navbar {
    background-color: #4f5a67
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname,
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
        color: #d6dae0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .page-header.navbar .search-form.open,
        .page-header.navbar .search-form:hover {
            background: #657384
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .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
        }

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

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

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

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

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

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

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
        color: #fff;
        background: #31c7b2
    }

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

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
        box-shadow: 5px 5px rgba(102, 102, 102, .1);
        background: #fff;
        border: 1px solid #f2f2f2
    }

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

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

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

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

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

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

        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
            background-color: #f5f5f5
        }

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

.page-sidebar,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #5e6672
}

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

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

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

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

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

    .page-sidebar .page-sidebar-menu > li.open > a,
    .page-sidebar .page-sidebar-menu > li:hover > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
        /*background: #26c281;
        color: #efefef*/
        background: #0975a9;
        color: #08e4da;
        font-weight: bolder;
    }

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

    .page-sidebar .page-sidebar-menu > li.active.open > a,
    .page-sidebar .page-sidebar-menu > li.active > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
        /*background: #3faba4;
        border-top-color: transparent;
        color: #fff;
        font-weight:bolder;*/
        background: #064a2e;
        border-top-color: transparent;
        font-weight: bolder;
        font-size:18px;
    }

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

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

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

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

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

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

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

.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu,
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background-color: #5e6672
}

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

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

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

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

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    background: #312e67 !important;
    font-weight: bolder;
    color: #06e817;
}

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

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

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a {
    background: #545c67
}

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

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover {
        border-left: 4px solid #31c7b2;
        background: #545c67
    }

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

.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i,
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i,
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i {
    color: #7d8795
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background: #626b78
}

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

.page-sidebar .sidebar-toggler,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
    background: #525a64
}

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

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

    .page-sidebar .sidebar-toggler:hover,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover {
        background: #474d56
    }

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

    .page-sidebar .sidebar-search .input-group .form-control,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control {
        background-color: #5e6672;
        color: #7d8795
    }

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

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

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

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

.page-sidebar-closed .page-sidebar .sidebar-search.open .input-group,
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group {
    background-color: #5e6672
}

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

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

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

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

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

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

.page-footer .page-footer-inner {
    color: #c9cdd3
}

.page-footer-fixed .page-footer {
    background-color: #4d555e
}

@media (min-width:992px) {
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(83, 95, 109, .2)
    }

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

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: 5px 5px rgba(83, 95, 109, .2)
    }

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

        .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(83, 95, 109, .2)
        }

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

    .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
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0
    }

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

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

    .page-boxed {
        background-color: #575f6a !important
    }

        .page-boxed .page-container {
            background-color: #5e6672;
            border-left: 1px solid #697380;
            border-bottom: 1px solid #697380
        }

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

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

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

        .page-boxed.page-sidebar-fixed .page-sidebar {
            border-left: 1px solid #697380
        }

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

        .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
            background-color: #575f6a !important
        }

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

    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #5c6979
    }

    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #5c6979
    }

    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #5c6979 !important
    }
}

@media (max-width:991px) {
    .page-sidebar {
        background-color: #474d56
    }

        .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #5e6672
        }

        .page-sidebar .page-sidebar-menu > li.open > a,
        .page-sidebar .page-sidebar-menu > li:hover > a {
            background: #4d555e
        }

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

        .page-sidebar .page-sidebar-menu .sidebar-search input,
        .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #474d56 !important
        }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a {
            background: #4d555e
        }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
            background: #474d56 !important
        }

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

@media (max-width:480px) {
    .page-header.navbar .top-menu {
        background-color: #5e6672
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #4f5a67
    }

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

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

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

body {
    background-color: #5e6672
}

.block-spinner-bar > div,
.page-spinner-bar > div {
    background: #41d0bc
}

.page-sidebar .page-sidebar-menu li .sub-menu li > a,
.page-sidebar .page-sidebar-menu li .sub-menu li > a > i,
.page-sidebar .page-sidebar-menu li > a,
.page-sidebar .page-sidebar-menu li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i {
    font-weight: 300
}

.login .logo {
    background: url('../../../../Images/downloadimg/company.png') no-repeat center;
    background-size: contain;
}

#matMenu li ul li .sub-menu .active > a {
    background-color: #f57224 !important;
    color: #ffffff !important;
    font-weight: bolder !important;
}

#matMenu li ul li .sub-menu a:hover {
    background-color: gray !important;
    color: pink !important;
    font-weight: bolder !important;
}
#matMenu li ul li ul li .sub-menu .active > a {
    background-color: #009688 !important;
    color: #f5a412 !important;
    font-weight: bolder !important;
}

#matMenu li ul li ul li .sub-menu a:hover {
    background-color: #3f51d5 !important;
    color: #ffffff !important;
    font-weight: bolder !important;
}

#matMenu li .active {   
    font-weight: bolder !important;
}


 /*@media (min-width: 768px){
    .page-header.navbar .search-form.search-form-expanded
    {
        display:none !important;
    }
 }*/