.skin-blue .main-header .navbar {
    background-color: #3c8dbc
}

.skin-blue .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9
}

@media (max-width:767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        /* color:#fff */
    }

    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-blue .main-header .logo {
    background-color: #367fa9;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue .main-header .logo:hover {
    background-color: #357ca5
}

.skin-blue .main-header li.user-header {
    background-color: #3c8dbc
}

.skin-blue .content-header {
    background: transparent
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #222d32
}

.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
    color: #fff
}

.skin-blue .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    color: #3c8dbc;
    background: #1e282c;
    border-left-color: #3c8dbc
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
    padding-left: 24px;
}

.skin-blue .sidebar a {
    color: #ffffff
}

.skin-blue .sidebar a:hover {
    text-decoration: none
}

.skin-blue .treeview-menu>li>a {
    color: #ffffff;
}

.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
    color: #3c8dbc
}

.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-blue .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-blue .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-blue.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-blue .window-style .nav>li.active>a {
    background: #2c94e9;
    color: #fff;
}

.skin-blue .window-style .nav>li:hover>a {
    background: #2c94e9;
    color: #fff;
}

.skin-blue .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-blue .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #2c94e9;
    color: #fff;
}

.skin-blue .window-style .nav-tabs {
    background: #eceff2;
    border: #aabbd0 1px solid;
}

.skin-blue .total-student-apply {
    background-color: #00a65a;
    color: #fff;
}

.skin-blue .box {
    border-top: 3px solid #d2d6de;
}

.skin-blue .box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
    /* border-radius: 0; */
}

.skin-blue .box.box-success {
    border-top-color: #00a65a;
}




/* skin-blue-light-css-start */



.skin-blue-light .main-header .navbar {
    background-color: #337ab7
}

.skin-blue-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-blue-light .main-header .navbar .nav>li>a:hover,
.skin-blue-light .main-header .navbar .nav>li>a:active,
.skin-blue-light .main-header .navbar .nav>li>a:focus,
.skin-blue-light .main-header .navbar .nav .open>a,
.skin-blue-light .main-header .navbar .nav .open>a:hover,
.skin-blue-light .main-header .navbar .nav .open>a:focus,
.skin-blue-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-blue-light .main-header .logo {
    background-color: #337ab7;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue-light .main-header .logo:hover {
    background-color: #2e6ea4
}

.skin-blue-light .main-header li.user-header {
    background-color: #337ab7
}

.skin-blue-light .content-header {
    background: transparent
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
    background-color: #fff;
    color: #212832;
}

.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
    /* border-left:1px solid #d2d6de */
}

.skin-blue-light .user-panel>.info,
.skin-blue-light .user-panel>.info>a {
    color: #444
}

.skin-blue-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-blue-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a {
    color: #337ab7;
    background: rgba(33, 40, 50, 0.05);
}

.skin-blue-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-blue-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-blue-light .sidebar a {
    color: #212832
}

.skin-blue-light .sidebar a:hover {
    text-decoration: none
}

.skin-blue-light .treeview-menu>li>a {
    color: #444;
}

.skin-blue-light .treeview-menu>li.active>a,
.skin-blue-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-blue-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-blue-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-blue-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-blue-light .main-footer {
    border-top-color: #d2d6de
}

.skin-blue-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}



.skin-blue-light .window-style .nav>li.active>a {
    background: #337ab7;
    color: #fff;
}

.skin-blue-light .window-style .nav>li:hover>a {
    background: #337ab7;
    color: #fff;
}

.skin-blue-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-blue-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #337ab7;
    color: #fff;
}

.skin-blue-light .window-style .nav-tabs {
    background: #fff;
    border: #ccdffc 1px solid;
}

.skin-blue-light .bg-aqua {
    background-color: #337ab7 !important;
}

.skin-blue-light .bg-green {
    background-color: #337ab7 !important;
}

.skin-blue-light .bg-yellow {
    background-color: #337ab7 !important;
}

.skin-blue-light .bg-red {
    background-color: #337ab7 !important;
}

.skin-blue-light .bg-orange {
    background-color: #337ab7 !important;
}

.skin-blue-light .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-blue-light .bg-greens {
    background-color: #00a65a !important;
}

.skin-blue-light .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-blue-light .bg-reds {
    background-color: #dd4b39 !important;
}

.skin-blue-light .bg-oranges {
    background-color: #ff851b !important;
}

.skin-blue-light .total-student-apply {
    background-color: #ccdffc;
    color: #00327e;
}

.skin-blue-light .box-header {
    background-color: #337ab7 !important;
    color: #fff !important;
}

.skin-blue-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #337ab7;
}

.skin-blue-light .btn-primary {
    background-color: #337ab7;
    border-color: #ffffff73;
}

.skin-blue-light .treeview-menu>li.active>a,
.skin-blue-light .treeview-menu>li>a:hover {
    color: #337ab7;
}

.skin-blue-light .nav-stacked>li.active>a,
.skin-blue-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #337ab7;
}

/* .skin-blue-light .menu_list_main {
    background: linear-gradient(90deg, rgb(204, 223, 252) -15%, rgb(51, 122, 183) 90%);
}
.skin-blue-light .count.menu-name{
    color: #222;
  text-shadow: #fff 1px 0 10px;
} */

/* skin-blue-light-css-End */

/* skin-black-css-Start */

.skin-black a i.fa-pencil-square-o {
    color: #393939;
}

.skin-black a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #31374a;
}

.skin-black .content-wrapper {
    background-color: #efeff1;
}

.skin-black .scroll-box {
    overflow-y: unset !important;
}

.skin-black .main-header .navbar {
    background-color: #161a27;
    border-bottom: 1px solid #303648;
}

.skin-black .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-black .main-header .navbar .nav>li>a:hover,
.skin-black .main-header .navbar .nav>li>a:active,
.skin-black .main-header .navbar .nav>li>a:focus,
.skin-black .main-header .navbar .nav .open>a,
.skin-black .main-header .navbar .nav .open>a:hover,
.skin-black .main-header .navbar .nav .open>a:focus,
.skin-black .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-black .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-black .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-black .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-black .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-black .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-black .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-black .main-header .navbar .dropdown-menu li a:hover {
        background: #31374a
    }
}

.skin-black .main-header .logo {
    background-color: #161a27;
    color: #fff;
    border-bottom: 1px solid #303648;
}

.skin-black .main-header .logo:hover {
    /*background:#3b8ab8 */
    background: #31374a;
}

.skin-black .ngx-pagination .current {
    background: #31374a !important;
}

.skin-black .salse-support .tooltiptext {
    background-color: #151926 !important;
}

.skin-black .main-header li.user-header {
    background-color: #f2f2f2;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {}

.skin-black .content-header {
    background: transparent
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: #141824;
    color: #343b4f;
}

.skin-black .content-header>h1 {
    color: #151926;
}

.skin-black .content-header>h1>small {
    color: #151926;
}

.skin-black .content-wrapper,
.skin-black .main-footer {
    /*border-left:1px solid #d2d6de */
}

.skin-black .user-panel>.info,
.skin-black .user-panel>.info>a {
    color: #a2a9bf;
}

.skin-black .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-black .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-black .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-black .sidebar-menu>li:hover>a {
    color: #fff;
    background: #343b4f;
}

.skin-black .sidebar-menu>li.active>a {
    color: #fff;
    background: #343b4f;
}

.skin-black .sidebar-menu>li.active {
    border-left-color: #a2a9bf
}


.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a {
    border-left-color: #a2a9bf;
}

.skin-black .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-black .sidebar-menu>li>.treeview-menu {
    background: rgb(52, 59, 79);
}

.skin-black .sidebar a {
    color: #a2a9bf
}

.skin-black .sidebar a:hover {
    text-decoration: none
}

.skin-black .treeview-menu>li>a {
    color: #fff;
}

.skin-black .treeview-menu>li.active>a,
.skin-black .treeview-menu>li>a:hover {
    color: #fff
}

.skin-black .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-black .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-black .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-black .main-footer {
    border-top-color: #d2d6de
}

.skin-black.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-black.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-black .window-style .nav>li.active>a {
    background: #31374a;
    color: #fff;
}

.skin-black .window-style .nav>li:hover>a {
    background: #31374a;
    color: #141824;
}

.skin-black .nav-tabs-custom>.nav-tabs>li>a,
.skin-black .nav-tabs-custom>.nav-tabs>li>a:hover {
    background: #fff;
}


/* .skin-black .window-style .nav-tabs-custom > .nav-tabs > li.active > a,  .skin-black .window-style .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background: #31374a;
    color: #fff;
    } */

.skin-black .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-black .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    /* background: #31374a; */
    color: #fff;
    background: #151926;
}

.skin-black .window-style .nav-tabs {
    background: #fff;
    border: 1px solid rgba(55, 62, 83, 0.78);
}

.skin-black .bg-aqua {
    background-color: #343b4f !important;
}

.skin-black .bg-blue {
    background-color: #343b4f !important;
}

.skin-black .bg-green {
    background-color: #343b4f !important;
}

.skin-black .bg-yellow {
    background-color: #343b4f !important;
}

.skin-black .bg-red {
    background-color: #343b4f !important;
}

.skin-black .bg-orange {
    background-color: #343b4f !important;
}

.skin-black .bg-aquas {
    background-color: #343b4f !important;
}

.skin-black .bg-greens {
    background-color: #343b4f !important;
}

.skin-black .bg-yellows {
    background-color: #343b4f !important;
}

.skin-black .bg-reds {
    background-color: #343b4f !important;
}

.skin-black .bg-oranges {
    background-color: #343b4f !important;
}

.skin-black .total-student-apply {
    background-color: #151926;
    color: #a2a9bf;
    border: 1px solid rgb(47, 53, 72);
}

.skin-black .box-header {
    background: #151926;
    color: #a2a9bf !important;
}

.skin-black .r-w-h-thems {
    background-color: #151926 !important;
    color: #a2a9bf !important;
    border: 1px solid rgba(55, 62, 83, 0.78);
}

.skin-black .permission-assign-modules ul li .box-tools-perms .btn {
    width: 20px;
    height: 20px;
    background: #31374a;
}

.skin-black .box-header.small-hd-row {
    background-color: #343b4f !important;
    color: #a2a9bf !important;
    border-bottom: 1px solid rgba(55, 62, 83, 0.78);
}

.skin-black .salse-support {
    background: #151926;
}

.skin-black .box.box-success {
    border-top-color: none;
    border-top: none;
}

.skin-black .box-header.r-w-h-thems {
    background-color: #151926 !important;
    color: #a2a9bf !important;
    border: none;
    border-bottom: 1px solid #343b4f;
}

.skin-black .box-success {
    border: 1px solid #d8d8d8;
}

.skin-black .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-black .box-footer {
    border-top: 1px solid #d8d8d8;
}

.skin-black .recent-update-list .thead {
    height: 50px;
    background: #141824;
}

.skin-black .sidebar .fa-search {
    color: #141824;
}

.skin-black .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #141824;
}

.skin-black .btn-primary {
    background-color: #141824;
    border-color: #fff;
    color: #fff;
}

.skin-black .treeview-menu>li.active>a,
.skin-black .treeview-menu>li>a:hover {
    color: #a2a9bf;
}

.skin-black .nav-stacked>li.active>a,
.skin-black .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #141824;
}

.skin-black .box {
    border: 1px solid #303549;
}

.skin-black .btn-primary.active.focus,
.skin-black .btn-primary.active:focus,
.skin-black .btn-primary.active:hover,
.skin-black .btn-primary:active.focus,
.skin-black .btn-primary:active:focus,
.skin-black .btn-primary:active:hover {
    color: #31374a;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-black .blue-titel-text {
    color: #393939 !important;
}

.skin-black a {
    color: #31374a;
}

.skin-black .box-header a {
    color: rgb(255, 245, 239);
}

.skin-black .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

.skin-black .btn {
    color: #fff;
}

.skin-black .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-black .panel-primary {
    border-color: #d8d8d8;
}

.skin-black a.menu_list_main {
    color: #fff;
}

.skin-black .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-black .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #31374a;
}

.skin-black .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #393939;
}

.skin-black .menu_list_main {
    background: #343b4f;
    /* background: #DDD; */
    border: 1px solid #141824;
}

.skin-black .count.menu-name {
    color: #fff;
}

.skin-black .all-assign-modules {
    background-color: #e0e5ec;
}

.skin-black #calendar .fc-center h2 {
    color: #a2a9bf;
}

.skin-black #calendar {
    color: #222;
}

.skin-black .fc {
    margin-top: 0px;
}

.skin-black .fc-header-toolbar {
    margin-bottom: 1em;
    background: #222;
    border-radius: 5px 5px 0px 0px;
}


/* .skin-black .main-header{
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
    box-shadow:0 1px 1px rgba(0,0,0,0.05)
}
.skin-black .main-header .navbar-toggle{
    color:#333
}
.skin-black .main-header .navbar-brand{
    color:#333;
    border-right:1px solid #eee
}
.skin-black .main-header>.navbar{
    background-color:#fff
}
.skin-black .main-header>.navbar .nav>li>a{
    color:#333
}
.skin-black .main-header>.navbar .nav>li>a:hover,.skin-black .main-header>.navbar .nav>li>a:active,.skin-black .main-header>.navbar .nav>li>a:focus,.skin-black .main-header>.navbar .nav .open>a,.skin-black .main-header>.navbar .nav .open>a:hover,.skin-black .main-header>.navbar .nav .open>a:focus,.skin-black .main-header>.navbar .nav>.active>a{
    background:#fff;
    color:#999
}
.skin-black .main-header>.navbar .sidebar-toggle{
    color:#333
}
.skin-black .main-header>.navbar .sidebar-toggle:hover{
    color:#999;
    background:#fff
}
.skin-black .main-header>.navbar>.sidebar-toggle{
    color:#333;
    border-right:1px solid #eee
}
.skin-black .main-header>.navbar .navbar-nav>li>a{
    border-right:1px solid #eee
}
.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header>.navbar .navbar-right>li>a{
    border-left:1px solid #eee;
    border-right-width:0
}
.skin-black .main-header>.logo{
    background-color:#fff;
    color:#333;
    border-bottom:0 solid transparent;
    border-right:1px solid #eee
}
.skin-black .main-header>.logo:hover{
    background-color:#fcfcfc
}
@media (max-width:767px){
    .skin-black .main-header>.logo{
        background-color:#222;
        color:#fff;
        border-bottom:0 solid transparent;
        border-right:none
    }
    .skin-black .main-header>.logo:hover{
        background-color:#1f1f1f
    }
}
.skin-black .main-header li.user-header{
    background-color:#222
}
.skin-black .content-header{
    background:transparent;
    box-shadow:none
}
.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{
    background-color:#222d32
}
.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{
    color:#fff
}
.skin-black .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-black .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a{
    color:#ffffff;
    background:#1e282c;
    border-left-color:#ffffff;
}
.skin-black .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-black .sidebar a{
    color:#ffffff;
}
.skin-black .sidebar a:hover{
    text-decoration:none
}
.skin-black .treeview-menu>li>a{
    color:#ffffff;
}
.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{
    color:#fff
}
.skin-black .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-black .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-black .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-black .total-student-apply{
    background-color: #00a65a;
    color: #fff;
} */


/* Skin-black-light Start */

.skin-black-light a i.fa-pencil-square-o {
    color: #393939;
}

.skin-black-light a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #31374a;
}

.skin-black-light .content-wrapper {
    background-color: #efeff1;
}

.skin-black-light .scroll-box {
    overflow-y: unset !important;
}

.skin-black-light .main-header .navbar {
    background-color: #31374a;
}

.skin-black-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-black-light .main-header .navbar .nav>li>a:hover,
.skin-black-light .main-header .navbar .nav>li>a:active,
.skin-black-light .main-header .navbar .nav>li>a:focus,
.skin-black-light .main-header .navbar .nav .open>a,
.skin-black-light .main-header .navbar .nav .open>a:hover,
.skin-black-light .main-header .navbar .nav .open>a:focus,
.skin-black-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-black-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-black-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-black-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-black-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-black-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-black-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-black-light .main-header .navbar .dropdown-menu li a:hover {
        background: #31374a
    }
}

.skin-black-light .main-header .logo {
    background-color: #31374a;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-black-light .main-header .logo:hover {
    /*background:#3b8ab8 */
    background: #31374a;
}

.skin-black-light .ngx-pagination .current {
    background: #31374a !important;
}

.skin-black-light .salse-support .tooltiptext {
    background-color: #31374a !important;
}

.skin-black-light .main-header li.user-header {
    background-color: #f2f2f2;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {}

.skin-black-light .content-header {
    background: transparent
}

.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
    background-color: #fff;
    color: #212832;
}

.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
    /*border-left:1px solid #d2d6de */
}

.skin-black-light .user-panel>.info,
.skin-black-light .user-panel>.info>a {
    color: #444
}

.skin-black-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-black-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-black-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-black-light .sidebar-menu>li:hover>a {
    color: #393939;
    background: #f7f7f7;
}

.skin-black-light .sidebar-menu>li.active>a {
    color: #31374a;
    background: #31374a14;
}

.skin-black-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-black-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-black-light .sidebar-menu>li>.treeview-menu {
    background: rgb(239, 239, 241);
}

.skin-black-light .sidebar a {
    color: #212832
}

.skin-black-light .sidebar a:hover {
    text-decoration: none
}

.skin-black-light .treeview-menu>li>a {
    color: #444;
}

.skin-black-light .treeview-menu>li.active>a,
.skin-black-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-black-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-black-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-black-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-black-light .main-footer {
    border-top-color: #d2d6de
}

.skin-black-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-black-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-black-light .window-style .nav>li.active>a {
    background: #31374a;
    color: #fff;
}

.skin-black-light .window-style .nav>li:hover>a {
    background: #31374a;
    color: #141824;
}

.skin-black-light .nav-tabs-custom>.nav-tabs>li>a,
.skin-black-light .nav-tabs-custom>.nav-tabs>li>a:hover {
    background: #fff;
}


/* .skin-black-light .window-style .nav-tabs-custom > .nav-tabs > li.active > a,  .skin-black-light .window-style .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background: #31374a;
    color: #fff;
    } */

.skin-black-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-black-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #31374a;
    color: #fff;
    background: radial-gradient(circle at 10% 20%, rgb(90, 92, 106) 0%, rgb(32, 45, 58) 81.3%);
}

.skin-black-light .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.skin-black-light .bg-aqua {
    background-color: #939393 !important;
}

.skin-black-light .bg-blue {
    background-color: #939393 !important;
}

.skin-black-light .bg-green {
    background-color: #939393 !important;
}

.skin-black-light .bg-yellow {
    background-color: #939393 !important;
}

.skin-black-light .bg-red {
    background-color: #939393 !important;
}

.skin-black-light .bg-orange {
    background-color: #939393 !important;
}

.skin-black-light .bg-aquas {
    background-color: #939393 !important;
}

.skin-black-light .bg-greens {
    background-color: #939393 !important;
}

.skin-black-light .bg-yellows {
    background-color: #939393 !important;
}

.skin-black-light .bg-reds {
    background-color: #939393 !important;
}

.skin-black-light .bg-oranges {
    background-color: #939393 !important;
}

.skin-black-light .total-student-apply {
    background-color: #fff;
    color: #393939;
    border: 1px solid rgba(201, 206, 221, 0.54);
}

.skin-black-light .box-header {
    background: radial-gradient(circle at 10% 20%, rgb(90, 92, 106) 0%, rgb(32, 45, 58) 81.3%);
    color: #fff !important;
}

.skin-black-light .r-w-h-thems {
    background-color: #fff !important;
    color: #393939 !important;
    border: 1px solid #d8d8d8;
}

.skin-black-light .permission-assign-modules ul li .box-tools-perms .btn {
    width: 20px;
    height: 20px;
    background: #31374a;
}

.skin-black-light .box-header.small-hd-row {
    background-color: #f2f2f2 !important;
    color: #fff !important;
    border-bottom: 1px solid #d8d8d8;
}

.skin-black-light .box-header.r-w-h-thems {
    background-color: #fff !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.skin-black-light .box-success {
    border: 1px solid #d8d8d8;
}

.skin-black-light .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-black-light .box-footer {
    border-top: 1px solid #d8d8d8;
}

.skin-black-light .recent-update-list .thead {
    height: 50px;
    background: #393939;
}

.skin-black-light .sidebar .fa-search {
    color: #31374a;
}

.skin-black-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #31374a;
}

.skin-black-light .btn-primary {
    background-color: #31374a;
    border-color: #fff;
    color: #fff;
}

.skin-black-light .treeview-menu>li.active>a,
.skin-black-light .treeview-menu>li>a:hover {
    color: #31374a;
}

.skin-black-light .nav-stacked>li.active>a,
.skin-black-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #31374a;
}

.skin-black-light .box {
    border: 1px solid #d8d8d8;
}

.skin-black-light .box.box-success {
    border-top: none;
}

.skin-black-light .btn-primary.active.focus,
.skin-black-light .btn-primary.active:focus,
.skin-black-light .btn-primary.active:hover,
.skin-black-light .btn-primary:active.focus,
.skin-black-light .btn-primary:active:focus,
.skin-black-light .btn-primary:active:hover {
    color: #31374a;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-black-light .blue-titel-text {
    color: #393939 !important;
}

.skin-black-light a {
    color: #31374a;
}

.skin-black-light .box-header a {
    color: rgb(255, 245, 239);
}

.skin-black-light .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

.skin-black-light .btn {
    color: #fff;
}

.skin-black-light .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-black-light .panel-primary {
    border-color: #d8d8d8;
}

.skin-black-light a.menu_list_main {
    color: #fff;
}

.skin-black-light .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-black-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #31374a;
}

.skin-black-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #393939;
}

.skin-black-light .menu_list_main {
    background: radial-gradient(circle at 10% 20%, rgb(225, 225, 225) 0%, rgb(86, 97, 109) 81.3%);
    /* background: #DDD; */
}

.skin-black-light .count.menu-name {
    color: #222;
    text-shadow: #fff 1px 0 10px;
}

.skin-black-light .all-assign-modules {
    background-color: #e0e5ec;
}


/* Skin-black-light End */

/* Skin-Green-Start */



.skin-green .main-header .navbar {
    background-color: #026438
}

.skin-green .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-green .main-header .navbar .nav>li>a:hover,
.skin-green .main-header .navbar .nav>li>a:active,
.skin-green .main-header .navbar .nav>li>a:focus,
.skin-green .main-header .navbar .nav .open>a,
.skin-green .main-header .navbar .nav .open>a:hover,
.skin-green .main-header .navbar .nav .open>a:focus,
.skin-green .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-green .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-green .main-header .logo {
    background-color: #026438;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-green .main-header .logo:hover {
    background-color: #025a32
}

.skin-green .main-header li.user-header {
    background-color: #00a65a
}

.skin-green .content-header {
    background: transparent
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background-color: #222d32;
    color: #212832;
}

.skin-green .content-wrapper,
.skin-green .main-footer {
    /* border-left:1px solid #d2d6de */
}

.skin-green .user-panel>.info,
.skin-green .user-panel>.info>a {
    color: #fff
}

.skin-green .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-green .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-green .sidebar-menu>li:hover>a,
.skin-green .sidebar-menu>li.active>a {
    color: #00a65a;
    background: #17221d;
}

.skin-green .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-green .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-green .sidebar-menu>li>.treeview-menu {
    background: #17221d
}

.skin-green .sidebar a {
    color: #fff
}

.skin-green .sidebar a:hover {
    text-decoration: none
}

.skin-green .treeview-menu>li>a {
    color: #e6fff4;
}

.skin-green .treeview-menu>li.active>a,
.skin-green .treeview-menu>li>a:hover {
    color: #000
}

.skin-green .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-green .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-green .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-green.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-green .main-footer {
    border-top-color: #d2d6de
}

.skin-green.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-green.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-green .window-style .nav>li.active>a {
    background: #00a65a;
    color: #fff;
}

.skin-green .window-style .nav>li:hover>a {
    background: #00a65a;
    color: #fff;
}

.skin-green .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-green .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #00a65a;
    color: #fff;
}

.skin-green .window-style .nav-tabs {
    background: #fff;
    border: #c3e3d0 1px solid
}

.skin-green .bg-aqua {
    background-color: #026438 !important;
}

.skin-green .bg-blue {
    background-color: #026438 !important;
}

.skin-green .bg-green {
    background-color: #026438 !important;
}

.skin-green .bg-yellow {
    background-color: #00a65a !important;
}

.skin-green .bg-red {
    background-color: #00a65a !important;
}

.skin-green .bg-orange {
    background-color: #00a65a !important;
}

.skin-green .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-green .bg-greens {
    background-color: #00a65a !important;
}

.skin-green .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-green .bg-reds {
    background-color: #dd4b39 !important;
}

.skin-green .bg-oranges {
    background-color: #ff851b !important;
}

.skin-green .total-student-apply {
    background-color: rgba(0, 172, 70, 0.19);
    color: #026438;
}

.skin-green .r-w-h-thems {
    background-color: #00a65a !important;
    color: #fff !important;
    border: 1px solid #afdbc9;
}

.skin-green .box-header.r-w-h-thems {
    background-color: #00a65a !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #afdbc9;
}

/* .skin-green .box-success {
	background-color: #00a65a !important;
	color: #fff !important;
	border: none;
	border-bottom: 1px solid #afdbc9;
} */
.skin-green .box-header.r-w-h-thems {
    background-color: #00a65a !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #afdbc9;
}

.skin-green .box-success {
    border: 1px solid #afdbc9;
}

.skin-green .box {
    border: 1px solid #afdbc9;
}

.skin-green .box.box-success {
    border-top-color: #afdbc9;
}

.skin-green .box-header {
    background-color: #00a65a !important;
    color: #fff !important;
}

.skin-green .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #00a65a;
}

.skin-green .btn-primary {
    background-color: #00a65a;
    border-color: #ffffff73;
}

.skin-green .treeview-menu>li.active>a,
.skin-green .treeview-menu>li>a:hover {
    color: #00a65a;
}

.skin-green .nav-stacked>li.active>a,
.skin-green .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #00a65a;
}

.skin-green .content-wrapper,
.skin-green .right-side {
    min-height: 1320px;
    background-color: #f0f0f0;
    z-index: 800;
}

/* .skin-green .main-header .navbar{
    background-color:#00a65a
}
.skin-green .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-green .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-green .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover{
    background-color:#008d4c
}
@media (max-width:767px){
    .skin-green .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-green .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-green .main-header .navbar .dropdown-menu li a:hover{
        background:#008d4c
    }
}
.skin-green .main-header .logo{
    background-color:#008d4c;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-green .main-header .logo:hover{
    background-color:#008749
}
.skin-green .main-header li.user-header{
    background-color:#00a65a
}
.skin-green .content-header{
    background:transparent
}
.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{
    background-color:#222d32
}
.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{
    color:#fff
}
.skin-green .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-green .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a{
    color:#00a65a;
    background:#1e282c;
    border-left-color:#00a65a
}
.skin-green .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-green .sidebar a{
    color:#ffffff
}
.skin-green .sidebar a:hover{
    text-decoration:none
}
.skin-green .treeview-menu>li>a{
    color:#ffffff;
}
.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{
    color:#00a65a
}
.skin-green .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-green .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-green .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}

.skin-green .total-student-apply{
    background-color: #00a65a;
    color: #fff;
} */

/* Green-Themes-End */

/* Green-Light-Themes-Start */

.skin-green-light a i.fa-pencil-square-o {
    color: #393939;
}

.skin-green-light a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #006666;
}

.skin-green-light .content-wrapper {
    background-color: #fcfcfc;
}

.skin-green-light .scroll-box {
    overflow-y: unset !important;
}

.skin-green-light .main-header .navbar {
    background-color: #006666
}

.skin-green-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-green-light .main-header .navbar .nav>li>a:hover,
.skin-green-light .main-header .navbar .nav>li>a:active,
.skin-green-light .main-header .navbar .nav>li>a:focus,
.skin-green-light .main-header .navbar .nav .open>a,
.skin-green-light .main-header .navbar .nav .open>a:hover,
.skin-green-light .main-header .navbar .nav .open>a:focus,
.skin-green-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-green-light .main-header .logo {
    background-color: #006666;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-green-light .main-header .logo:hover {
    /*background:#3b8ab8 */
    background: #005c5c;
}

.skin-green-light .ngx-pagination .current {
    background: #006666 !important;
}

.skin-green-light .salse-support .tooltiptext {
    background-color: #006666 !important;
}

.skin-green-light .main-header li.user-header {
    background-color: #006666;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {}

.skin-green-light .content-header {
    background: transparent
}

.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
    background-color: #fff;
    color: #212832;
}

.skin-green-light .content-wrapper,
.skin-green-light .main-footer {
    /*border-left:1px solid #d2d6de */
}

.skin-green-light .user-panel>.info,
.skin-green-light .user-panel>.info>a {
    color: #444
}

.skin-green-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-green-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-green-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-green-light .sidebar-menu>li:hover>a {
    color: #393939;
    background: #f7f7f7;
}

.skin-green-light .sidebar-menu>li.active>a {
    color: #393939;
    background: rgba(0, 172, 70, 0.07);
}

.skin-green-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-green-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-green-light .sidebar-menu>li>.treeview-menu {
    background: rgba(0, 172, 70, 0.07);
}

.skin-green-light .sidebar a {
    color: #212832
}

.skin-green-light .sidebar a:hover {
    text-decoration: none
}

.skin-green-light .treeview-menu>li>a {
    color: #444;
}

.skin-green-light .treeview-menu>li.active>a,
.skin-green-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-green-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-green-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-green-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-green-light .main-footer {
    border-top-color: #d2d6de
}

.skin-green-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-green-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-green-light .window-style .nav>li.active>a {
    background: #006666;
    color: #fff;
}

.skin-green-light .window-style .nav>li:hover>a {
    background: #006666;
    color: #fff;
}

.skin-green-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-green-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #006666;
    color: #fff;
}

.skin-green-light .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.skin-green-light .bg-aqua {
    background-color: #006666 !important;
}

.skin-green-light .bg-blue {
    background-color: #006666 !important;
}

.skin-green-light .bg-green {
    background-color: #006666 !important;
}

.skin-green-light .bg-yellow {
    background-color: #006666 !important;
}

.skin-green-light .bg-red {
    background-color: #006666 !important;
}

.skin-green-light .bg-orange {
    background-color: #006666 !important;
}

.skin-green-light .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-green-light .bg-greens {
    background-color: #00a65a !important;
}

.skin-green-light .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-green-light .bg-reds {
    background-color: #dd4b39 !important;
}

.skin-green-light .bg-oranges {
    background-color: #ff851b !important;
}

.skin-green-light .total-student-apply {
    background-color: rgba(0, 172, 70, 0.07);
    color: #393939;
}

.skin-green-light .box-header {
    background-color: #006666 !important;
    color: #fff !important;
}

.skin-green-light .r-w-h-thems {
    background-color: rgba(0, 102, 102, 0.07) !important;
    color: #393939 !important;
    border: 1px solid #d8d8d8;
}

.skin-green-light .box-header.small-hd-row {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border-bottom: 1px solid #d8d8d8;
}

.skin-green-light .box-header.r-w-h-thems {
    background-color: rgba(0, 102, 102, 0.07) !important;
    color: #393939 !important;
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.skin-green-light .box-success {
    border: 1px solid #d8d8d8;
}

.skin-green-light .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-green-light .box-footer {
    border-top: 1px solid #d8d8d8;
}

.skin-green-light .sidebar .fa-search {
    color: #006666;
}

.skin-green-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #006666;
}

.skin-green-light .btn-primary {
    background-color: #006666;
    border-color: #fff;
    color: #fff;
}

.skin-green-light .treeview-menu>li.active>a,
.skin-green-light .treeview-menu>li>a:hover {
    color: #006666;
}

.skin-green-light .nav-stacked>li.active>a,
.skin-green-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #006666;
}

.skin-green-light .box {
    border: 1px solid #d8d8d8;
}

.skin-green-light .btn-primary.active.focus,
.skin-green-light .btn-primary.active:focus,
.skin-green-light .btn-primary.active:hover,
.skin-green-light .btn-primary:active.focus,
.skin-green-light .btn-primary:active:focus,
.skin-green-light .btn-primary:active:hover {
    color: #006666;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-green-light .blue-titel-text {
    color: #393939 !important;
}

.skin-green-light a {
    color: #006666;
}

.skin-green-light .box-header a {
    color: rgb(255, 245, 239);
}

.skin-green-light .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

.skin-green-light .btn {
    color: #fff;
}

.skin-green-light .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-green-light .panel-primary {
    border-color: #d8d8d8;
}

.skin-green-light a.menu_list_main {
    color: #fff;
}

.skin-green-light .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-green-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #006666;
}

.skin-green-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #393939;
}

/* .skin-green-light .menu_list_main {
        background: linear-gradient(90deg, rgb(60, 60, 60) -15%, rgb(0, 102, 102) 90%);
    } */
/* .skin-green-light .menu_list_main {
        background: linear-gradient(90deg, rgb(237, 249, 242) -15%, rgb(29, 121, 121) 90%);
    }
    .skin-green-light .count.menu-name {
        color: #222;
        text-shadow: #fff 1px 0 10px;
    } */




/* Green-Light-Themes-End */

/* Red-theme--Start */

.skin-red .main-header .navbar {
    background-color: #CB3029
}

.skin-red .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-red .main-header .navbar .nav>li>a:hover,
.skin-red .main-header .navbar .nav>li>a:active,
.skin-red .main-header .navbar .nav>li>a:focus,
.skin-red .main-header .navbar .nav .open>a,
.skin-red .main-header .navbar .nav .open>a:hover,
.skin-red .main-header .navbar .nav .open>a:focus,
.skin-red .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-red .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-red .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
    background-color: #a01404;
}

@media (max-width:767px) {
    .skin-red .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-red .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-red .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}

.skin-red .main-header .logo {
    background-color: #CB3029;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-red .main-header .logo:hover {
    background-color: #a01404
}

.skin-red .main-header li.user-header {
    background-color: #B91300
}

.skin-red .content-header {
    background: transparent
}

.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
    background-color: rgb(11 12 16)
}

.skin-red .user-panel>.info,
.skin-red .user-panel>.info>a {
    color: #fff
}

.skin-red .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-red .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-red .sidebar-menu>li:hover>a,
.skin-red .sidebar-menu>li.active>a {
    color: #B91300;
    background: rgb(18 19 24);
    border-left-color: #B91300
}

.skin-red .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: rgb(18 19 24);
}

.skin-red .sidebar a {
    color: #ffffff;
}

.skin-red .sidebar a:hover {
    text-decoration: none
}

.skin-red .treeview-menu>li>a {
    color: #ffffff;
}

.skin-red .treeview-menu>li.active>a,
.skin-red .treeview-menu>li>a:hover {
    color: #B91300
}

.skin-red .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-red .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-red .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-red .total-student-apply {
    background-color: #00a65a;
    color: #fff;
}

.skin-red a {
    color: #B91300;
}

.skin-red .window-style .nav-tabs {
    background: #fff;
    border: #dedfe1 1px solid;
}

.skin-red .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #B91300;
}

.skin-red .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-red .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #CB3029;
    color: #fff;
}

.skin-red .window-style .nav>li:hover>a {
    background: #CB3029;
    color: #fff;
}

.skin-red .total-student-apply {
    background: linear-gradient(45deg, #b91300, #f7778c) !important;
    color: #fff;
    line-height: 24px;
}

.skin-red .total-student-apply .badge {
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    width: 25px;
    height: 25px;
    font-weight: 400;
    border-radius: 100px;
    background-color: #121318 !important;
}

/* .skin-red .bg-red {
	background-color: #b91300 !important;
} */
.skin-red .box.box-success {
    /* border-top-color: rgb(216, 216, 216); */
    border-top: none;
}

.skin-red .box-header.r-w-h-thems {
    background: linear-gradient(45deg, #b91300, #f7778c) !important;
    color: #fff !important;
    border: none;
}

.skin-red .box-header {
    background: linear-gradient(45deg, #b91300, #f7778c) !important;
    color: rgb(255, 255, 255) !important;
}

.skin-red .box {
    border-top: none;
}

.skin-red .box-header .btn {
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 10px !important;
    border: 1px solid #ffffff63;
}

.skin-red .btn-primary {
    color: rgb(255, 255, 255);
    background-color: #222d32;
    border-color: #2c3b41;
}

.skin-red .box-header.small-hd-row {
    background: rgb(243 87 87 / 10%) !important;
    color: #393939 !important;
    border-bottom: 1px solid rgb(249 88 88);
}

.skin-red a.menu_list_main {
    color: rgb(255, 255, 255);
}

.skin-red .content-wrapper {
    background-color: rgb(234 238 247);
}

.skin-red .small-box {
    border: 1px solid #E6E9EB !important;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07) !important;
}

.skin-red .box {
    border: 1px solid #E6E9EB !important;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07) !important;
}

.skin-red .recent-update-list .thead {
    height: 50px;
    background: #19191a;
}

.skin-red .btn {
    color: rgb(255, 255, 255) !important;
}

.skin-red .btn-default {
    color: #2c3b41 !important;
}

.skin-red .salse-support {
    padding: 2px !important;
    background: #B91300 !important;
    border-radius: 100px !important;
}

.skin-red .salse-support .tooltiptext {
    background-color: #0b0c10;
}

.skin-red .ngx-pagination .current {
    background: #CB3029 !important;
}

/* .skin-red .main-header .navbar{
    background-color:#dd4b39
}
.skin-red .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-red .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-red .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover{
    background-color:#d73925
}
@media (max-width:767px){
    .skin-red .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-red .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-red .main-header .navbar .dropdown-menu li a:hover{
        background:#d73925
    }
}
.skin-red .main-header .logo{
    background-color:#d73925;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-red .main-header .logo:hover{
    background-color:#d33724
}
.skin-red .main-header li.user-header{
    background-color:#dd4b39
}
.skin-red .content-header{
    background:transparent
}
.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{
    background-color:#222d32
}
.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{
    color:#fff
}
.skin-red .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-red .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a{
    color:#dd4b39;
    background:#1e282c;
    border-left-color:#dd4b39
}
.skin-red .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-red .sidebar a{
    color:#ffffff;
}
.skin-red .sidebar a:hover{
    text-decoration:none
}
.skin-red .treeview-menu>li>a{
    color:#ffffff;
}
.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{
    color:#dd4b39
}
.skin-red .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-red .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-red .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-red .total-student-apply{
    background-color: #00a65a;
    color: #fff;
  } */

/* Red-theme--End */

/* Red-White-theme--Start */
.skin-red-light a i.fa-pencil-square-o {
    color: #393939;
}

.skin-red-light a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #B91300;
}

.skin-red-light .content-wrapper {
    background-color: #fcfcfc;
}

.skin-red-light .scroll-box {
    overflow-y: unset !important;
}

.skin-red-light .main-header .navbar {
    background-color: #B91300
}

.skin-red-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-red-light .main-header .navbar .nav>li>a:hover,
.skin-red-light .main-header .navbar .nav>li>a:active,
.skin-red-light .main-header .navbar .nav>li>a:focus,
.skin-red-light .main-header .navbar .nav .open>a,
.skin-red-light .main-header .navbar .nav .open>a:hover,
.skin-red-light .main-header .navbar .nav .open>a:focus,
.skin-red-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-red-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-red-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-red-light .main-header .logo {
    background-color: #B91300;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-red-light .main-header .logo:hover {
    /* background:#3b8ab8 */
    background: #a61100;
}

.skin-red-light .ngx-pagination .current {
    background: #B91300 !important;
}

.skin-red-light .salse-support .tooltiptext {
    background-color: #B91300 !important;
}

.skin-red-light .main-header li.user-header {
    background-color: #f2f2f2;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {}

.skin-red-light .content-header {
    background: transparent
}

.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
    background-color: #fff;
    color: #212832;
}

.skin-red-light .content-wrapper,
.skin-red-light .main-footer {
    /*border-left:1px solid #d2d6de */
}

.skin-red-light .user-panel>.info,
.skin-red-light .user-panel>.info>a {
    color: #444
}

.skin-red-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-red-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-red-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-red-light .sidebar-menu>li:hover>a {
    color: #393939;
    background: #f7f7f7;
}

.skin-red-light .sidebar-menu>li.active>a {
    color: #393939;
    background: rgb(255, 245, 239);
}

.skin-red-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-red-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-red-light .sidebar-menu>li>.treeview-menu {
    background: rgb(255, 245, 239);
}

.skin-red-light .sidebar a {
    color: #212832
}

.skin-red-light .sidebar a:hover {
    text-decoration: none
}

.skin-red-light .treeview-menu>li>a {
    color: #444;
}

.skin-red-light .treeview-menu>li.active>a,
.skin-red-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-red-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-red-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-red-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-red-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-red-light .main-footer {
    border-top-color: #d2d6de
}

.skin-red-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-red-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-red-light .window-style .nav>li.active>a {
    background: #B91300;
    color: #fff;
}

.skin-red-light .window-style .nav>li:hover>a {
    background: #B91300;
    color: #fff;
}

.skin-red-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-red-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #B91300;
    color: #fff;
}

.skin-red-light .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.skin-red-light .bg-aqua {
    background-color: #B91300 !important;
}

.skin-red-light .bg-blue {
    background-color: #B91300 !important;
}

.skin-red-light .bg-green {
    background-color: #B91300 !important;
}

.skin-red-light .bg-yellow {
    background-color: #B91300 !important;
}

.skin-red-light .bg-red {
    background-color: #B91300 !important;
}

.skin-red-light .bg-orange {
    background-color: #B91300 !important;
}

.skin-red-light .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-red-light .bg-greens {
    background-color: #00a65a !important;
}

.skin-red-light .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-red-light .bg-reds {
    background-color: #dd4b39 !important;
}

.skin-red-light .bg-oranges {
    background-color: #ff851b !important;
}

.skin-red-light .total-student-apply {
    background-color: #FFECE1;
    color: #393939;
}

.skin-red-light .box-header {
    background-color: #B91300 !important;
    color: #fff !important;
}

.skin-red-light .r-w-h-thems {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border: 1px solid #d8d8d8;
}

.skin-red-light .box-header.small-hd-row {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border-bottom: 1px solid #d8d8d8;
}

.skin-red-light .box-header.r-w-h-thems {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.skin-red-light .box-success {
    border: 1px solid #d8d8d8;
}

.skin-red-light .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-red-light .box-footer {
    border-top: 1px solid #d8d8d8;
}

.skin-red-light .sidebar .fa-search {
    color: #B91300;
}

.skin-red-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #B91300;
}

.skin-red-light .btn-primary {
    background-color: #B91300;
    border-color: #fff;
    color: #fff;
}

.skin-red-light .treeview-menu>li.active>a,
.skin-red-light .treeview-menu>li>a:hover {
    color: #B91300;
}

.skin-red-light .nav-stacked>li.active>a,
.skin-red-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #B91300;
}

.skin-red-light .box {
    border: 1px solid #d8d8d8;
}

.skin-red-light .btn-primary.active.focus,
.skin-red-light .btn-primary.active:focus,
.skin-red-light .btn-primary.active:hover,
.skin-red-light .btn-primary:active.focus,
.skin-red-light .btn-primary:active:focus,
.skin-red-light .btn-primary:active:hover {
    color: #B91300;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-red-light .blue-titel-text {
    color: #393939 !important;
}

.skin-red-light a {
    color: #ff6e5e;
}

.skin-red-light .box-header a {
    color: rgb(255, 245, 239);
}

.skin-red-light .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

.skin-red-light .btn {
    color: #fff;
}

.skin-red-light .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-red-light .panel-primary {
    border-color: #d8d8d8;
}

.skin-red-light a.menu_list_main {
    color: #fff;
}

.skin-red-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #B91300;
}

.skin-red-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #393939;
}

.skin-red-light .box.box-success {
    border-top-color: #d8d8d8;
}

/* .skin-red-light .menu_list_main {
	background: linear-gradient(90deg, rgb(244, 244, 244) -15%, rgb(211, 27, 6) 90%);
}
.skin-red-light .count.menu-name{
    color: #222;
    text-shadow: #fff 1px 0 10px;
} */



/* .skin-red-light .main-header .navbar{
    background-color:#dd4b39
}
.skin-red-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-red-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-red-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#d73925
}
@media (max-width:767px){
    .skin-red-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a:hover{
        background:#d73925
    }
}
.skin-red-light .main-header .logo{
    background-color:#dd4b39;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-red-light .main-header .logo:hover{
    background-color:#dc4735
}
.skin-red-light .main-header li.user-header{
    background-color:#dd4b39
}
.skin-red-light .content-header{
    background:transparent
}
.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{
    background-color:#f9fafc
}
.skin-red-light .content-wrapper,.skin-red-light .main-footer{
    border-left:1px solid #d2d6de
}
.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{
    color:#444
}
.skin-red-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-red-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-red-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-red-light .sidebar-menu>li.active{
    border-left-color:#dd4b39
}
.skin-red-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-red-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-red-light .sidebar a{
    color:#444
}
.skin-red-light .sidebar a:hover{
    text-decoration:none
}
.skin-red-light .treeview-menu>li>a{
    color:#777
}
.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{
    color:#000
}
.skin-red-light .treeview-menu>li.active>a{
    font-weight:600
}
.skin-red-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-red-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-red-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-red-light .total-student-apply{
    background-color: #00a65a;
    color: #fff;
  } */

/* Red-White-Theme--End */

/* skin-yellow-Theme--Start */

.skin-yellow .main-header .navbar {
    background: linear-gradient(to left, #efa65f, #f76a2d) !important
}

.skin-yellow .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-yellow .main-header .navbar .nav>li>a:hover,
.skin-yellow .main-header .navbar .nav>li>a:active,
.skin-yellow .main-header .navbar .nav>li>a:focus,
.skin-yellow .main-header .navbar .nav .open>a,
.skin-yellow .main-header .navbar .nav .open>a:hover,
.skin-yellow .main-header .navbar .nav .open>a:focus,
.skin-yellow .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #e6652b
}

@media (max-width:767px) {
    .skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-yellow .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}

.skin-yellow .main-header .logo {
    background-color: #f76a2d;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-yellow .main-header .logo:hover {
    background-color: #e6652b
}

.skin-yellow .main-header li.user-header {
    background-color: #f39c12
}

.skin-yellow .content-header {
    background: transparent
}

.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
    background-color: #222d32
}

.skin-yellow .user-panel>.info,
.skin-yellow .user-panel>.info>a {
    color: #fff
}

.skin-yellow .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-yellow .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-yellow .sidebar-menu>li:hover>a,
.skin-yellow .sidebar-menu>li.active>a {
    color: #f76d30;
    background: #1e282c;
    border-left-color: #f39c12
}

.skin-yellow .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-yellow .sidebar a {
    color: #ffffff;
}

.skin-yellow .sidebar a:hover {
    text-decoration: none
}

.skin-yellow .treeview-menu>li>a {
    color: #ffffff;
}

.skin-yellow .treeview-menu>li.active>a,
.skin-yellow .treeview-menu>li>a:hover {
    color: #f76b2e;
}

.skin-yellow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-yellow .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-yellow .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-yellow .total-student-apply {
    background-color: #00a65a;
    color: #fff;
}

.skin-yellow a {
    color: #f76d2f;
}

.skin-yellow .window-style .nav-tabs {
    background: #fff;
    border: #dedfe1 1px solid;
}

.skin-yellow .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #f66a2d;
}

.skin-yellow .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-yellow .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #f76c2f;
    color: #fff;
}

.skin-yellow .window-style .nav>li:hover>a {
    background: #f76c2f;
    color: #fff;
}

.skin-yellow .total-student-apply {
    background: linear-gradient(to left, #efa65f, #f76a2d) !important;
    color: #fff;
    line-height: 24px;
}

.skin-yellow .total-student-apply .badge {
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    width: 25px;
    height: 25px;
    font-weight: 400;
    border-radius: 100px;
    background-color: #121318 !important;
}


.skin-yellow .box.box-success {
    /* border-top-color: rgb(216, 216, 216); */
    border-top: none;
}

.skin-yellow .box-header.r-w-h-thems {
    background-color: #ff851b !important;
    color: #fff !important;
    border: none;
}

.skin-yellow .box-header {
    background: linear-gradient(to left, #efa65f, #f76a2d) !important;
    color: rgb(255, 255, 255) !important;
}

.skin-yellow .box {
    border-top: none;
}

.skin-yellow .box-header .btn {
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 10px !important;
    border: 1px solid #ffffff63;
}

.skin-yellow .btn-primary {
    color: rgb(255, 255, 255);
    background-color: #222d32;
    border-color: #2c3b41;
}

.skin-yellow .box-header.small-hd-row {
    background: #fff8f1 !important;
    color: #393939 !important;
    border-bottom: 1px solid #f67132;
}

.skin-yellow a.menu_list_main {
    color: rgb(255, 255, 255);
}


/* Skin-Yellow-End */

/* Skin-Yellow-Light-Start */

.skin-yellow-light a i.fa-pencil-square-o {
    color: #393939;
}

.skin-yellow-light a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #f39c12;
}

.skin-yellow-light .content-wrapper {
    background-color: #fcfcfc;
}

.skin-yellow-light .scroll-box {
    overflow-y: unset !important;
}

.skin-yellow-light .main-header .navbar {
    background-color: #f39c12
}

.skin-yellow-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-yellow-light .main-header .navbar .nav>li>a:hover,
.skin-yellow-light .main-header .navbar .nav>li>a:active,
.skin-yellow-light .main-header .navbar .nav>li>a:focus,
.skin-yellow-light .main-header .navbar .nav .open>a,
.skin-yellow-light .main-header .navbar .nav .open>a:hover,
.skin-yellow-light .main-header .navbar .nav .open>a:focus,
.skin-yellow-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-yellow-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-yellow-light .main-header .logo {
    background-color: #f39c12;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-yellow-light .main-header .logo:hover {
    /*background:#3b8ab8 */
    background: #dd8c0b;
}

.skin-yellow-light .ngx-pagination .current {
    background: #f39c12 !important;
}

.skin-yellow-light .salse-support .tooltiptext {
    background-color: #f39c12 !important;
}

.skin-yellow-light .main-header li.user-header {
    background-color: #f39c12;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {}

.skin-yellow-light .content-header {
    background: transparent
}

.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
    background-color: #fff;
    color: #212832;
}

.skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer {
    /*border-left:1px solid #d2d6de */
}

.skin-yellow-light .user-panel>.info,
.skin-yellow-light .user-panel>.info>a {
    color: #444
}

.skin-yellow-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-yellow-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-yellow-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-yellow-light .sidebar-menu>li:hover>a {
    color: #fff;
    background: #f39c12;
    border-left-color: #f39c12;
}

.skin-yellow-light .sidebar-menu>li.active>a {
    color: #fff;
    background: #f39c12;
    border-left-color: #f39c12;
}

.skin-yellow-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-yellow-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-yellow-light .sidebar-menu>li>.treeview-menu {
    background: rgb(255, 248, 238);
}

.skin-yellow-light .sidebar a {
    color: #212832
}

.skin-yellow-light .sidebar a:hover {
    text-decoration: none
}

.skin-yellow-light .treeview-menu>li>a {
    color: #444;
}

.skin-yellow-light .treeview-menu>li.active>a,
.skin-yellow-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-yellow-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-yellow-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-yellow-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-yellow-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-yellow-light .main-footer {
    border-top-color: #d2d6de
}

.skin-yellow-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-yellow-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-yellow-light .window-style .nav>li.active>a {
    background: #006666;
    color: #fff;
}

.skin-yellow-light .window-style .nav>li:hover>a {
    background: #f39c12;
    color: #fff;
}

.skin-yellow-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-yellow-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #f39c12;
    color: #fff;
}

.skin-yellow-light .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.skin-yellow-light .bg-aqua {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-blue {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-green {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-yellow {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-red {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-orange {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-aquas {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-greens {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-reds {
    background-color: #f39c12 !important;
}

.skin-yellow-light .bg-oranges {
    background-color: #f39c12 !important;
}

.skin-yellow-light .total-student-apply {
    background-color: rgb(255, 240, 216);
    color: #393939;
    /* box-shadow: 0px 2px 3px 1px rgba(94, 32, 100, 0.04) !important; */
}

.skin-yellow-light .box-header {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.skin-yellow-light .r-w-h-thems {
    background-color: #fff8ee !important;
    color: #393939 !important;
    border: 1px solid #d8d8d8;
    /* box-shadow: 0px 2px 3px 1px rgba(94, 32, 100, 0.04) !important; */
}

.skin-yellow-light .box-header.small-hd-row {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border-bottom: 1px solid #d8d8d8;
}

.skin-yellow-light .box-header.r-w-h-thems {
    background-color: rgb(255, 248, 238) !important;
    color: #393939 !important;
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.skin-yellow-light .box-success {
    border: 1px solid #d8d8d8;
}

.skin-yellow-light .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-yellow-light .box-footer {
    border-top: 1px solid #d8d8d8;
}

.skin-yellow-light .sidebar .fa-search {
    color: #f39c12;
}

.skin-yellow-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #f39c12;
}

.skin-yellow-light .btn-primary {
    background-color: #f39c12;
    border-color: #fff;
    color: #fff;
}

.skin-yellow-light .btn-danger {
    /* background-color: #f39c12;
        border-color: #fff;
        color: #fff; */
}

.skin-yellow-light .treeview-menu>li.active>a,
.skin-yellow-light .treeview-menu>li>a:hover {
    color: #f39c12;
}

.skin-yellow-light .nav-stacked>li.active>a,
.skin-yellow-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #006666;
}

.skin-yellow-light .box {
    border: 1px solid #d8d8d8;
    /* box-shadow: 0px 2px 3px 1px rgba(94, 32, 100, 0.04); */
}

.skin-yellow-light .box.box-success {
    border-top-color: #d8d8d8;
}



.skin-yellow-light .btn-primary.active.focus,
.skin-yellow-light .btn-primary.active:focus,
.skin-yellow-light .btn-primary.active:hover,
.skin-yellow-light .btn-primary:active.focus,
.skin-yellow-light .btn-primary:active:focus,
.skin-yellow-light .btn-primary:active:hover {
    color: #006666;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-yellow-light .blue-titel-text {
    color: #393939 !important;
}

.skin-yellow-light a {
    color: #f39c12;
}

.skin-yellow-light .box-header a {
    color: rgb(255, 245, 239);
}

.skin-yellow-light .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
    /* background-color: #f39c12;
    border: none; */
}

.skin-yellow-light .btn {
    color: #fff;
}

.skin-yellow-light .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-yellow-light .panel-primary {
    border-color: #d8d8d8;
}

.skin-yellow-light a.menu_list_main {
    color: #fff;
}

.skin-yellow-light .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-yellow-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #fff8ee;
}

.skin-yellow-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #fff8ee;
}

.skin-yellow-light .recent-update-list .thead {
    height: 50px;
    background: #36304a;
}

.skin-yellow-light .salse-support {
    padding: 2px !important;
    background: #f39c12 !important;
    border-radius: 100px !important;
}

.skin-yellow-light .fc-unthemed td.fc-today {
    background: #fcf8e3;
}


/* .skin-yellow-light .main-header .navbar{
    background-color:#f39c12
}
.skin-yellow-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-yellow-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-yellow-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#e08e0b
}
@media (max-width:767px){
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{
        background:#e08e0b
    }
}
.skin-yellow-light .main-header .logo{
    background-color:#f39c12;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-yellow-light .main-header .logo:hover{
    background-color:#f39a0d
}
.skin-yellow-light .main-header li.user-header{
    background-color:#f39c12
}
.skin-yellow-light .content-header{
    background:transparent
}
.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{
    background-color:#f9fafc
}
.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{
    border-left:1px solid #d2d6de
}
.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{
    color:#444
}
.skin-yellow-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-yellow-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-yellow-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-yellow-light .sidebar-menu>li.active{
    border-left-color:#f39c12
}
.skin-yellow-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-yellow-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-yellow-light .sidebar a{
    color:#444
}
.skin-yellow-light .sidebar a:hover{
    text-decoration:none
}
.skin-yellow-light .treeview-menu>li>a{
    color:#777
}
.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{
    color:#000
}
.skin-yellow-light .treeview-menu>li.active>a{
    font-weight:600
}
.skin-yellow-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-yellow-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-yellow-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-yellow-light .total-student-apply{
    background-color: #00a65a;
    color: #fff;
  } */

/* Skin-Yellow-Light-End */



/* Skin-Purple-Start */

.skin-purple .main-header .navbar {
    background: linear-gradient(to left, #a686e8, rgb(56, 23, 126)) !important;
}

.skin-purple .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-purple .main-header .navbar .nav>li>a:hover,
.skin-purple .main-header .navbar .nav>li>a:active,
.skin-purple .main-header .navbar .nav>li>a:focus,
.skin-purple .main-header .navbar .nav .open>a,
.skin-purple .main-header .navbar .nav .open>a:hover,
.skin-purple .main-header .navbar .nav .open>a:focus,
.skin-purple .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-purple .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-purple .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-purple .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-purple .main-header .logo {
    background-color: #39187f;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple .main-header .logo:hover {
    background-color: #24104d
}

.skin-purple .main-header li.user-header {
    background-color: #542ca7
}

.skin-purple .content-header {
    background: transparent
}

.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background-color: #0a0518;
    color: #212832;
}

.skin-purple .content-wrapper,
.skin-purple .main-footer {
    /* border-left:1px solid #d2d6de */
}

.skin-purple .user-panel>.info,
.skin-purple .user-panel>.info>a {
    color: #fff
}

.skin-purple .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-purple .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-purple .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a {
    color: #542ca7;
    background: #ead9fb;
    border-left-color: #542ca7;
}

.skin-purple .sidebar-menu>li.active {
    border-left-color: #542ca7
}



.skin-purple .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-purple .sidebar-menu>li>.treeview-menu {
    background: #14111c
}

.skin-purple .sidebar a {
    color: #fff
}

.skin-purple .sidebar a:hover {
    text-decoration: none
}

.skin-purple .treeview-menu>li>a {
    color: #fff;
}

.skin-purple .treeview-menu>li.active>a,
.skin-purple .treeview-menu>li>a:hover {
    color: #000
}

.skin-purple .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-purple .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-purple .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-purple .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-purple.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-purple .main-footer {
    border-top-color: #d2d6de
}

.skin-purple.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-purple .window-style .nav>li.active>a {
    background: #6544a9;
    color: #fff;
}

.skin-purple .window-style .nav>li:hover>a {
    background: #6544a9;
    color: #fff;
}

.skin-purple .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-purple .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #6544a9;
    color: #fff;
}

.skin-purple .window-style .nav-tabs {
    background: #fff;
    border: transparent 1px solid;
}

.skin-purple .bg-aqua {
    background-color: #542ca7 !important;
}

.skin-purple .bg-blue {
    background-color: #542ca7 !important;
}

.skin-purple .bg-green {
    background-color: #542ca7 !important;
}

.skin-purple .bg-yellow {
    background-color: #542ca7 !important;
}

.skin-purple .bg-red {
    background-color: #542ca7 !important;
}

.skin-purple .bg-orange {
    background-color: #542ca7 !important;
}

.skin-purple .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-purple .bg-greens {
    background-color: #542ca7 !important;
}

.skin-purple .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-purple .bg-reds {
    background-color: #dd4b39 !important;
}

.skin-purple .bg-oranges {
    background-color: #ff851b !important;
}

.skin-purple .total-student-apply {
    background-color: #ead9fb;
    color: #542ca7;
}

.skin-purple .r-w-h-thems {
    background: linear-gradient(to left, #a686e8, rgb(56, 23, 126)) !important;
    color: #fff !important;
    /* border: 1px solid #afdbc9; */
    border: none;
}

.skin-purple .box-header.r-w-h-thems {
    background-color: #542ca7 !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #afdbc9;
}

/* .skin-purple .box-success {
	background-color: #542ca7 !important;
	color: #fff !important;
	border: none;
	border-bottom: 1px solid #afdbc9;
} */
.skin-purple .box-header.r-w-h-thems {
    background-color: #542ca7 !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #afdbc9;
}

.skin-purple .box-success {
    /* border: 1px solid #afdbc9; */
    border: none;
}

.skin-purple .box {
    /* border: 1px solid #afdbc9; */
    border: none;
}

.skin-purple .box.box-success {
    border-top-color: #afdbc9;
}

.skin-purple .box-header {
    background: linear-gradient(to left, #a686e8, rgb(56, 23, 126)) !important;
    color: #fff !important;
}

.skin-purple .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #542ca7;
}

.skin-purple .btn-primary {
    background-color: #542ca7;
    border-color: #ffffff73;
}

.skin-purple .treeview-menu>li.active>a,
.skin-purple .treeview-menu>li>a:hover {
    color: #ead9fb;
}

.skin-purple .nav-stacked>li.active>a,
.skin-purple .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #542ca7;
}

.skin-purple .content-wrapper,
.skin-purple .right-side {
    min-height: 1320px;
    background-color: #f3f4f8;
    z-index: 800;
}

.skin-purple a {
    color: #542ca7;
}

.skin-purple .recent-update-list .thead {
    height: 50px;
    background: #0a0518;
}

.skin-purple .salse-support {
    padding: 2px !important;
    background: #542ca7 !important;
    border-radius: 100px !important;
}

.skin-purple .salse-support .tooltiptext {
    background-color: #0a0518 !important;
}

.skin-purple .tile_stats_count .menu_list_main {
    color: white !important;
}

.skin-purple .box-header.small-hd-row {
    background: #e0d5f7 !important;
    border-bottom: 1px solid #39187f;
    color: #0a0518 !important;
}

.skin-purple .label-info {
    background-color: #361b6f !important;
}

.skin-purple .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

/* .skin-purple .main-header .navbar{
    background-color:#605ca8
}
.skin-purple .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-purple .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-purple .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover{
    background-color:#555299
}
@media (max-width:767px){
    .skin-purple .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-purple .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-purple .main-header .navbar .dropdown-menu li a:hover{
        background:#555299
    }
}
.skin-purple .main-header .logo{
    background-color:#555299;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-purple .main-header .logo:hover{
    background-color:#545096
}
.skin-purple .main-header li.user-header{
    background-color:#605ca8
}
.skin-purple .content-header{
    background:transparent
}
.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{
    background-color:#222d32
}
.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{
    color:#fff
}
.skin-purple .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-purple .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a{
    color:#605ca8;
    background:#1e282c;
    border-left-color:#605ca8
}
.skin-purple .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-purple .sidebar a{
    color:#ffffff;
}
.skin-purple .sidebar a:hover{
    text-decoration:none
}
.skin-purple .treeview-menu>li>a{
    color:#ffffff;
}
.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{
    color:#605ca8
}
.skin-purple .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-purple .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-purple .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-purple .total-student-apply{
    background-color: #00a65a;
    color: #fff;
} */

/* Skin-Purple-End */


/* Skin-Purple-light-Start */

.skin-purple-light a i.fa-pencil-square-o {
    color: #393939;
}

.skin-purple-light a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #5e2064;
}

.skin-purple-light .content-wrapper {
    background-color: #f7f8fc;
}

.skin-purple-light .scroll-box {
    overflow-y: unset !important;
}

.skin-purple-light .main-header .navbar {
    background-color: #5E2064
}

.skin-purple-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-purple-light .main-header .navbar .nav>li>a:hover,
.skin-purple-light .main-header .navbar .nav>li>a:active,
.skin-purple-light .main-header .navbar .nav>li>a:focus,
.skin-purple-light .main-header .navbar .nav .open>a,
.skin-purple-light .main-header .navbar .nav .open>a:hover,
.skin-purple-light .main-header .navbar .nav .open>a:focus,
.skin-purple-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-purple-light .main-header .logo {
    background-color: #5E2064;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple-light .main-header .logo:hover {
    /*background:#3b8ab8 */
    background: #7d57c1;
}

.skin-purple-light .ngx-pagination .current {
    background: #5e2064 !important;
}

.skin-purple-light .salse-support .tooltiptext {
    background-color: #5e2064 !important;
}

.skin-purple-light .main-header li.user-header {
    background-color: #5e2064;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {}

.skin-purple-light .content-header {
    background: transparent
}

.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
    background-color: #fff;
    color: #212832;
}

.skin-purple-light .content-wrapper,
.skin-purple-light .main-footer {
    /*border-left:1px solid #d2d6de */
}

.skin-purple-light .user-panel>.info,
.skin-purple-light .user-panel>.info>a {
    color: #444
}

.skin-purple-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-purple-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-purple-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-purple-light .sidebar-menu>li:hover>a {
    color: #fff;
    background: #A06FFC;
    border-left-color: #5e2064;
}

.skin-purple-light .sidebar-menu>li.active>a {
    color: #fff;
    background: #A06FFC;
    border-left-color: #5e2064;
}

.skin-purple-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-purple-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-purple-light .sidebar-menu>li>.treeview-menu {
    background: rgb(225, 216, 241);
}

.skin-purple-light .sidebar a {
    color: #212832
}

.skin-purple-light .sidebar a:hover {
    text-decoration: none
}

.skin-purple-light .treeview-menu>li>a {
    color: #444;
}

.skin-purple-light .treeview-menu>li.active>a,
.skin-purple-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-purple-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-purple-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-purple-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-purple-light .main-footer {
    border-top-color: #d2d6de
}

.skin-purple-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-purple-light .window-style .nav>li.active>a {
    background: #006666;
    color: #fff;
}

.skin-purple-light .window-style .nav>li:hover>a {
    background: #A06FFC;
    color: #fff;
}

.skin-purple-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-purple-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #5E2064;
    color: #fff;
}

.skin-purple-light .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #d8d8d8;
}

.skin-purple-light .bg-aqua {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-blue {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-green {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-yellow {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-red {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-orange {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-aquas {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-greens {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-yellows {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-reds {
    background-color: #A06FFC !important;
}

.skin-purple-light .bg-oranges {
    background-color: #A06FFC !important;
}

.skin-purple-light .total-student-apply {
    background-color: rgb(225, 216, 241);
    color: #321235;
    box-shadow: 0px 2px 3px 1px rgba(94, 32, 100, 0.04) !important;
}

.skin-purple-light .box-header {
    background-color: #5e2064 !important;
    color: #fff !important;
}

.skin-purple-light .r-w-h-thems {
    background-color: #e1d8f1 !important;
    color: #321235 !important;
    border: none;
    box-shadow: 0px 2px 3px 1px rgba(94, 32, 100, 0.04) !important;
}

.skin-purple-light .box-header.small-hd-row {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border-bottom: 1px solid #d8d8d8;
}

.skin-purple-light .box-header.r-w-h-thems {
    background-color: rgb(225, 216, 241) !important;
    color: #321235 !important;
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.skin-purple-light .box-success {
    border: 1px solid #d8d8d8;
}

.skin-purple-light .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-purple-light .box-footer {
    border-top: 1px solid #d8d8d8;
}

.skin-purple-light .sidebar .fa-search {
    color: #5e2064;
}

.skin-purple-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #5e2064;
}

.skin-purple-light .btn-primary {
    background-color: #5e2064;
    border-color: #fff;
    color: #fff;
}

.skin-purple-light .btn-danger {
    background-color: #a06ffc;
    border-color: #fff;
    color: #fff;
}

.skin-purple-light .treeview-menu>li.active>a,
.skin-purple-light .treeview-menu>li>a:hover {
    color: #5e2064;
}

.skin-purple-light .nav-stacked>li.active>a,
.skin-purple-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #006666;
}

.skin-purple-light .box {
    border: none;
    box-shadow: 0px 2px 3px 1px rgba(94, 32, 100, 0.04);
}

.skin-purple-light .btn-primary.active.focus,
.skin-purple-light .btn-primary.active:focus,
.skin-purple-light .btn-primary.active:hover,
.skin-purple-light .btn-primary:active.focus,
.skin-purple-light .btn-primary:active:focus,
.skin-purple-light .btn-primary:active:hover {
    color: #006666;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-purple-light .blue-titel-text {
    color: #393939 !important;
}

.skin-purple-light a {
    color: #5E2064;
}

.skin-purple-light .box-header a {
    color: rgb(255, 245, 239);
}

.skin-purple-light .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
    background-color: #A06FFC;
    border: none;
}

.skin-purple-light .btn {
    color: #fff;
}

.skin-purple-light .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-purple-light .panel-primary {
    border-color: #d8d8d8;
}

.skin-purple-light a.menu_list_main {
    color: #fff;
}

.skin-purple-light .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-purple-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #006666;
}

.skin-purple-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #393939;
}

.skin-purple-light .recent-update-list .thead {
    height: 50px;
    background: #5E2064;
}

.skin-purple-light .salse-support {
    padding: 2px !important;
    background: #5E2064 !important;
    border-radius: 100px !important;
}

.skin-purple-light .fc-unthemed td.fc-today {
    background: #e1d8f1;
}

/* .skin-purple-light .main-header .navbar{
    background-color:#605ca8
}
.skin-purple-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-purple-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-purple-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#555299
}
@media (max-width:767px){
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a:hover{
        background:#555299
    }
}
.skin-purple-light .main-header .logo{
    background-color:#605ca8;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-purple-light .main-header .logo:hover{
    background-color:#5d59a6
}
.skin-purple-light .main-header li.user-header{
    background-color:#605ca8
}
.skin-purple-light .content-header{
    background:transparent
}
.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{
    background-color:#f9fafc
}
.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{
    border-left:1px solid #d2d6de
}
.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{
    color:#444
}
.skin-purple-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-purple-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-purple-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-purple-light .sidebar-menu>li.active{
    border-left-color:#605ca8
}
.skin-purple-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-purple-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-purple-light .sidebar a{
    color:#444
}
.skin-purple-light .sidebar a:hover{
    text-decoration:none
}
.skin-purple-light .treeview-menu>li>a{
    color:#777
}
.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{
    color:#000
}
.skin-purple-light .treeview-menu>li.active>a{
    font-weight:600
}
.skin-purple-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.skin-purple-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-purple-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-purple-light .total-student-apply{
    background-color: #00a65a;
    color: #fff;
  } */

/* Skin-Purple-light-End */

/* New--themes-CSS */

.skin-blue-dark a i.fa-pencil-square-o {
    color: #393939;
}

.skin-blue-dark a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #006666;
}

.skin-blue-dark .content-wrapper {
    background-color: #fcfcfc;
}

.skin-blue-dark .scroll-box {
    overflow-y: unset !important;
}

.skin-blue-dark .main-header .navbar {
    background-color: #a32531
}

.skin-blue-dark .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-blue-dark .main-header .navbar .nav>li>a:hover,
.skin-blue-dark .main-header .navbar .nav>li>a:active,
.skin-blue-dark .main-header .navbar .nav>li>a:focus,
.skin-blue-dark .main-header .navbar .nav .open>a,
.skin-blue-dark .main-header .navbar .nav .open>a:hover,
.skin-blue-dark .main-header .navbar .nav .open>a:focus,
.skin-blue-dark .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-blue-dark .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-blue-dark .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-blue-dark .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-blue-dark .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-blue-dark .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-blue-dark .main-header .logo {
    background-color: #a32531;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue-dark .main-header .logo:hover {
    /*background:#3b8ab8 */
    background: #92212c;
}

.skin-blue-dark .ngx-pagination .current {
    background: #a32531 !important;
}

.skin-blue-dark .fa-trash-o::before {
    color: #a32531 !important;
}

.skin-blue-dark .btn {
    color: #000;
}

.skin-blue-dark .salse-support .tooltiptext {
    background-color: #006666 !important;
}

.skin-blue-dark .main-header li.user-header {
    background-color: #ccd1f170;
}

.skin-blue-dark .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #a32531;
}

.skin-blue-dark .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: #272f54;
}

.skin-blue-dark .salse-support {
    background: #ccd1f1 !important;
}

.skin-blue-dark .content-header {
    background: transparent
}

.skin-blue-dark .wrapper,
.skin-blue-dark .main-sidebar,
.skin-blue-dark .left-side {
    background-color: #272f54;
    color: #212832;
}

.skin-blue-dark .content-wrapper,
.skin-blue-dark .main-footer {

    /*border-left:1px solid #d2d6de */
}

.skin-blue-dark .user-panel>.info,
.skin-blue-dark .user-panel>.info>a {
    color: #fff
}

.skin-blue-dark .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-blue-dark .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-blue-dark .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-blue-dark .sidebar-menu>li:hover>a {
    color: #a32531;
    background: #182041;
}

.skin-blue-dark .sidebar-menu>li.active>a {
    color: #a32531;
    background: #182041;
}

.skin-blue-dark .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-blue-dark .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-blue-dark .sidebar-menu>li>.treeview-menu {
    background: rgb(24, 32, 65);
}

.skin-blue-dark .sidebar a {
    color: #fff
}

.skin-blue-dark .sidebar a:hover {
    text-decoration: none
}

.skin-blue-dark .treeview-menu>li>a {
    color: #ccd1f1;
}

.skin-blue-dark .treeview-menu>li.active>a,
.skin-blue-dark .treeview-menu>li>a:hover {
    color: #000
}

.skin-blue-dark .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-blue-dark .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-blue-dark .sidebar-form input[type="text"],
.skin-blue-dark .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-blue-dark .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-blue-dark .sidebar-form input[type="text"]:focus,
.skin-blue-dark .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-blue-dark .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-blue-dark .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-blue-dark.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-blue-dark .main-footer {
    border-top-color: #d2d6de
}

.skin-blue-dark.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue-dark.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-blue-dark .window-style .nav>li.active>a {
    background: #272f54;
    color: #fff;
}

.skin-blue-dark .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-blue-dark .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #272f54;
    color: #fff;
}

.skin-blue-dark .window-style .nav>li:hover>a {
    background: #272f54;
    color: #fff !important;
}

.skin-blue-dark .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #ccd1f1;
}

.skin-blue-dark .bg-aqua {
    background-color: #a32531 !important;
}

.skin-blue-dark .bg-blue {
    background-color: #a32531 !important;
}

.skin-blue-dark .bg-green {
    background-color: #a32531 !important;
}

.skin-blue-dark .bg-yellow {
    background-color: #a32531 !important;
}

.skin-blue-dark .bg-red {
    background-color: #a32531 !important;
}

.skin-blue-dark .bg-orange {
    background-color: #a32531 !important;
}

.skin-blue-dark .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-blue-dark .bg-greens {
    background-color: #00a65a !important;
}

.skin-blue-dark .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-blue-dark .bg-reds {
    background-color: #dd4b39 !important;
}




.skin-blue-dark .bg-oranges {
    background-color: #ff851b !important;
}

.skin-blue-dark .total-student-apply {
    background-color: #a32531;
    color: #fff;
}

.skin-blue-dark .total-student-apply .bg-blue {
    background-color: #272f54 !important;
    line-height: normal;
    text-align: center;
    padding: 2px 7px;
    font-size: 12px;
}


.skin-blue-dark .box-header {
    background-color: #272f54 !important;
    color: #fff !important;
}

.skin-blue-dark .r-w-h-thems {
    background-color: #272f54 !important;
    color: #fff !important;
    border: 1px solid #ccd1f1;
}

.skin-blue-dark .box-header.small-hd-row {
    background-color: #f2f2f2 !important;
    color: #393939 !important;
    border-bottom: 1px solid #ccd1f1;
}

.skin-blue-dark .box-header.r-w-h-thems {
    background-color: #272f54 !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #ccd1f1;
}

.skin-blue-dark .box-success {
    border: 1px solid #ccd1f1;
}

.skin-blue-dark .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-blue-dark .box-footer {
    border-top: 1px solid #ccd1f1;
}

.skin-blue-dark .sidebar .fa-search {
    color: #006666;
}

.skin-blue-dark .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #272f54;
}

.skin-blue-dark .btn.btn-primary {
    background-color: #272f54;
    border-color: #fff;

}

.skin-blue-dark .btn.btn-primary,
.skin-blue-dark .btn.btn-danger,
.skin-blue-dark .btn.btn-primary i {
    color: #fff;
}

.skin-blue-dark button.btn {
    color: #fff;
}

.skin-blue-dark .btn-danger {
    background-color: #a32531;
    border-color: #a32531;
}

.skin-blue-dark .btn-danger:hover,
.skin-blue-dark .btn-danger:active,
.skin-blue-dark .btn-danger.hover {
    background-color: #a32531;
    border-color: #a32531;
}

.skin-blue-dark .treeview-menu>li.active>a,
.skin-blue-dark .treeview-menu>li>a:hover {
    color: #a32531;
}

.skin-blue-dark .nav-stacked>li.active>a,
.skin-blue-dark .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #006666;
}

.skin-blue-dark .box {
    border: 1px solid #ccd1f1;
}

.skin-blue-dark .btn-primary.active.focus,
.skin-blue-dark .btn-primary.active:focus,
.skin-blue-dark .btn-primary.active:hover,
.skin-blue-dark .btn-primary:active.focus,
.skin-blue-dark .btn-primary:active:focus,
.skin-blue-dark .btn-primary:active:hover {
    color: #006666;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-blue-dark .blue-titel-text {
    color: #393939 !important;
}

.skin-blue-dark a {
    color: #272f54;
}

.skin-blue-dark .box-header a {
    color: rgb(255, 245, 239);
}

.skin-blue-dark .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

.skin-blue-dark .btn,
.skin-blue-dark button i {
    color: #272f54;
}

.skin-blue-dark .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #ccd1f15e;
}

.skin-blue-dark .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-blue-dark .panel-primary {
    border-color: #d8d8d8;
}

.skin-blue-dark a.menu_list_main {
    color: #fff;
}

.skin-blue-dark .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-blue-dark .nav>li>a:hover,
.skin-blue-dark .nav>li>a:active,
.skin-blue-dark .nav>li>a:focus {
    background: #ccd1f170;
}

.skin-blue-dark .nav-tabs-custom>.nav-tabs>li>a:hover {
    color: #272f54;
}

.skin-blue-dark .modal-header {
    background-color: #272f54 !important;
}

/* .skin-blue-dark .menu_list_main {
        background: linear-gradient(90deg, rgb(163, 37, 49) -15%, rgb(39, 47, 84) 90%);
    }
    .skin-blue-dark .count.menu-name{
        color: #fff;
    } */


/* _____________________________________________ */




/* New--themes-CSS */

.skin-orange-light a i.fa-pencil-square-o {
    color: #393939;
}

.skin-orange-light a i.fa-pencil-square-o:hover {
    outline: none;
    text-decoration: none;
    color: #006666;
}

.skin-orange-light .content-wrapper {
    background-color: #fff9f2;
}

.skin-orange-light .scroll-box {
    overflow-y: unset !important;
}

.skin-orange-light .main-header .navbar {
    background-color: #f8f9fb;
    box-shadow: 0 2px 8px rgba(44,24,16,0.08);
}

.skin-orange-light .main-header .navbar .nav>li>a {
    color: #ed6e00
}

.skin-orange-light .main-header .navbar .nav>li>a:hover,
.skin-orange-light .main-header .navbar .nav>li>a:active,
.skin-orange-light .main-header .navbar .nav>li>a:focus,
.skin-orange-light .main-header .navbar .nav .open>a,
.skin-orange-light .main-header .navbar .nav .open>a:hover,
.skin-orange-light .main-header .navbar .nav .open>a:focus,
.skin-orange-light .main-header .navbar .nav>.active>a {
    color: #f8f9fb;
    background: #ed6e00;
}

.skin-orange-light .main-header .navbar .sidebar-toggle {
    color: #ff9935
}

.skin-orange-light .main-header .navbar .sidebar-toggle:hover {
    color: #f8f9fb;
    background: #ed6e00;
}

.skin-orange-light .main-header .navbar .sidebar-toggle {
    color: #ed6e00
}

.skin-orange-light .main-header .navbar .sidebar-toggle:hover {
    /* background-color:#367fa9 */
}

@media (max-width:767px) {
    .skin-orange-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }

    .skin-orange-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-orange-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-orange-light .main-header .logo {
	background-color: #f8f9fb;
	color: #fff;
	/* border-bottom: 1px solid #ff9935; */
	box-shadow: 0 2px 8px rgba(44,24,16,0.08);
}

.skin-orange-light .main-header .logo:hover {}

.skin-orange-light .ngx-pagination .current {
    background: #f47721 !important;
}

.skin-orange-light .fa-trash-o::before {
    color: #f47721 !important;
}

.skin-orange-light .btn {
    color: #000;
}

.skin-orange-light .salse-support .tooltiptext {
    background-color: #b83f2a !important;
}

.skin-orange-light .main-header li.user-header {
    /* background: linear-gradient(180deg, #fff6ed 0%, #fff 100%); */
    background: #fff;
}

.skin-orange-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #f47721;
}

.skin-orange-light .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border: 1px solid #e6e7eb;
}

.skin-orange-light .salse-support {
    background: #b83f2a !important;
    padding: 2px !important;
}

.skin-orange-light .content-header {
    background: transparent
}

.skin-orange-light .wrapper,
.skin-orange-light .main-sidebar,
.skin-orange-light .left-side {
    background-color: #fff9f2;
  color: #4a2a0a
}

.skin-orange-light .content-wrapper,
.skin-orange-light .main-footer {

    /*border-left:1px solid #d2d6de */
}

.skin-orange-light .user-panel>.info,
.skin-orange-light .user-panel>.info>a {
    color: #fff
}

.skin-orange-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-orange-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-orange-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 500;
}

.skin-orange-light .sidebar-menu>li:hover>a {
    /* color: #a32531;
    background: #182041; */
    color: #b22f1b;
    background: #fbbc5b;
}

.skin-orange-light .sidebar-menu>li:hover>a,
.skin-orange-light .sidebar-menu>li.active>a {
    color: #fff;
    background: #f47721;
    border-left-color: #f47721;
}




.skin-orange-light .sidebar-menu>li.active>a {
    color: #fff;
    background: #f47721;
}

.skin-orange-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-orange-light .sidebar-menu>li.active>a {
    font-weight: 500
}

.skin-orange-light .sidebar-menu>li>.treeview-menu {
    background: #fff;
}

.skin-orange-light .sidebar a {
    color: #4A2A0A
}

.skin-orange-light .sidebar a:hover {
    text-decoration: none
}

.skin-orange-light .treeview-menu>li>a {
    color: #ff8813;
}

.skin-orange-light .treeview-menu>li.active>a,
.skin-orange-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-orange-light .treeview-menu>li.active>a {
    font-weight: 500
}

.skin-orange-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-orange-light .sidebar-form input[type="text"],
.skin-orange-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-orange-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-orange-light .sidebar-form input[type="text"]:focus,
.skin-orange-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-orange-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-orange-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-orange-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-orange-light .main-footer {
    border-top-color: #ff9935;
    background: #fff6ed;
}

.skin-orange-light .main-footer a {
    color: #323232;
}

.skin-orange-light.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-orange-light.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-orange-light .window-style .nav>li.active>a {
    background: #333333;
    color: #fff;
}

.skin-orange-light .window-style .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-orange-light .window-style .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #333333;
    color: #fff;
}

.skin-orange-light .window-style .nav>li:hover>a {
    background: #333333;
    color: #fff !important;
}

.skin-orange-light .window-style .nav-tabs {
    background: #fff;
    border: 1px solid #ccd1f1;
}

.skin-orange-light .bg-aqua {
    background-color: #a32531 !important;
}

.skin-orange-light .bg-blue {
    background-color: #a32531 !important;
}

.skin-orange-light .bg-green {
    background-color: #0e3c43 !important;
}

.skin-orange-light .bg-yellow {
    background-color: #a32531 !important;
}

.skin-orange-light .bg-red {
    background-color: #a32531 !important;
}

.skin-orange-light .bg-orange {
    background-color: #a32531 !important;
}

.skin-orange-light .bg-aquas {
    background-color: #00c0ef !important;
}

.skin-orange-light .bg-greens {
    background-color: #00a65a !important;
}

.skin-orange-light .bg-yellows {
    background-color: #f39c12 !important;
}

.skin-orange-light .bg-reds {
    background-color: #dd4b39 !important;
}




.skin-orange-light .bg-oranges {
    background-color: #ff851b !important;
}

.skin-orange-light .total-student-apply {
    background-color: #a32531;
    color: #fff;
}

.skin-orange-light .total-student-apply .bg-blue {
    background-color: #333333 !important;
    line-height: normal;
    text-align: center;
    padding: 2px 7px;
    font-size: 12px;
}


.skin-orange-light .small-box {

    background-color: #f6dfbf !important;
    border: 1px solid #de9548;

}

.skin-orange-light .small-box h3 {
    color: #87211a;
}


.skin-orange-light .nav-stacked>li>a {

    color: #131313;
}


.skin-orange-light .box-header {
    background-color: #f47721 !important;
    color: #fff !important;
}

.skin-orange-light .r-w-h-thems {
    background-color: #333333 !important;
    color: #fff !important;
    border: 1px solid #ccd1f1;
}

.skin-orange-light .box-header.small-hd-row {
    background-color: #fff1dd !important;
    color: #333 !important;
    border-bottom: 1px solid #87211a63;
}

/* .skin-orange-light .bg-aqua,
.skin-orange-light .callout.callout-info,
.skin-orange-light .alert-info,
.skin-orange-light .label-info,
.skin-orange-light .modal-info .modal-body {
    background-color: #fbbc5b !important;
    color: #000 !important;
} */

.skin-orange-light fieldset.scheduler-border[_ngcontent-xah-c71] {
    border: 1px groove #b22f1b36 !important;
    padding: 0 1.4em 1.4em !important;
    margin: 0 0 1.5em !important;
    box-shadow: 0 0 0 0 #000;
}


.skin-orange-light .nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgb(239, 208, 204);
    border-radius: 3px;
}

.skin-orange-light .box-header.r-w-h-thems {
    background-color: #333333 !important;
    color: #fff !important;
    border: none;
    border-bottom: 1px solid #ccd1f1;
}

.skin-orange-light .box-success {
    border: 1px solid #ccd1f1;
}

.skin-orange-light .small-box .inner {
    /* border-bottom: 1px solid #d8d8d8; */
}

.skin-orange-light .box-footer {
    border-top: none;

    background: linear-gradient(to bottom right, #fff8f6, #e5b15df5);
}


.skin-orange-light .sidebar .fa-search {
    color: #006666;
}

.skin-orange-light .nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #fbbc5b;
}

.skin-orange-light .btn.btn-primary {
    background-color: #f47721;
    border-color: #fff;
    color: #fff !important;
}

.skin-orange-light .nav-tabs-custom>.nav-tabs>li.active>a,
.skin-orange-light .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #f6dfbf;
    color: #131313;
}

.skin-orange-light .nav-tabs-custom .tab-content {
    background: #fffcfb;
    padding: 20px 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.skin-orange-light .btn.btn-primary,
.skin-orange-light .btn.btn-danger,
.skin-orange-light .btn.btn-primary i {
    color: #fff;
}

.skin-orange-light button.btn {
    color: #fff;
}

.skin-orange-light .btn-danger {
    background-color: #b22f1b;
    border-color: #b22f1b;
}

.skin-orange-light .btn-danger:hover,
.skin-orange-light .btn-danger:active,
.skin-orange-light .btn-danger.hover {
    background-color: #a32531;
    border-color: #a32531;
}

.skin-orange-light .treeview-menu>li.active>a,
.skin-orange-light .treeview-menu>li>a:hover {
    color: #ffca78;
}

.skin-orange-light .nav-stacked>li.active>a,
.skin-orange-light .nav-stacked>li.active>a:hover {
    background: transparent;
    border-top: 0;
    border-left-color: #006666;
}

.skin-orange-light .box {
    border: 1px solid #d8d8d8;
    background: #fff;
}

.skin-orange-light .nav-tabs-custom>.nav-tabs {
    margin: 0;
    border-bottom-color: #b22f1b;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.skin-orange-light .form-control:focus {
    border-color: #fbbc5b;
    box-shadow: none;
}

.skin-orange-light .btn-primary.active.focus,
.skin-orange-light .btn-primary.active:focus,
.skin-orange-light .btn-primary.active:hover,
.skin-orange-light .btn-primary:active.focus,
.skin-orange-light .btn-primary:active:focus,
.skin-orange-light .btn-primary:active:hover {
    color: #006666;
    background: rgb(255, 245, 239);
    border-color: rgb(255, 245, 239);
}

.skin-orange-light .blue-titel-text {
    color: #393939 !important;
}

.skin-orange-light a {
    color: #333333;
}

.skin-orange-light .box-header a {
    color: rgb(255, 245, 239);
}

.skin-orange-light .box-header .btn {
    color: #fff;
    margin: 0 0px 0 10px !important;
}

.skin-orange-light .btn,
.skin-orange-light button i {
    /* color: #333333; */
}

.skin-orange-light .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #fafaf6;
}

.skin-orange-light .panel-primary>.panel-heading {
    color: #393939;
    background-color: #f2f2f2;
    border-color: #d8d8d8;
}

.skin-orange-light .panel-primary {
    border-color: #d8d8d8;
}

.skin-orange-light a.menu_list_main {
    color: #fff;
}

.skin-orange-light .recent-update-list tbody tr:nth-child(2n) {
    background-color: rgba(0, 102, 102, 0.07);
}

.skin-orange-light .nav>li>a:hover,
.skin-orange-light .nav>li>a:active,
.skin-orange-light .nav>li>a:focus {
    background: #f6dfbf;
}

.skin-orange-light .nav-tabs-custom>.nav-tabs>li>a:hover {
    color: #333333;
}

.skin-orange-light .modal-header {
    background-color: #333333 !important;
}

.skin-orange-light .step-item.active .step-num {
    background: #f47721;
    border-color: #fff;
    color: #fff;

}

.skin-orange-light .step-item.active .step-label {
	color: #f47721;
	font-weight: 500;
}

.skin-orange-light .section-title {
    color: #f47721;
}

.skin-orange-light .t-thumb {
    background: #FFF9F2;
}

.skin-orange-light .navbar-nav>.user-menu>.dropdown-menu {
    border: 1px solid #F2D4B1;
  border-radius: 5px;
  overflow: hidden;
}

.skin-orange-light .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #FFF9F2;
  border-top: 1px solid #f2d4b1;
}

.skin-orange-light .puja-tabs {
    color: #8A6A47;
  background: #FAFAF6;
  border: 1px solid #F2D4B1;
}

.skin-orange-light .puja-tab.active {
   background: #F47721;
  color: #fff;
}

.skin-orange-light .nav-btn:hover {
    background: #FF9935;
    color: #fff;
}

.skin-orange-light .month-title {
    color: #ff9935;
    background: #fff;
}

.skin-orange-light .date-slot.selected {
    border-color: #F47721;
  background: #FFF9F2;
}

.skin-orange-light .time-slot.selected {
    border-color: #FF9935;
    background: #FFF6ED;
}

.skin-orange-light .box-header .btn {
    background-color: #fff;
    border-color: #fd9735;
    color: #29313e !important;
}

.skin-orange-light .box-header .btn:hover {
    background-color: #da6d02;
    border-color: #ffffffed;
    color: #fff !important;
}


.skin-orange-light .main-sidebar,
.skin-orange-light .left-side {
    box-shadow: 0 2px 8px rgba(184, 94, 2, 0.35);
}

.skin-orange-light .main-header .logo:hover {
    background-color: #fff9f2;
}



/* .skin-orange-light .menu_list_main {
        background: linear-gradient(90deg, rgb(163, 37, 49) -15%, rgb(39, 47, 84) 90%);
    }
    .skin-orange-light .count.menu-name{
        color: #fff;
    } */