.logo1 {
    color: #fff;
    border-bottom: 0 solid transparent;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 20px;
}

.main-header .navbar.nav > div > a {
    color: #fff;
    height: 54px;
}

    .main-header .navbar.nav > div > a:hover,
    .skin-blue .main-header .navbar.nav > div > a:active,
    .skin-blue .main-header .navbar.nav > div > 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 {
        background: rgba(0, 0, 0, 0.1);
        color: #f6f6f6;
        /* height: 50px; */
    }

.main-header .navbar .navbar-custom-menu > .nav {
    /* margin-left: 21%; */
    /* float: right; */
    /* margin-right: 18px; */
    margin-top: -3px;
    /* margin-left: 85px; */
}

.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); */
        background: #03afc5;
    }

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background: 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: #03afc5 !important;
    color: #fff;
    border-bottom: 0 solid transparent;
    /* padding-left: 0; */
    /* padding-right: 0; */
}

.skin-black .main-header .logo {
    background: #4b5b77 !important;
    color: #fff;
    border-bottom: 0 solid transparent;
    /* padding-left: 0; */
    /* padding-right: 0; */
}

.skin-purple .main-header .logo {
    background: #716aca !important;
    color: #fff;
    border-bottom: 0 solid transparent;
    /* padding-left: 0; */
    /* padding-right: 0; */
}

.skin-blue .main-header .logo > a {
    color: #fff;
}

.skin-blue .main-header .logo:hover {
    background: #01bcd4 !important;
}

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

/* .skin-blue .content-header {
    background: transparent;
    border-left: 37px solid transparent;
    border-right: 25px solid transparent;
} */

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

.skin-blue .sidebar-menu > li.header {
    color: #a5a5a5;
    background: #404e66;
}

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

    .skin-blue .sidebar-menu > li > a:hover,
    .skin-blue .sidebar-menu > li > a.active {
        color: #fff;
        background: #38445a;
        border-left-color: #01bcd4;
    }

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

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background: #38445a;
}

.skin-blue .sidebar a {
    color: #dcdcdc !important;
}

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

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

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

.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #38445a;
    margin: 10px 10px;
    /* z-index: 99999; */
}

    .skin-blue .sidebar-form input[type="text"],
    .skin-blue .sidebar-form .btn {
        box-shadow: none;
        background: #38445a;
        border: 1px solid transparent;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

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

        .skin-blue .sidebar-form input[type="text"]:focus,
        .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background: #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 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

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

    .skin-blue.layout-top-nav .main-header > .logo > a {
        color: #fff;
    }

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

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

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

        /* .skin-black .main-header>.navbar.nav>div>a:hover,
.skin-black .main-header>.navbar.nav>div>a:active,
.skin-black .main-header>.navbar.nav>div>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 {
    background: #fff;
    color: #999;/
} */

        .skin-black .main-header > .navbar .navbar-custom-menu > .nav {
            margin-right: 10px;
        }

        .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: #fff;
            /* 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: #425068;
        color: #fff;
        border-bottom: 0 solid transparent;
        /* border-right: 1px solid #eee */
    }

        .skin-black .main-header > .logo > a {
            color: #333;
        }

        .skin-black .main-header > .logo:hover {
            background: #404e64;
        }

@media (max-width: 767px) {
    .skin-black .main-header > .logo {
        background: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-black .main-header > .logo > a {
            color: #fff;
        }

        .skin-black .main-header > .logo:hover {
            background: #1f1f1f;
        }
}

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

.skin-black .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-black .user-panel > .image > img {
    border: 1px solid #444;
}

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

.skin-black .main-sidebar,
.skin-black .left-side,
.skin-black .wrapper {
    background: #38445a;
}

.skin-black .sidebar > .sidebar-menu > li.header {
    background: #38445a;
    color: rgba(255, 255, 255, 0.4);
}

.skin-black .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
    border-left: 3px solid transparent;
}

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

.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
    background: #333;
}

.skin-black .sidebar a {
    color: #dcdcdc !important;
}

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

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

    .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 #3c3c3c;
    margin: 10px 10px;
}

    .skin-black .sidebar-form input[type="text"],
    .skin-black .sidebar-form .btn {
        box-shadow: none;
        background: #38445a;
        border: 1px solid transparent;
        height: 34px;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

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

        .skin-black .sidebar-form input[type="text"]:focus,
        .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background: #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 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

.skin-green .main-header .navbar {
    background: #00b5b8;
}

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

        .skin-green .main-header .navbar.nav > div > a:hover,
        .skin-green .main-header .navbar.nav > div > a:active,
        .skin-green .main-header .navbar.nav > div > 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 {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-green .main-header .navbar .navbar-custom-menu > .nav {
        margin-right: 10px;
    }

    .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);
            background: #07a0a3;
        }

@media (max-width: 767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background: 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: #00b5b8;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-green .main-header .logo > a {
        color: #fff;
    }

    .skin-green .main-header .logo:hover {
        background: #07a0a3;
    }

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

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

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

.skin-green .sidebar-menu > li.header {
    color: #9e9e9e;
    background: #38445a;
}

.skin-green .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    margin-right: 1px;
}

    .skin-green .sidebar-menu > li > a:hover,
    .skin-green .sidebar-menu > li > a.active {
        color: #fff;
        background: #38445a;
        border-left-color: #00b5b8;
    }

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

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background: #394356;
}

.skin-green .sidebar a {
    color: #dcdcdc !important;
}

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

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

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

.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: #374850;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

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

        .skin-green .sidebar-form input[type="text"]:focus,
        .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background: #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 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

.skin-red .main-header .navbar {
    background: #f75a5f;
    /* background-color: white; */
}

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

        .skin-red .main-header .navbar.nav > div > a:hover,
        .skin-red .main-header .navbar.nav > div > a:active,
        .skin-red .main-header .navbar.nav > div > 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 {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-red .main-header .navbar .navbar-custom-menu > .nav {
        margin-right: 10px;
    }

a:hover {
    cursor: pointer;
}

.skin-red a:hover,
.skin-blue a:hover,
.skin-black a:hover,
.skin-purple a:hover,
.skin-purplelove a:hover,
.skin-orangebold a:hover,
.skin-darkblack a:hover,
.skin-ligthpurple a:hover,
.skin-leafgreen a:hover,
.skin-navyblue a:hover,
.skin-babypink a:hover {
    color: #fff;
}

.pointer:hover,
.skin-red .pointer:hover,
.skin-blue .pointer:hover,
.skin-black .pointer:hover,
.skin-purple .pointer:hover,
.skin-purplelove .pointer:hover,
.skin-orangebold .pointer:hover,
.skin-darkblack .pointer:hover,
.skin-ligthpurple .pointer:hover,
.skin-leafgreen .pointer:hover,
.skin-navyblue .pointer:hover,
.skin-babypink .pointer:hover {
    color: #4925a1 !important;
}

.skin-red .no-print {
    color: #3360c6 !important;
}

.skin-blue .no-print {
    color: #2e8e79 !important;
}

.skin-black .no-print {
    color: #b6447b !important;
}

.skin-purple .no-print {
    color: #dd814a !important;
}

.skin-green .no-print {
    color: #00b5b8 !important;
}

.skin-yellow .no-print {
    color: #723964 !important;
}

.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); */
        background: #e94b50;
    }

@media (max-width: 767px) {
    .skin-red .main-header .navbar .dropdown-menu li.divider {
        background: 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: #f75a5f;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-red .main-header .logo > a {
        color: #fff;
    }

    .skin-red .main-header .logo:hover {
        background: #f16468;
    }

.skin-red .main-header li.user-header {
    background: #dd4b39;
}

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

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

.skin-red .sidebar-menu > li.header {
    color: #9e9e9e;
    background: #38445a;
}

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

    .skin-red .sidebar-menu > li > a:hover,
    .skin-red .sidebar-menu > li > a.active {
        color: #fff;
        background: #38445a;
        border-left-color: #ff425b;
    }

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

.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
    background: #38445a;
}

.skin-red .sidebar a {
    color: #dcdcdc !important;
}

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

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

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

.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: #38445a;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

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

        .skin-red .sidebar-form input[type="text"]:focus,
        .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background: #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 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

/* .skin-red  OLD */

/* .skin-yellow OLD */
.skin-yellow .main-header .navbar {
    background: #ffb745;
}

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

        .skin-yellow .main-header .navbar.nav > div > a:hover,
        .skin-yellow .main-header .navbar.nav > div > a:active,
        .skin-yellow .main-header .navbar.nav > div > 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 {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-yellow .main-header .navbar .navbar-custom-menu > .nav {
        margin-right: 10px;
    }

    .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); */
            background: #eba91d;
        }

@media (max-width: 767px) {
    .skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background: 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: #ffb745;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-yellow .main-header .logo > a {
        color: #fff;
    }

    .skin-yellow .main-header .logo:hover {
        background: #f7ad39;
    }

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

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

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

.skin-yellow .sidebar-menu > li.header {
    color: #9e9e9e;
    background: #38445a;
}

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

    .skin-yellow .sidebar-menu > li > a:hover,
    .skin-yellow .sidebar-menu > li > a.active {
        color: #fff;
        background: #38445a;
        border-left-color: #ffb822;
    }

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

.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
    background: #38445a;
}

.skin-yellow .sidebar a {
    color: #dcdcdc !important;
}

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

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

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

.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: #38445a;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

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

        .skin-yellow .sidebar-form input[type="text"]:focus,
        .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background: #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 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

/* .skin-yellow OLD */

.skin-purple .main-header .navbar {
    background: #716aca;
}

.skin-blue .main-header .navbar {
    background: #00bcd4;
    /*background-image: linear-gradient(135deg, #1750A5, #40C057);*/
    background-repeat: repeat-x;
}

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

    .skin-purple .main-header .navbar.nav > div > a:hover,
    .skin-purple .main-header .navbar.nav > div > a:active,
    .skin-purple .main-header .navbar.nav > div > 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 {
        background: rgba(0, 0, 0, 0.1);
        color: #f6f6f6;
    }

.skin-purple .main-header .navbar .navbar-custom-menu > .nav {
    margin-right: 10px;
}

.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); */
        background: #555299;
    }

@media (max-width: 767px) {
    .skin-purple .main-header .navbar .dropdown-menu li.divider {
        background: 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: #6862b7; */
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-purple .main-header .logo > a {
        color: #fff;
    }

    .skin-purple .main-header .logo:hover {
        background: #545096;
    }

.skin-purple .main-header li.user-header {
    background: #605ca8;
}

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

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

.skin-purple .sidebar-menu > li.header {
    color: #dcdcdc !important;
    background: #38445a;
}

.skin-purple .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    margin-right: 1px;
}

    .skin-purple .sidebar-menu > li > a:hover,
    .skin-purple .sidebar-menu > li > a.active {
        color: #fff;
        background: #38445a;
        border-left-color: #605ca8;
    }

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

.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background: #38445a;
}

.skin-purple .sidebar a {
    color: #dcdcdc !important;
}

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

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

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

.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: #374850;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }

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

        .skin-purple .sidebar-form input[type="text"]:focus,
        .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background: #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 !important;
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        border-bottom-left-radius: 0 !important;
    }

.skin-blue input:not([type]):focus:not([readonly]),
.skin-blue input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-blue textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #01bcd4;
    -webkit-box-shadow: 0 2px 0 0 #01bcd4;
    box-shadow: 0 2px 0 0 #01bcd4;
    /* padding: 25px 0px; */
    /* height: 35.5px; */
}

.skin-green input:not([type]):focus:not([readonly]),
.skin-green input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-green input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-green textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #00b5b8;
    -webkit-box-shadow: 0 2px 0 0 #00b5b8;
    box-shadow: 0 2px 0 0 #00b5b8;
}

.skin-red input:not([type]):focus:not([readonly]),
.skin-red input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-red textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #f13d56;
    -webkit-box-shadow: 0 2px 0 0 #f13d56;
    box-shadow: 0 2px 0 0 #f13d56;
}

.skin-yellow input:not([type]):focus:not([readonly]),
.skin-yellow input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-yellow textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #eba91d;
    -webkit-box-shadow: 0 2px 0 0 #eba91d;
    box-shadow: 0 2px 0 0 #eba91d;
}

.skin-black input:not([type]):focus:not([readonly]),
.skin-black input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-black textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #444;
    -webkit-box-shadow: 0 2px 0 0 #444;
    box-shadow: 0 2px 0 0 #444;
}

.skin-purple input:not([type]):focus:not([readonly]),
.skin-purple input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-purple textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #605ca8;
    -webkit-box-shadow: 0 2px 0 0 #605ca8;
    box-shadow: 0 2px 0 0 #605ca8;
}

.skin-blue .dropdown-content li > a,
.skin-blue .dropdown-content li > span {
    color: #3c8dbc;
}

.skin-purple .dropdown-content li > a,
.skin-purple .dropdown-content li > span {
    color: #605ca8;
}

.skin-black .dropdown-content li > a,
.skin-black .dropdown-content li > span {
    color: #444;
}

.skin-red .dropdown-content li > a,
.skin-red .dropdown-content li > span {
    color: #dd4b39;
}

.skin-yellow .dropdown-content li > a,
.skin-yellow .dropdown-content li > span {
    color: #f39c12;
}

.skin-green .dropdown-content li > a,
.skin-green .dropdown-content li > span {
    color: #00a65a;
}

.ctl00_Menu1_3,
.ctl00_Menu1_3:hover {
    font-size: 16px !important;
    font-weight: 600;
}

/*
.skin-red .ctl00_Menu1_5,
.skin-red .top-panel{
background:#b15053 !important;
}

.skin-blue .ctl00_Menu1_5,
.skin-blue .top-panel{
background:#0bb0c6 !important;
}
    
.skin-purple .ctl00_Menu1_5,
.skin-purple .top-panel{
background:#645db7 !important;
}
    .skin-yellow .ctl00_Menu1_5,
.skin-yellow .top-panel{
background:#eba91d !important;
}
.skin-green .ctl00_Menu1_5,
.skin-green .top-panel{
background:#05a6a9 !important;
}
    */
/*
.skin-red .table.table-bordered tbody tr:first-child, 
.skin-red table thead tr,
.skin-red [type="radio"]:checked + label:after, 
.skin-red [type="radio"].with-gap:checked + label:after{
background:#b15053;
}
.skin-red .sidebar-menu > li > .hover:hover, 
.skin-red .sidebar-menu > li > .hover.active,
.skin-red .btn.btn-search,
.skin-red [type="radio"]:checked + label:after, 
.skin-red [type="radio"].with-gap:checked + label:before, 
.skin-red [type="radio"].with-gap:checked + label:after{
    background: #b15053 !important;
    border-color: #b15053 !important;
}
    */

/*skin-red
.skin-black .main-header > .navbar,
.skin-black .user.user-menu{
background:transparent;
}
/*.skin-black .main-header .navbar{
    background-image:none !important;
}*/
/*.skin-red .main-sidebar{
    background: #f75a5f !important;
}

.skin-purple .main-sidebar{
    background: #645db7 !important;
}
.skin-green .main-sidebar{
    background: #05a6a9 !important;
}
.skin-yellow .main-sidebar{
    background: #eba91d !important;
}
.skin-red .sidebar a,
.skin-red .side-header span{
    color:#fff !important;
}*/
/*.skin-red a:hover,
.skin-blue a:hover,
.skin-black a:hover ,
.skin-purple a:hover ,
.skin-green a:hover ,
.skin-yellowr a:hover {
    color: #fff !important;
}
    */
/*.skin-babypink .hover:hover .img-icon:before,
.skin-babypink .main-header .navbar,
.skin-babypink .top-panel {
        background: #fff !important;
        box-shadow: none;

}*/
/*.skin-babypink .OrgDrop {
    color:  rgba(0,0,0,.5) !important;
    background: none !important;
    
}*/
/*.skin-babypink .main-header .sidebar-toggle:before ,
.skin-babypink .dropdown.notifications-menu a i,
.skin-babypink .side-icon.ques i {
    color:  rgba(0,0,0,.5) !important;
}*/
/*.skin-babypink .dropdown.notifications-menu a i:hover,
.skin-babypink .side-icon.ques i:hover {
    color: rgba(0,0,0,.7);
}*/
/*.skin-babypink .navbar-nav > .notifications-menu{
    background: none;
}*/
/*.skin-babypink select.OrgDrop.dropdown option {
background: #fff !important;
    color: #000 !important;

}*/
/*.skin-babypink select.OrgDrop.dropdown option {
background: #495974 !important;
    color:#fff!important;
   
}*/
/*.skin-navyblue .OrgDrop {
    color: #333;
}*/
/*.skin-navyblue .side-icon.ques i,
.skin-navyblue .ctl00_Menu1_3 ,
.skin-navyblue .main-header .sidebar-toggle:before ,
.skin-navyblue .dropdown.notifications-menu a i {
    color: #000;
}*/

/*.skin-navyblue .table.table-bordered tbody tr:first-child,
.skin-navyblue table thead tr {
    background: rgb(132 188 255) !important;
}*/
/*.skin-orangebold .table.table-bordered tbody tr:first-child,
.skin-orangebold table thead tr {
    background: rgb(251, 212, 186) !important;
}*/

/*.skin-orangebold .table a {
    color: #fff !important;
}*/
/*.skin-leafgreen .table.table-bordered tbody tr:first-child,
.skin-leafgreen table thead tr {
    background: rgb(190, 241, 204) !important;
}*/
/*.skin-darkblack .table.table-bordered tbody tr:first-child,
.skin-darkblack table thead tr {
    background: rgb(155 157 159) !important;
}*/
/*.skin-yellow .table.table-bordered tbody tr:first-child,
.skin-yellow table thead tr {
    background: linear-gradient(135deg, #707ac1, #f18983) !important;
    color: #fff !important;
}*

/*.skin-red .table.table-bordered tbody tr:first-child,
.skin-red table thead tr {
    background: linear-gradient(135deg, #b8abdd, #bbddff) !important;
}*/
/*.skin-blue .table.table-bordered tbody tr:first-child,
.skin-blue table thead tr {
    background: linear-gradient(135deg, #92a7c7, #9ad7a5) !important;
}*/

/*----------------------skin ligthpurple css---------------*/

/*.skin-ligthpurple .sidebar-menu > li > .hover:hover,
.skin-ligthpurple .sidebar-menu > li > .hover.active,
.skin-ligthpurple .sidebar-menu .side-header {
    color: #fff;
background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #01bcd4;
}
.skin-ligthpurple select.OrgDrop.dropdown option {
background: #7441DB !important;
    color:#fff!important;
   
}
.skin-ligthpurple .ctl00_Menu1_5
{
background : transparent !important;
}
.skin-ligthpurple .bg-light-blue, 
.skin-ligthpurple .label-primary, 
.skin-ligthpurple .modal-primary .modal-body,
.skin-ligthpurple .top-panel, 
.skin-ligthpurple .main-header .navbar,
.skin-ligthpurple .hover.active .img-icon:before, 
.skin-ligthpurple .hover:hover .img-icon:before {
        background: #7441DB !important;

}
.skin-ligthpurple .user.user-menu {
    background: unset !important;
}
.skin-ligthpurple .table.table-bordered tbody tr:first-child, 
.skin-ligthpurple table thead tr {
    background: rgb(212, 197, 243);
}
.skin-ligthpurple .btn.btn-search {
    background: rgb(136, 96, 213);
}
.skin-ligthpurple .main-sidebar{
    background: #7441DB !important;
    background-repeat: repeat-x;
}
    .skin-blue input:not([type]):focus:not([readonly]), .skin-blue input[type=text]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=password]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=email]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=url]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=time]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=date]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=datetime]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=tel]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=number]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=search]:not(.browser-default):focus:not([readonly]), .skin-blue textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #01bcd4;
    -webkit-box-shadow: 0 2px 0 0 #01bcd4;
    box-shadow: 0 2px 0 0 #01bcd4;
    
}

*/
/*----------------------skin lightpurple css---------------*/
/*----------------------skin purplelove css---------------*/

/*.skin-purplelove .sidebar-menu > li > .hover:hover,
.skin-purplelove .sidebar-menu > li > .hover.active,
.skin-purplelove .sidebar-menu .side-header {
    color: #fff;
background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #01bcd4;
}
.skin-purplelove select.OrgDrop.dropdown option {
background: #495974 !important;
    color:#fff!important;
}
.skin-purplelove .ctl00_Menu1_5
{
background : transparent !important;
}
.skin-purplelove .bg-light-blue, 
.skin-purplelove .label-primary, 
.skin-purplelove .modal-primary .modal-body,
.skin-purplelove .top-panel, 
.skin-purplelove .main-header .navbar,
.skin-purplelove .hover.active .img-icon:before, 
.skin-purplelove .hover:hover .img-icon:before {
        background: linear-gradient(135deg, #562DB7, #C89CFF) !important;

}
.skin-purplelove .user.user-menu {
    background: unset !important;
}
.skin-purplelove .table.table-bordered tbody tr:first-child, 
.skin-purplelove table thead tr {
    background: rgb(212, 197, 243);
}
.skin-purplelove .btn.btn-search {
    background: rgb(136, 96, 213);
}
.skin-purplelove .main-sidebar{
    background: linear-gradient(135deg, #562DB7, #C89CFF) !important;
    background-repeat: repeat-x;
}
    .skin-blue input:not([type]):focus:not([readonly]), .skin-blue input[type=text]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=password]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=email]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=url]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=time]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=date]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=datetime]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=tel]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=number]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=search]:not(.browser-default):focus:not([readonly]), .skin-blue textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #01bcd4;
    -webkit-box-shadow: 0 2px 0 0 #01bcd4;
    box-shadow: 0 2px 0 0 #01bcd4;
    

*/

/*----------------------skin purplelove css---------------*/
/*----------------------skin green css---------------*/

/*.skin-green .sidebar-menu > li > .hover:hover,
.skin-green .sidebar-menu > li > .hover.active,
.skin-green .sidebar-menu .side-header {
    color: #fff;
background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #01bcd4;
}
.skin-green select.OrgDrop.dropdown option {
background: #495974 !important;
    color:#fff!important;
}
.skin-green .ctl00_Menu1_5
{
background : transparent !important;
}
.skin-green .bg-light-blue, 
.skin-green .label-primary, 
.skin-green .modal-primary .modal-body,
.skin-green .top-panel, 
.skin-green .main-header .navbar,
.skin-green .hover.active .img-icon:before, 
.skin-green .hover:hover .img-icon:before{
       background: linear-gradient(135deg, #D46010, #226CC5) !important;

}
.skin-green .user.user-menu {
    background: unset !important;
}

.skin-green .table.table-bordered tbody tr:first-child, 
.skin-green table thead tr {
    background: rgb(220, 194, 179);
}
   .skin-green .main-sidebar{
    background-image: linear-gradient(135deg, #D46010, #226CC5) !important;
    background-repeat: repeat-x;
}
.skin-green .btn.btn-search{
  background: rgb(152, 101, 78);
}
.skin-blue input:not([type]):focus:not([readonly]), .skin-blue input[type=text]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=password]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=email]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=url]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=time]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=date]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=datetime]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=tel]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=number]:not(.browser-default):focus:not([readonly]), .skin-blue input[type=search]:not(.browser-default):focus:not([readonly]), .skin-blue textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #01bcd4;
    -webkit-box-shadow: 0 2px 0 0 #01bcd4;
    box-shadow: 0 2px 0 0 #01bcd4;
}

*/
/*----------------------skin green---------------*/

/*----------------------New Color codes and CSS -----------------*/
/*----------------------skin blue linear-gradient(135deg, #1750a5, #40c057) css---------------*/
.skin-blue .sidebar-menu > li > .hover:hover,
.skin-blue .sidebar-menu > li > .hover.active,
.skin-blue .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #1750a5;
}

.skin-blue .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-blue .bg-light-blue,
.skin-blue .label-primary,
.skin-blue .modal-primary .modal-body,
.skin-blue .top-panel,
.skin-blue .hover.active .img-icon:before,
.skin-blue .hover:hover .img-icon:before,
.skin-blue .ctl00_Menu1_8,
.skin-blue .main-header .navbar {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
}

.skin-blue select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-blue .btn-outline {
    border: 1px solid #1750a5;
}

    .skin-blue .btn-outline:hover {
        background-color: #1750a5;
        color: #fff !important;
        border: 1px solid #1750a5;
    }

.skin-blue .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-blue .table.table-bordered tbody tr#trHeader,
.skin-blue .table.table-bordered tbody tr:first-child,
.skin-blue .table.table-bordered tbody tr:first-child th,
.skin-blue table#Atddiv thead tr,
.skin-blue table thead tr {
    background: #2a857f !important;
    color: #fff !important;
}

.skin-blue .btn.btn-search {
    background: #1d609a !important;
}

.skin-blue .ctl00_Menu1_3,
.skin-black .ctl00_Menu1_3:hover,
.skin-blue .table a {
    color: #1750a5 !important;
}

.skin-blue .main-sidebar {
    background-image: linear-gradient(135deg, #1750a5, #40c057) !important;
    background-repeat: repeat-x;
}

.skin-blue input:not([type]):focus:not([readonly]),
.skin-blue input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-blue input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-blue textarea.materialize-textarea:focus:not([readonly]),
.skin-blue .form-control:focus {
    border-bottom: 2px solid rgb(31, 88, 155) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(31, 88, 155) !important;
    box-shadow: 0 2px 0 0 rgb(31, 88, 155) !important;
}

.skin-blue .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-blue .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-blue .nav-tabs > li:hover {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
    color: #fff !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .logo:hover {
    background: unset !important;
}

.skin-blue .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
.skin-blue .tabs-style-iconbox .ajax__tab_header {
    border-bottom: 0px solid rgb(31, 88, 155) !important;
    color: #fff !important;
}

.skin-blue .navgraybackground .nav.nav-tabs > li.active {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
}

.skin-blue .user.user-menu,
.skin-blue .main-header .navbar {
    background: transparent !important;
}

.skin-blue .main-header .navbar {
    background-image: unset !important;
}

.skin-blue .main-header {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
}

.skin-blue .dashboardmaindiv .buttonLBlue,
.skin-blue #ctl00_CP_ManageDashletButton {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
}

.skin-blue .btn.btn-library,
.skin-blue .btn.btn-assign {
    background: #1d609a !important;
    border-color: unset;
}

.skin-blue .btn.btn-back,
.skin-blue .btn.btn-add {
    background: #1d609a !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-blue .text-light-blue {
    color: #1750a5 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-blue .rt-chkbox > span:after {
    border: 1px solid #1750a5 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-blue [type="checkbox"]:checked + label:before {
    border-right: 2px solid #1750a5;
    border-bottom: 2px solid #40c057;
}

.skin-blue .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-blue .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
    color: #fff !important;
}

.skin-blue .nav-tabs > li.active,
.skin-blue .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
}

.skin-blue .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin blue linear-gradient(135deg, #1750a5, #40c057) css---------------*/

/*----------------------skin black linear-gradient(135deg, #562db7, #f55252) css---------------*/

.skin-black .sidebar-menu > li > .hover:hover,
.skin-black .sidebar-menu > li > .hover.active,
.skin-black .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #562db7;
}

.skin-black .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-black .bg-light-blue,
.skin-black .label-primary,
.skin-black .modal-primary .modal-body,
.skin-black .top-panel,
.skin-black .main-header,
.skin-black .hover.active .img-icon:before,
.skin-black .hover:hover .img-icon:before,
.skin-black .ctl00_Menu1_8 {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
}

.skin-black select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-black .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-black .table.table-bordered tbody tr#trHeader,
.skin-black .table.table-bordered tbody tr:first-child,
.skin-black .table.table-bordered tbody tr:first-child th,
.skin-black table#Atddiv thead tr,
.skin-black table thead tr {
    background: #a23f86 !important;
    color: #fff !important;
}

.skin-black .btn.btn-search {
    background: #6c32aa !important;
}

.skin-black .ctl00_Menu1_3,
.skin-black .ctl00_Menu1_3:hover,
.skin-black .table a {
    color: #582db5 !important;
}

.skin-black .main-sidebar {
    background-image: linear-gradient(135deg, #562db7, #f55252) !important;
    background-repeat: repeat-x;
}

.skin-black input:not([type]):focus:not([readonly]),
.skin-black input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-black input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-black textarea.materialize-textarea:focus:not([readonly]),
.skin-black .form-control:focus {
    border-bottom: 2px solid rgb(151, 90, 255) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(151, 90, 255) !important;
    box-shadow: 0 2px 0 0 rgb(151, 90, 255) !important;
}

.skin-black .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-black .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-black .nav-tabs > li:hover {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
    color: #fff !important;
}

    .skin-black .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-black .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(151, 90, 255) !important;
        color: #fff !important;
    }

.skin-black .sidebar > .sidebar-menu > li.header {
    background: #562db7;
    color: rgb(255 255 255);
}

.skin-black .navgraybackground .nav.nav-tabs > li.active {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
}

.skin-black .user.user-menu,
.skin-black .main-header .navbar {
    background: transparent !important;
}

.skin-black .main-header .navbar {
    background-image: unset !important;
}

.skin-black .main-header {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
}

.skin-black .dashboardmaindiv .buttonLBlue,
.skin-black #ctl00_CP_ManageDashletButton {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
}

.skin-black .btn.btn-library,
.skin-black .btn.btn-assign {
    background: #6c32aa !important;
    border-color: unset;
}

.skin-black .btn.btn-back,
.skin-black .btn.btn-add {
    background: #6c32aa !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-black .card-head.inner header:before,
.skin-black .card-head.inner header:after {
    border-bottom: 2px solid #562db7 !important;
}

.skin-black .card-head.inner header {
    border: 2px solid #562db7;
}

.skin-black .text-light-blue {
    color: #562db7 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-black .rt-chkbox > span:after {
    border: 1px solid #562db7 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-black [type="checkbox"]:checked + label:before {
    border-right: 2px solid #f55252;
    border-bottom: 2px solid #562db7;
}

.skin-black .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-black .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
    color: #fff !important;
}

.skin-black .nav-tabs > li.active,
.skin-black .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: linear-gradient(135deg, #562db7, #f55252) !important;
}

.skin-black .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

.skin-black .btn-outline {
    border: 1px solid #f55252;
}

    .skin-black .btn-outline:hover {
        background-color: #f55252;
        color: #fff !important;
        border: 1px solid #f55252;
    }

/*----------------------skin black linear-gradient(135deg, #562db7, #f55252) css---------------*/

/*----------------------skin purple linear-gradient(135deg, #8e1a38, #faa750) css---------------*/

.skin-purple .sidebar-menu > li > .hover:hover,
.skin-purple .sidebar-menu > li > .hover.active,
.skin-purple .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #8e1a38;
}

.skin-purple .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-purple .bg-light-blue,
.skin-purple .label-primary,
.skin-purple .modal-primary .modal-body,
.skin-purple .top-panel,
.skin-purple .main-header .navbar,
.skin-purple .hover.active .img-icon:before,
.skin-purple .hover:hover .img-icon:before,
.skin-purple .ctl00_Menu1_8 {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
}

.skin-purple select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-purple .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-purple .table.table-bordered tbody tr#trHeader,
.skin-purple .table.table-bordered tbody tr:first-child,
.skin-purple .table.table-bordered tbody tr:first-child th,
.skin-purple table#Atddiv thead tr,
.skin-purple table thead tr {
    background: #c25e43 !important;
    color: #fff !important;
}

.skin-purple .btn.btn-search {
    background: #a83c3e !important;
}

.skin-purple .ctl00_Menu1_3,
.skin-purple .ctl00_Menu1_3:hover,
.skin-purple .table a {
    color: #8e1a38 !important;
}

.skin-purple .main-sidebar {
    background-image: linear-gradient(135deg, #8e1a38, #faa750) !important;
    background-repeat: repeat-x;
}

.skin-purple input:not([type]):focus:not([readonly]),
.skin-purple input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-purple input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-purple textarea.materialize-textarea:focus:not([readonly]),
.skin-purple .form-control:focus {
    border-bottom: 2px solid rgb(183, 83, 69) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(183, 83, 69) !important;
    box-shadow: 0 2px 0 0 rgb(183, 83, 69) !important;
}

.skin-purple .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-purple .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-purple .nav-tabs > li:hover {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
    color: #fff !important;
}

    .skin-purple .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-purple .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(183, 83, 69) !important;
        color: #fff !important;
    }

.skin-purple .navgraybackground .nav.nav-tabs > li.active {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
}

.skin-purple .user.user-menu,
.skin-purple .main-header .navbar {
    background: transparent !important;
}

.skin-purple .main-header .navbar {
    background-image: unset !important;
}

.skin-purple .main-header {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
}

.skin-purple .dashboardmaindiv .buttonLBlue,
.skin-purple #ctl00_CP_ManageDashletButton {
    background: #e19467 !important;
}

.skin-purple .btn.btn-library,
.skin-purple .btn.btn-assign {
    background: #a83c3e !important;
    border-color: unset;
}

.skin-purple .btn.btn-back,
.skin-purple .btn.btn-add {
    background: #a83c3e !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-purple .card-head.inner header:before,
.skin-purple .card-head.inner header:after {
    border-bottom: 2px solid #8e1a38 !important;
}

.skin-purple .card-head.inner header {
    border: 2px solid #8e1a38;
}

.skin-purple .text-light-blue {
    color: #8e1a38 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-purple .btn-outline {
    border: 1px solid #8e1a38;
}

    .skin-purple .btn-outline:hover {
        background-color: #8e1a38;
        border: 1px solid #8e1a38;
        color: #fff !important;
    }

.skin-purple .rt-chkbox > span:after {
    border: 1px solid #8e1a38 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-purple [type="checkbox"]:checked + label:before {
    border-right: 2px solid #8e1a38;
    border-bottom: 2px solid #faa750;
}

.skin-purple .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-purple .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
    color: #fff !important;
}

.skin-purple .nav-tabs > li.active,
.skin-purple .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
}

.skin-purple .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin purple linear-gradient(135deg, #8e1a38, #faa750) css---------------*/

/*----------------------skin red linear-gradient(135deg, #3b1c93, #2f8be6) css---------------*/

.skin-red .sidebar-menu > li > .hover:hover,
.skin-red .sidebar-menu > li > .hover.active,
.skin-red .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #3b1c93;
}

.skin-red .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-red .bg-light-blue,
.skin-red .label-primary,
.skin-red .modal-primary .modal-body,
.skin-red .top-panel,
.skin-red .main-header .navbar,
.skin-red .hover.active .img-icon:before,
.skin-red .hover:hover .img-icon:before,
.skin-red .ctl00_Menu1_8 {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
}

.skin-red .btn-outline {
    border: 1px solid #3b1c93;
}

    .skin-red .btn-outline:hover {
        background-color: #3b1c93;
        border: 1px solid #3b1c93;
        color: #fff !important;
    }

.skin-red select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-red .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-red .table.table-bordered tbody tr#trHeader,
.skin-red .table.table-bordered tbody tr:first-child,
.skin-red .table.table-bordered tbody tr:first-child th,
.skin-red table#Atddiv thead tr,
.skin-red table thead tr {
    background: #5673dd !important;
    color: #fff !important;
}

.skin-red .btn.btn-search {
    background: #3838a8 !important;
}

.skin-red .ctl00_Menu1_3,
.skin-red .ctl00_Menu1_3:hover,
.skin-red .table a {
    color: #3b2096 !important;
}

.skin-red .main-sidebar {
    background-image: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
    background-repeat: repeat-x;
}

.skin-red input:not([type]):focus:not([readonly]),
.skin-red input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-red input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-red textarea.materialize-textarea:focus:not([readonly]),
.skin-red .form-control:focus {
    border-bottom: 2px solid rgb(53, 86, 190) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(53, 86, 190) !important;
    box-shadow: 0 2px 0 0 rgb(53, 86, 190) !important;
}

.skin-red .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-red .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-red .nav-tabs > li:hover {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
    color: #fff !important;
}

    .skin-red .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-red .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(53, 86, 190) !important;
        color: #fff !important;
    }

.skin-red .navgraybackground .nav.nav-tabs > li.active {
    background: rgb(53, 86, 190) !important;
}

.skin-red .user.user-menu,
.skin-red .main-header .navbar {
    background: transparent !important;
}

.skin-red .main-header .navbar {
    background-image: unset !important;
}

.skin-red .main-header {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
}

.skin-red .dashboardmaindiv .buttonLBlue,
.skin-red #ctl00_CP_ManageDashletButton {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
}

.skin-red .btn.btn-library,
.skin-red .btn.btn-assign {
    background: #3838a8 !important;
    border-color: unset;
}

.skin-red .btn.btn-back,
.skin-red .btn.btn-add {
    background: #3838a8 !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-red .card-head.inner header:before,
.skin-red .card-head.inner header:after {
    border-bottom: 2px solid #3b1c93 !important;
}

.skin-red .card-head.inner header {
    border: 2px solid #3b1c93;
}

.skin-red .text-light-blue {
    color: #3b1c93 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-red .rt-chkbox > span:after {
    border: 1px solid #3b1c93 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-red [type="checkbox"]:checked + label:before {
    border-right: 2px solid #3b1c93;
    border-bottom: 2px solid #2f8be6;
}

.skin-red .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-red .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
    color: #fff !important;
}

.skin-red .nav-tabs > li.active,
.skin-red .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
}

.skin-red .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin red linear-gradient(135deg, #3b1c93, #2f8be6) css---------------*/

/*----------------------skin yellow linear-gradient(135deg, #2f3ea0, #ae342d) css---------------*/

.skin-yellow .sidebar-menu > li > .hover:hover,
.skin-yellow .sidebar-menu > li > .hover.active,
.skin-yellow .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #ae342d;
}

.skin-yellow .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-yellow .bg-light-blue,
.skin-yellow .label-primary,
.skin-yellow .modal-primary .modal-body,
.skin-yellow .top-panel,
.skin-yellow .main-header .navbar,
.skin-yellow .hover.active .img-icon:before,
.skin-yellow .hover:hover .img-icon:before,
.skin-yellow .ctl00_Menu1_8 {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
}

.skin-yellow select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-yellow .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-yellow .btn-outline {
    border: 1px solid #ae342d;
}

    .skin-yellow .btn-outline:hover {
        background-color: #ae342d;
        border: 1px solid #ae342d;
        color: #fff !important;
    }

.skin-yellow .table.table-bordered tbody tr#trHeader,
.skin-yellow .table.table-bordered tbody tr:first-child,
.skin-yellow .table.table-bordered tbody tr:first-child th,
.skin-yellow table#Atddiv thead tr,
.skin-yellow table thead tr {
    background: #7a5176 !important;
    color: #fff !important;
}

.skin-yellow .btn.btn-search {
    background: #ae342d !important;
}

.skin-yellow .ctl00_Menu1_3,
.skin-yellow .ctl00_Menu1_3:hover,
.skin-yellow .table a {
    color: #313e9e !important;
}

.skin-yellow .main-sidebar {
    background-image: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
    background-repeat: repeat-x;
}

.skin-yellow input:not([type]):focus:not([readonly]),
.skin-yellow input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-yellow input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-yellow textarea.materialize-textarea:focus:not([readonly]),
.skin-yellow .form-control:focus {
    border-bottom: 2px solid rgb(103, 58, 110) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(103, 58, 110) !important;
    box-shadow: 0 2px 0 0 rgb(103, 58, 110) !important;
}

.skin-yellow .form-control:focus {
    border-bottom: 2px solid rgb(103, 58, 110) !important;
}

.skin-yellow .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-yellow .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-yellow .nav-tabs > li:hover {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
    color: #fff !important;
}

    .skin-yellow .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-yellow .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(103, 58, 110) !important;
        color: #fff !important;
    }

.skin-yellow .navgraybackground .nav.nav-tabs > li.active {
    background: rgb(103, 58, 110) !important;
}

.skin-yellow .user.user-menu,
.skin-yellow .main-header .navbar {
    background: transparent !important;
}

.skin-yellow .main-header .navbar {
    background-image: unset !important;
}

.skin-yellow .main-header {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
}

.skin-yellow .dashboardmaindiv .buttonLBlue,
.skin-yellow #ctl00_CP_ManageDashletButton {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
}

.skin-yellow .btn.btn-library,
.skin-yellow .btn.btn-assign {
    background: #ae342d !important;
    border-color: unset;
}

.skin-yellow .btn.btn-back,
.skin-yellow .btn.btn-add {
    background: #ae342d !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-yellow .card-head.inner header:before,
.skin-yellow .card-head.inner header:after {
    border-bottom: 2px solid #2f3ea0 !important;
}

.skin-yellow .card-head.inner header {
    border: 2px solid #2f3ea0;
}

.skin-yellow .text-light-blue {
    color: #2f3ea0 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-yellow .rt-chkbox > span:after {
    border: 1px solid #2f3ea0 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-yellow [type="checkbox"]:checked + label:before {
    border-right: 2px solid #2f3ea0;
    border-bottom: 2px solid #ae342d;
}

.skin-yellow .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-yellow .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
    color: #fff !important;
}

.skin-yellow .nav-tabs > li.active,
.skin-yellow .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
}

.skin-yellow .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin yellow linear-gradient(135deg, #2f3ea0, #ae342d) css---------------*/

/*----------------------skin darkblack css---------------*/

.skin-darkblack .sidebar-menu > li > .hover:hover,
.skin-darkblack .sidebar-menu > li > .hover.active,
.skin-darkblack .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #000;
}

.skin-darkblack .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-darkblack .bg-light-blue,
.skin-darkblack .label-primary,
.skin-darkblack .modal-primary .modal-body,
.skin-darkblack .top-panel,
.skin-darkblack .main-header .navbar,
.skin-darkblack .hover.active .img-icon:before,
.skin-darkblack .hover:hover .img-icon:before,
.skin-darkblack .ctl00_Menu1_8 {
    background: #000 !important;
}

.skin-darkblack select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-darkblack .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-darkblack .user.user-menu {
    background: #000 !important;
}

.skin-darkblack .btn-outline {
    border: 1px solid #000;
}

    .skin-darkblack .btn-outline:hover {
        background-color: #000;
        border: 1px solid #000;
        color: #fff !important;
    }

.skin-darkblack .table.table-bordered tbody tr#trHeader,
.skin-darkblack .table.table-bordered tbody tr:first-child,
.skin-darkblack .table.table-bordered tbody tr:first-child th,
.skin-darkblack table#Atddiv thead tr,
.skin-darkblack table thead tr {
    background: rgb(155 157 159) !important;
    color: #000 !important;
}

.skin-darkblack .btn.btn-search {
    background: rgb(0, 0, 0) !important;
}

.skin-darkblack .ctl00_Menu1_3,
.skin-darkblack .ctl00_Menu1_3:hover,
.skin-darkblack .table a,
.skin-darkblack .no-print {
    color: #000 !important;
}

.skin-darkblack .main-sidebar {
    background: #000 !important;
    background-repeat: repeat-x;
}

.skin-darkblack input:not([type]):focus:not([readonly]),
.skin-darkblack input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-darkblack textarea.materialize-textarea:focus:not([readonly]),
.skin-darkblack .form-control:focus {
    border-bottom: 2px solid rgb(0, 0, 0) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(0, 0, 0) !important;
    box-shadow: 0 2px 0 0 rgb(0, 0, 0) !important;
}

.skin-darkblack .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-darkblack .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-darkblack .nav-tabs > li:hover {
    background: rgb(0, 0, 0) !important;
    color: #fff !important;
}

    .skin-darkblack .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-darkblack .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(0, 0, 0) !important;
        color: #fff !important;
    }

.skin-darkblack .navgraybackground .nav.nav-tabs {
    background: #f3f3f3;
    /*border-bottom: 2px solid #000;*/
}

.skin-darkblack .card-head.inner header:before,
.skin-darkblack .card-head.inner header:after {
    border-bottom: 2px solid #000;
}

.skin-darkblack .card-head.inner header {
    border: 2px solid #000;
}

.skin-darkblack .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-darkblack .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover,
.skin-darkblack .user.user-menu {
    background: #000 !important;
    color: #fff !important;
}

.skin-darkblack .navgraybackground .nav.nav-tabs > li.active {
    background: #000 !important;
}

.skin-darkblack .dashboardmaindiv .buttonLBlue,
.skin-darkblack #ctl00_CP_ManageDashletButton {
    background: #000 !important;
}

.skin-darkblack .btn.btn-library,
.skin-darkblack .btn.btn-assign {
    background: #000 !important;
    border-color: unset;
}

.skin-darkblack .btn.btn-back,
.skin-darkblack .btn.btn-add {
    background: #000 !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-darkblack .text-light-blue {
    color: #000 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-darkblack .rt-chkbox > span:after {
    border: 1px solid #000 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-darkblack [type="checkbox"]:checked + label:before {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.skin-darkblack .nav-tabs > li.active,
.skin-darkblack .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: #000 !important;
}

.skin-darkblack .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin darkblack css---------------*/

/*----------------------skin leafgreen css---------------*/

.skin-leafgreen .sidebar-menu > li > .hover:hover,
.skin-leafgreen .sidebar-menu > li > .hover.active,
.skin-leafgreen .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #2ea54f;
}

.skin-leafgreen .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-leafgreen .btn-outline {
    border: 1px solid #2ea54f;
}

    .skin-leafgreen .btn-outline:hover {
        background-color: #2ea54f;
        border: 1px solid #2ea54f;
        color: #fff !important;
    }

.skin-leafgreen .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-leafgreen .table.table-bordered tbody tr#trHeader,
.skin-leafgreen .table.table-bordered tbody tr:first-child,
.skin-leafgreen .table.table-bordered tbody tr:first-child th,
.skin-leafgreen table#Atddiv thead tr,
.skin-leafgreen table thead tr {
    background: rgb(190, 241, 204) !important;
    color: #2ea54f !important;
}

.skin-leafgreen .ctl00_Menu1_3,
.skin-leafgreen .ctl00_Menu1_3:hover,
.skin-leafgreen .table a {
    color: #2ea54f !important;
}

.skin-leafgreen .main-sidebar {
    background: #2ea54f !important;
    background-repeat: repeat-x;
}

.skin-leafgreen input:not([type]):focus:not([readonly]),
.skin-leafgreen input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-leafgreen textarea.materialize-textarea:focus:not([readonly]),
.skin-leafgreen .form-control:focus {
    border-bottom: 2px solid #2ea54f !important;
    -webkit-box-shadow: 0 2px 0 0 #2ea54f !important;
    box-shadow: 0 2px 0 0 #2ea54f !important;
}

.skin-leafgreen .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-leafgreen .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-leafgreen .nav-tabs > li:hover {
    background: #2ea54f !important;
    color: #fff !important;
}

    .skin-leafgreen .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-leafgreen .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid #2ea54f !important;
        color: #fff !important;
    }

.skin-leafgreen .navgraybackground .nav.nav-tabs {
    background: #f3f3f3;
    /*border-bottom: 2px solid #2ea54f;*/
}

.skin-leafgreen .no-print {
    color: #2ea54f !important;
}

.skin-leafgreen .card-head.inner header:before,
.skin-leafgreen .card-head.inner header:after {
    border-bottom: 2px solid #2ea54f;
}

.skin-leafgreen .card-head.inner header {
    border: 2px solid #2ea54f;
}

.skin-leafgreen .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-leafgreen .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover,
.skin-leafgreen .user.user-menu {
    background: #2ea54f !important;
    color: #fff !important;
}

.skin-leafgreen .navgraybackground .nav.nav-tabs > li.active,
.skin-leafgreen .user.user-menu,
.skin-leafgreen .btn.btn-search,
.skin-leafgreen .dashboardmaindiv .buttonLBlue,
.skin-leafgreen #ctl00_CP_ManageDashletButton,
.skin-leafgreen .bg-light-blue,
.skin-leafgreen .label-primary,
.skin-leafgreen .modal-primary .modal-body,
.skin-leafgreen .top-panel,
.skin-leafgreen .main-header .navbar,
.skin-leafgreen .hover.active .img-icon:before,
.skin-leafgreen .hover:hover .img-icon:before,
.skin-leafgreen .ctl00_Menu1_8 {
    background: #2ea54f !important;
}

.skin-leafgreen select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-leafgreen .btn.btn-library,
.skin-leafgreen .btn.btn-assign {
    background: #2ea54f !important;
    border-color: unset;
}

.skin-leafgreen .btn.btn-back,
.skin-leafgreen .btn.btn-add {
    background: #2ea54f !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-leafgreen .text-light-blue {
    color: #2ea54f !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-leafgreen .rt-chkbox > span:after {
    border: 1px solid #2ea54f !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-leafgreen [type="checkbox"]:checked + label:before {
    border-right: 2px solid #2ea54f;
    border-bottom: 2px solid #2ea54f;
}

.skin-leafgreen .nav-tabs > li.active,
.skin-leafgreen .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: #2ea54f !important;
}

.skin-leafgreen .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin leafgreen css---------------*/

/*----------------------skin orangebold css---------------*/

.skin-orangebold .sidebar-menu > li > .hover:hover,
.skin-orangebold .sidebar-menu > li > .hover.active,
.skin-orangebold .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #d46010;
}

.skin-orangebold .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-orangebold .bg-light-blue,
.skin-orangebold .label-primary,
.skin-orangebold .modal-primary .modal-body,
.skin-orangebold .top-panel,
.skin-orangebold .main-header .navbar,
.skin-orangebold .hover.active .img-icon:before,
.skin-orangebold .hover:hover .img-icon:before,
.skin-orangebold .ctl00_Menu1_8,
.skin-orangebold .user.user-menu,
.skin-orangebold .btn.btn-search,
.skin-orangebold .navgraybackground .nav.nav-tabs > li.active,
.skin-orangebold .dashboardmaindiv .buttonLBlue,
.skin-orangebold #ctl00_CP_ManageDashletButton {
    background: #ffb745 !important;
}

.skin-orangebold select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-orangebold .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-orangebold .ctl00_Menu1_3,
.skin-orangebold .ctl00_Menu1_3:hover,
.skin-orangebold .table a,
.skin-orangebold .no-print {
    color: #ffb745 !important;
}

.skin-orangebold .btn-outline {
    border: 1px solid #d46010;
}

    .skin-orangebold .btn-outline:hover {
        background-color: #d46010;
        border: 1px solid #d46010;
        color: #fff !important;
    }

.skin-orangebold .table.table-bordered tbody tr#trHeader,
.skin-orangebold .table.table-bordered tbody tr:first-child,
.skin-orangebold .table.table-bordered tbody tr:first-child th,
.skin-orangebold table#Atddiv thead tr,
.skin-orangebold table thead tr {
    background: rgb(251, 212, 186) !important;
    color: #d46010 !important;
}

.skin-orangebold .main-sidebar {
    background: #ffb745 !important;
    background-repeat: repeat-x;
}

.skin-orangebold input:not([type]):focus:not([readonly]),
.skin-orangebold input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-orangebold textarea.materialize-textarea:focus:not([readonly]),
.skin-orangebold .form-control:focus {
    border-bottom: 2px solid rgb(212, 96, 16) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(212, 96, 16) !important;
    box-shadow: 0 2px 0 0 rgb(212, 96, 16) !important;
}

.skin-orangebold .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-orangebold .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-orangebold .nav-tabs > li:hover {
    background: rgb(212, 96, 16) !important;
    color: #fff !important;
}

    .skin-orangebold .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-orangebold .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(212, 96, 16) !important;
        color: #fff !important;
    }

.skin-orangebold .navgraybackground .nav.nav-tabs {
    background: #f3f3f3;
    /*border-bottom: 2px solid #d46010;*/
}

.skin-orangebold .card-head.inner header:before,
.skin-orangebold .card-head.inner header:after {
    border-bottom: 2px solid #d46010;
}

.skin-orangebold .card-head.inner header {
    border: 2px solid #d46010;
}

.skin-orangebold .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-orangebold .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover,
.skin-orangebold .user.user-menu {
    background: #d46010;
    color: #fff !important;
}

.skin-orangebold .btn.btn-library,
.skin-orangebold .btn.btn-assign {
    background: #d46010 !important;
    border-color: unset;
}

.skin-orangebold .btn.btn-back,
.skin-orangebold .btn.btn-add {
    background: #d46010 !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-orangebold .text-light-blue {
    color: #d46010 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-orangebold .rt-chkbox > span:after {
    border: 1px solid #d46010 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-orangebold [type="checkbox"]:checked + label:before {
    border-right: 2px solid #d46010;
    border-bottom: 2px solid #d46010;
}

.skin-orangebold .nav-tabs > li.active,
.skin-orangebold .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: #d46010 !important;
}

.skin-orangebold .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

/*----------------------skin orangebold css---------------*/

/*----------------------skin navyblue css---------------*/

.skin-navyblue .sidebar-menu > li > .hover:hover,
.skin-navyblue .sidebar-menu > li > .hover.active,
.skin-navyblue .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #226cc5;
}

.skin-navyblue .ctl00_Menu1_3,
.skin-navyblue .ctl00_Menu1_3:hover,
.skin-navyblue .table a {
    color: #226cc5 !important;
}

.skin-navyblue .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-navyblue .bg-light-blue,
.skin-navyblue .label-primary,
.skin-navyblue .modal-primary .modal-body,
.skin-navyblue .main-header .navbar,
.skin-navyblue .hover.active .img-icon:before,
.skin-navyblue .hover:hover .img-icon:before {
    background: #f7f7f8 !important;
}

.skin-navyblue .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-navyblue .btn-outline {
    border: 1px solid #226cc5;
}

    .skin-navyblue .btn-outline:hover {
        background-color: #226cc5;
        border: 1px solid #226cc5;
        color: #fff !important;
    }

.skin-navyblue .table.table-bordered tbody tr#trHeader,
.skin-navyblue .table.table-bordered tbody tr:first-child,
.skin-navyblue .table.table-bordered tbody tr:first-child th,
.skin-navyblue table#Atddiv thead tr,
.skin-navyblue table thead tr {
    background: rgb(132, 188, 255) !important;
    color: #226cc5 !important;
}

.skin-navyblue .navgraybackground .nav.nav-tabs > li.active,
.skin-navyblue .dashboardmaindiv .buttonLBlue,
.skin-navyblue #ctl00_CP_ManageDashletButton,
.skin-navyblue .btn.btn-search,
.skin-navyblue .user.user-menu,
.skin-navyblue .main-header .navbar,
.skin-navyblue .ctl00_Menu1_8 {
    background: #226cc5 !important;
}

.skin-navyblue select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-navyblue .main-sidebar {
    background: #226cc5 !important;
    background-repeat: repeat-x;
}

.skin-navyblue input:not([type]):focus:not([readonly]),
.skin-navyblue input[type="text"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="password"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="email"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="url"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="time"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="date"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="tel"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="number"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue input[type="search"]:not(.browser-default):focus:not([readonly]),
.skin-navyblue textarea.materialize-textarea:focus:not([readonly]),
.skin-navyblue .form-control:focus {
    border-bottom: 2px solid rgb(34, 108, 197) !important;
    -webkit-box-shadow: 0 2px 0 0 rgb(34, 108, 197) !important;
    box-shadow: 0 2px 0 0 rgb(34, 108, 197) !important;
}

.skin-navyblue .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
.skin-navyblue .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
.skin-navyblue .nav-tabs > li:hover,
.skin-navyblue .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
.skin-navyblue .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover,
.skin-navyblue .user.user-menu {
    background: #226cc5 !important;
    color: #fff !important;
}

.skin-navyblue select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-navyblue .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
.skin-navyblue .tabs-style-iconbox .ajax__tab_header {
    border-bottom: 0px solid rgb(34, 108, 197) !important;
    color: #fff !important;
}

.skin-navyblue .navgraybackground .nav.nav-tabs {
    background: #f3f3f3;
    /*border-bottom: 2px solid #226cc5;*/
}

.skin-navyblue .card-head.inner header:before,
.skin-navyblue .card-head.inner header:after {
    border-bottom: 2px solid #226cc5;
}

.skin-navyblue .card-head.inner header {
    border: 2px solid #226cc5;
}

.skin-navyblue .btn.btn-library,
.skin-navyblue .btn.btn-assign {
    background: #226cc5 !important;
    border-color: unset;
}

.skin-navyblue .btn.btn-back,
.skin-navyblue .btn.btn-add {
    background: #226cc5 !important;
    padding: 4px 10px 4px 8px;
    border-color: unset !important;
}

.skin-navyblue .text-light-blue {
    color: #226cc5 !important;
    padding-left: 10px;
    font-weight: 600;
}

.skin-navyblue .rt-chkbox > span:after {
    border: 1px solid #226cc5 !important;
    border-width: 0 2px 2px 0 !important;
}

.skin-navyblue [type="checkbox"]:checked + label:before {
    border-right: 2px solid #226cc5;
    border-bottom: 2px solid #226cc5;
}

.skin-navyblue .nav-tabs > li.active,
.skin-navyblue .nav-tabs > li.active:hover {
    border-bottom: 1px solid #a79a9a;
    background: #226cc5 !important;
}

.skin-navyblue .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
    color: #fff !important;
    text-decoration: none !important;
}

.skin-navyblue .hover.active .img-icon:before {
    background: #226cc5 !important;
}

.skin-navyblue .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-navyblue .nav-tabs.nav-tabs-line a.nav-link.active {
    background: rgb(34, 108, 197) !important;
    color: #fff !important;
    border-bottom: 2px solid rgb(34, 108, 197) !important;
}

/*----------------------skin navyblue css---------------*/

/*----------------------skin babypink css---------------*/

.skin-babypink .sidebar-menu > li > .hover:hover,
.skin-babypink .sidebar-menu > li > .hover.active,
.skin-babypink .sidebar-menu .side-header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #d23b48;
}

.skin-babypink .ctl00_Menu1_5 {
    background: transparent !important;
}

.skin-babypink .bg-light-blue,
.skin-babypink .label-primary,
.skin-babypink .modal-primary .modal-body,
.skin-babypink .top-panel,
.skin-babypink .main-header .navbar,
.skin-babypink .hover.active .img-icon:before,
.skin-babypink .hover:hover .img-icon:before,
.skin-babypink .ctl00_Menu1_8 {
    background: #d23b48 !important;
}

.skin-babypink select.OrgDrop.dropdown option {
    background: #fff !important;
    color: #000 !important;
}

.skin-babypink .ctl00_Menu1_7 tr td:hover {
    background: rgba(51, 51, 51, 0.16) !important;
}

.skin-babypink .btn-outline {
    border: 1px solid #d23b48;
}

    .skin-babypink .btn-outline:hover {
        background-color: #d23b48;
        border: 1px solid #d23b48;
        color: #fff !important;
    }

.skin-babypink {
    background: #ededee !important;
}

    .skin-babypink .user.user-menu,
    .skin-babypink .navgraybackground .nav.nav-tabs > li.active,
    .skin-babypink .dashboardmaindiv .buttonLBlue,
    .skin-babypink #ctl00_CP_ManageDashletButton,
    .skin-babypink .btn.btn-search {
        background: #d23b48 !important;
    }

    .skin-babypink .table.table-bordered tbody tr#trHeader,
    .skin-babypink .table.table-bordered tbody tr:first-child,
    .skin-babypink .table.table-bordered tbody tr:first-child th,
    .skin-babypink table#Atddiv thead tr,
    .skin-babypink table thead tr {
        background: rgb(245, 219, 222) !important;
        color: #d23b48 !important;
    }

    .skin-babypink .ctl00_Menu1_3,
    .skin-babypink .ctl00_Menu1_3:hover,
    .skin-babypink .table a,
    .skin-babypink .no-print {
        color: #d23b48 !important;
    }

    .skin-babypink .main-sidebar {
        background: #d23b48 !important;
        background-repeat: repeat-x;
    }

    .skin-babypink input:not([type]):focus:not([readonly]),
    .skin-babypink input[type="text"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="password"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="email"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="url"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="time"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="date"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="datetime"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="tel"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="number"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink input[type="search"]:not(.browser-default):focus:not([readonly]),
    .skin-babypink textarea.materialize-textarea:focus:not([readonly]),
    .skin-babypink .form-control:focus {
        border-bottom: 2px solid rgb(210, 59, 72) !important;
        -webkit-box-shadow: 0 2px 0 0 rgb(210, 59, 72) !important;
        box-shadow: 0 2px 0 0 rgb(210, 59, 72) !important;
    }

    .skin-babypink .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab.active,
    .skin-babypink .tabs-style-iconbox .tabs-style-iconboxinner a.fancyTab:hover,
    .skin-babypink .user.user-menu,
    .skin-babypink .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab,
    .skin-babypink .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab:hover,
    .skin-babypink .nav-tabs > li:hover {
        background: rgb(210, 59, 72) !important;
        color: #fff !important;
    }

    .skin-babypink .card-head.inner header:before,
    .skin-babypink .card-head.inner header:after {
        border-bottom: 2px solid #d23b48;
    }

    .skin-babypink .navgraybackground .nav.nav-tabs {
        background: #f3f3f3;
        /*border-bottom: 2px solid #d23b48;*/
    }

    .skin-babypink .card-head.inner header {
        border: 2px solid #d23b48;
    }

    .skin-babypink .tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a,
    .skin-babypink .tabs-style-iconbox .ajax__tab_header {
        border-bottom: 0px solid rgb(210, 59, 72) !important;
        color: #fff !important;
    }

    .skin-babypink .btn.btn-library,
    .skin-babypink .btn.btn-assign {
        background: #d23b48 !important;
        border-color: unset;
    }

    .skin-babypink .btn.btn-back,
    .skin-babypink .btn.btn-add {
        background: #d23b48 !important;
        padding: 4px 10px 4px 8px;
        border-color: unset !important;
    }

    .skin-babypink .text-light-blue {
        color: #d23b48 !important;
        padding-left: 10px;
        font-weight: 600;
    }

    .skin-babypink .rt-chkbox > span:after {
        border: 1px solid #d23b48 !important;
        border-width: 0 2px 2px 0 !important;
    }

    .skin-babypink [type="checkbox"]:checked + label:before {
        border-right: 2px solid #d23b48;
        border-bottom: 2px solid #d23b48;
    }

    .skin-babypink .nav-tabs > li.active,
    .skin-babypink .nav-tabs > li.active:hover {
        border-bottom: 1px solid #a79a9a;
        background: #d23b48 !important;
    }

    .skin-babypink .tabs-style-iconboxinner .icon a:not([href]):not([tabindex]):hover {
        color: #fff !important;
        text-decoration: none !important;
    }

/*----------------------skin babypink css---------------*/
/*layout---start*/
.no-print .list-unstyled li:nth-child(1) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(1) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(1) div:nth-child(2) span:first-child {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
}

.no-print .list-unstyled li:nth-child(2) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(2) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(2) div:nth-child(2) span:first-child {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
}

.no-print .list-unstyled li:nth-child(3) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(3) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(3) div:nth-child(2) span:first-child {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
}

.no-print .list-unstyled li:nth-child(4) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(4) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(4) div:nth-child(2) span:first-child {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
}

.no-print .list-unstyled li:nth-child(5) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(5) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(5) div:nth-child(2) span:first-child {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
}

.no-print .list-unstyled li:nth-child(6) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(6) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(6) div:nth-child(2) span:first-child {
    background: #000 !important;
}

.no-print .list-unstyled li:nth-child(7) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(7) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(7) div:nth-child(2) span:first-child {
    background: #2ea54f !important;
}

.no-print .list-unstyled li:nth-child(8) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(8) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(8) div:nth-child(2) span:first-child {
    background: #ffb745 !important;
}

.no-print .list-unstyled li:nth-child(9) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(9) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(9) div:nth-child(2) span:first-child {
    background: #226cc5 !important;
}

.no-print .list-unstyled li:nth-child(10) div:first-child span:first-child,
.no-print .list-unstyled li:nth-child(10) div:first-child span:last-child,
.no-print .list-unstyled li:nth-child(10) div:nth-child(2) span:first-child {
    background: #d23b48 !important;
}

/*layout---end*/
/*----------------------CSS related to Other things ---------------*/
/* .pagination.display-flex {
    top: 4px;
}

.pagination.display-flex .btn {
    top: 0px;
}

.himssuHeader1WireBox,
.himssuHeader7WireBox,
.himsBoxContent {
    margin-top: 10px;
}

.btn.btn-reset,
.btn.btn-search,
.btn.btn-examcommon,
.btn.btn-print,
.btn.btn-report,
.btn-primary,
.btn.btn-clear,
.btn.btn-update,
.btn.btn-generate,
.btn.btn-save,
.btn.btn-ok,
.btn.btn-send,
.btn.btn-browser,
.btn.btn-apply,
.btn.btn-library,
.btn.btn-assign,
.btn.btn-upload,
.btn.btn-edit,
.btn.btn-delete,
.btn.btn-decline,
.btn.btn-close,
.btn.btn-refresh,
.fas.btn.btn-select,
.btn.btn-info,
.btn.btn-download,
.btn.btn-validate,
.btn.btn-new,
.btn.btn-back,
.btn.btn-add,
.fas.btn.btn-default {
    height: 25px !important;
}

button.close {
    position: absolute;
    top: -2px;
    right: 1%;
}

.alert.gridHeaderText,
.pull-right.gridview,
.himsBoxContent {
    margin-bottom: 15px;
}

.hover-expand-effect .box {
    align-items: center;
}

.hover-expand-effect .box h6 {
    margin-left: 10px;
}

.himssuHeader2WireBox .himsBoxHeader .himsBoxTitle img.fLeft {
    display: none;
}

.himssuHeader2WireBox .himsBoxHeader .himsBoxTitle .headerText {
    display: flex;
}

.himssuHeader2WireBox .himsBoxHeader .himsBoxTitle .headerText header {
    width: 50%;
}

.himssuHeader2WireBox .himsBoxHeader .himsBoxTitle .headerText .pull-right.mt-27 {
    float: none;
    margin: 0 !important;
    width: 50%;
    text-align: right;
}

.himsBoxContentmain .whiteboxpaddingleft .himsBoxContent .table-bordered {
    margin-top: 15px;
}

.himsBoxContentmain .himsBoxContent .contentHolder #ctl00_CP_EmployeeListDiv {
    margin-bottom: 15px;
}

.himsBoxHeader .btn.btn-add,
.btn.btn-back,
.himsBoxHeader .btn.btn-apply,
.btn .btn-generate,
.himsBoxHeader .btn.btn-edit,
.display-flex .btn.btn-add {
    margin: 0;
}

.himssuHeader6WireBox .himsBoxHeader .pull-right.display-flex,
.fLeft.display-flex {
    align-items: center;
}

#lblTotalRecords {
    padding-top: 0 !important;
}

.himssuHeader6WireBox.gridviewfont .card-head.inner {
    height: 51px;
}

.card-head.inner {
    height: 62px !important;
}

#ctl00_CP_ReasonMasterDetailDiv .gridHeaderText {
    margin-top: 25px;
}

.outerBox .display-flex input.iconLeftMargin5,
.iconpopup .material-icons {
    margin-left: 10px;
}

#ctl00_CP_SearchPanel .contentHolder .outerBox {
    margin-bottom: 15px;
}

.mt-27 {
    margin-top: -27px !important;
}

.card-head {
    height: 45px;
}

.tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a {
    padding: 7px 22px 0 17px !important;
}

.alert-info {
    padding: 9px 0px 8px 6px !important;
}

.table th,
.table td {
    padding: 6px 5px !important;
} */
/*----------------------CSS related to Other things ---------------*/
.skin-blue .top-panel,
.skin-black .top-panel,
.skin-purple .top-panel,
.skin-navyblue .top-panel,
.skin-red .top-panel,
.skin-yellow .top-panel,
.skin-darkblack .top-panel,
.skin-leafgreen .top-panel,
.skin-orangebold .top-panel,
.skin-babypink .top-panel {
    background: #f7f7f8 !important;
}

.skin-blue .sidebar-menu .hover:after,
.skin-purple .sidebar-menu .hover:after,
.skin-black .sidebar-menu .hover:after,
.skin-green .sidebar-menu .hover:after,
.skin-red .sidebar-menu .hover:after,
.skin-yellow .sidebar-menu .hover:after,
.skin-orange .sidebar-menu .hover:after,
.skin-purplelove .sidebar-menu .hover:after,
.skin-darkblack .sidebar-menu .hover:after,
.skin-ligthpurple .sidebar-menu .hover:after,
.skin-leafgreen .sidebar-menu .hover:after,
.skin-orangebold .sidebar-menu .hover:after,
.skin-navyblue .sidebar-menu .hover:after,
.skin-babypink .sidebar-menu .hover:after {
    border-color: #fff;
}

.skin-blue .sidebar-menu > li > a,
.skin-purple .sidebar-menu > li > a,
.skin-black .sidebar-menu > li > a,
.skin-green .sidebar-menu > li > a,
.skin-red .sidebar-menu > li > a,
.skin-yellow .sidebar-menu > li > a,
.skin-orange .sidebar-menu > li > a,
.skin-purplelove .sidebar-menu > li > a,
.skin-darkblack .sidebar-menu > li > a,
.skin-ligthpurple .sidebar-menu > li > a,
.skin-leafgreen .sidebar-menu > li > a,
.skin-orangebold .sidebar-menu > li > a,
.skin-navyblue .sidebar-menu > li > a,
.skin-babypink .sidebar-menu > li > a,
.side-header span {
    border: none !important;
}

.sidebar-menu > li > .hover,
.side-header span {
    border-bottom: 1px solid #b15053;
}

.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li > a.active,
.skin-blue .sidebar-menu > li.header,
.skin-black .sidebar-menu > li > a:hover,
.skin-black .sidebar-menu > li > a.active,
.skin-black .sidebar-menu > li.header,
.skin-purple .sidebar-menu > li > a:hover,
.skin-purple .sidebar-menu > li > a.active,
.skin-purple .sidebar-menu > li.header,
.skin-green .sidebar-menu > li > a:hover,
.skin-green .sidebar-menu > li > a.active,
.skin-green .sidebar-menu > li.header,
.skin-red .sidebar-menu > li > a:hover,
.skin-red .sidebar-menu > li > a.active,
.skin-red .sidebar-menu > li.header,
.skin-yellow .sidebar-menu > li > a:hover,
.skin-yellow .sidebar-menu > li > a.active,
.skin-yellow .sidebar-menu > li.header,
.skin-purplelove .sidebar-menu > li > a:hover,
.skin-purplelove .sidebar-menu > li > a.active,
.skin-purplelove .sidebar-menu > li.header,
.skin-darkblack .sidebar-menu > li > a:hover,
.skin-darkblack .sidebar-menu > li > a.active,
.skin-darkblack .sidebar-menu > li.header,
.skin-ligthpurple .sidebar-menu > li > a:hover,
.skin-ligthpurple .sidebar-menu > li > a.active,
.skin-ligthpurple .sidebar-menu > li.header,
.skin-leafgreen .sidebar-menu > li > a:hover,
.skin-leafgreen .sidebar-menu > li > a.active,
.skin-leafgreen .sidebar-menu > li.header,
.skin-orangebold .sidebar-menu > li > a:hover,
.skin-orangebold .sidebar-menu > li > a.active,
.skin-orangebold .sidebar-menu > li.header,
.skin-navyblue .sidebar-menu > li > a:hover,
.skin-navyblue .sidebar-menu > li > a.active,
.skin-navyblue .sidebar-menu > li.header,
.skin-babypink .sidebar-menu > li > a:hover,
.skin-babypink .sidebar-menu > li > a.active,
.skin-babypink .sidebar-menu > li.header {
    color: #fff;
    background: rgba(51, 51, 51, 0.16) !important;
    border-left-color: #01bcd4;
}

.skin-red a.clearfix:hover,
.skin-blue a.clearfix:hover,
.skin-black a.clearfix:hover,
.skin-purple a.clearfix:hover,
.skin-green a.clearfix:hover,
.skin-yellow a.clearfix:hover,
.skin-purplelove a.clearfix:hover,
.skin-darkblack a.clearfix:hover,
.skin-ligthpurple a.clearfix:hover,
.skin-leafgreen a.clearfix:hover,
.skin-orangebold a.clearfix:hover,
.skin-navyblue a.clearfix:hover,
.skin-babypink a.clearfix:hover {
    color: #10a2b5;
}

.skin-darkblack .btn.btn-browser,
.skin-ligthpurple .btn.btn-browser,
.skin-leafgreen .btn.btn-browser,
.skin-orangebold .btn.btn-browser,
.skin-navyblue .btn.btn-browser,
.skin-babypink .btn.btn-browser {
    background: #3c6382;
    border: 1px solid #3c6382;
    color: #fff;
}

html body .sidebar a {
    color: #dcdcdc !important;
}

.skin-blue .main-header .logo,
.skin-black .main-header .logo,
.skin-purple .main-header .logo,
.skin-green .main-header .logo,
.skin-red .main-header .logo,
.skin-yellow .main-header .logo,
.skin-purplelove .main-header .logo,
.skin-darkblack .main-header .logo,
.skin-ligthpurple .main-header .logo,
.skin-leafgreen .main-header .logo,
.skin-orangebold .main-header .logo,
.skin-navyblue .main-header .logo,
.skin-babypink .main-header .logo,
.main-header .navbar .sidebar-toggle:hover,
.main-header .logo:hover {
    background: unset !important;
}

.skin-purple .card-box a:not([href]):not([tabindex]):hover,
.skin-red .card-box a:not([href]):not([tabindex]):hover,
.skin-yellow .card-box a:not([href]):not([tabindex]):hover,
.skin-darkblack .card-box a:not([href]):not([tabindex]):hover,
.skin-leafgreen .card-box a:not([href]):not([tabindex]):hover,
.skin-orangebold .card-box a:not([href]):not([tabindex]):hover,
.skin-navyblue .card-box a:not([href]):not([tabindex]):hover,
.skin-babypink .card-box a:not([href]):not([tabindex]):hover,
.skin-blue .card-box a:not([href]):not([tabindex]):hover,
.skin-black .card-box a:not([href]):not([tabindex]):hover,
.skin-yellow a:not([href]):not([tabindex]):hover,
.skin-darkblack a:not([href]):not([tabindex]):hover,
.skin-leafgreen a:not([href]):not([tabindex]):hover,
.skin-orangebold a:not([href]):not([tabindex]):hover,
.skin-red a:not([href]):not([tabindex]):hover,
.skin-blue a:not([href]):not([tabindex]):hover,
.skin-black a:not([href]):not([tabindex]):hover,
.skin-purple a:not([href]):not([tabindex]):hover,
.skin-navyblue a:not([href]):not([tabindex]):hover,
.skin-babypink a:not([href]):not([tabindex]):hover {
    color: #676767 !important;
    text-decoration: none !important;
}

html body .table a[disabled="disabled"],
html body .card-box .table a[disabled="disabled"]:hover,
html body .table a[disabled="disabled"]:focus {
    color: #676767 !important;
}

.skin-red a:not([href]):not([tabindex]):hover, .skin-red .icon a:not([href]):not([tabindex]):hover {
    color: #3b2096 !important;
}

.skin-blue a:not([href]):not([tabindex]):hover,
.skin-blue .icon a:not([href]):not([tabindex]):hover {
    color: #1751a4 !important;
}

.skin-black a:not([href]):not([tabindex]):hover,
.skin-black .icon a:not([href]):not([tabindex]):hover {
    color: #582db5 !important;
}

.skin-purple a:not([href]):not([tabindex]):hover,
.skin-purple .icon a:not([href]):not([tabindex]):hover {
    color: #901c38 !important;
}

.skin-yellow a:not([href]):not([tabindex]):hover,
.skin-yellow .icon a:not([href]):not([tabindex]):hover {
    color: #313e9e !important;
}

.skin-leafgreen a:not([href]):not([tabindex]):hover,
.skin-leafgreen .icon a:not([href]):not([tabindex]):hover {
    color: #2ea54f !important;
}

.skin-orangebold a:not([href]):not([tabindex]):hover,
.skin-orangebold .icon a:not([href]):not([tabindex]):hover {
    color: #d46010 !important;
}

.skin-babypink a:not([href]):not([tabindex]):hover,
.skin-babypink .icon a:not([href]):not([tabindex]):hover {
    color: #d23b48 !important;
}

.skin-navyblue a:not([href]):not([tabindex]):hover,
.skin-navyblue .icon a:not([href]):not([tabindex]):hover {
    color: #226cc5 !important;
}

.profile-a a:hover {
    text-decoration: none !important;
}

.skin-red .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-blue .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-black .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-purple .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-green .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-yellow .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-purplelove .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-darkblack .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-ligthpurple .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-leafgreen .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-orangebold .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-navyblue .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a,
.skin-babypink .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a {
    padding-top: 10px !important;
}

.tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a img,
.tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a img {
    filter: brightness(0) invert(1) !important;
}

.skin-blue .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-blue .nav-tabs.nav-tabs-line a.nav-link.active {
    background: linear-gradient(135deg, #1750a5, #40c057) !important;
    color: #fff !important;
    border-bottom: 2px solid #1750a5 !important;
}

.skin-black .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-black .nav-tabs.nav-tabs-line a.nav-link.active {
    background: linear-gradient(135deg, #562db7, #f55252) !important;
    color: #fff !important;
    border-bottom: 2px solid #f55252 !important;
}

.skin-purple .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-purple .nav-tabs.nav-tabs-line a.nav-link.active {
    background: linear-gradient(135deg, #8e1a38, #faa750) !important;
    color: #fff !important;
    border-bottom: 2px solid #faa750 !important;
}

.skin-red .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-red .nav-tabs.nav-tabs-line a.nav-link.active {
    background: linear-gradient(135deg, #3b1c93, #2f8be6) !important;
    color: #fff !important;
    border-bottom: 2px solid #2f8be6 !important;
}

.skin-yellow .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-yellow .nav-tabs.nav-tabs-line a.nav-link.active {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
    color: #fff !important;
    border-bottom: 2px solid #2f3ea0 !important;
}

.skin-darkblack .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-darkblack .nav-tabs.nav-tabs-line a.nav-link.active {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 2px solid #000 !important;
}

.skin-leafgreen .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-leafgreen .nav-tabs.nav-tabs-line a.nav-link.active {
    background: rgb(46, 165, 79) !important;
    color: #fff !important;
    border-bottom: 2px solid rgb(46, 165, 79) !important;
}

.skin-babypink .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.skin-babypink .nav-tabs.nav-tabs-line a.nav-link.active {
    background: rgb(210, 59, 72) !important;
    color: #fff !important;
    border-bottom: 2px solid rgb(210, 59, 72) !important;
}

.skin-red .form-control,
.skin-blue .form-control,
.skin-black .form-control,
.skin-purple .form-control,
.skin-green .form-control,
.skin-yellow .form-control,
.skin-purplelove .form-control,
.skin-darkblack .form-control,
.skin-ligthpurple .form-control,
.skin-leafgreen .form-control,
.skin-orangebold .form-control,
.skin-navyblue .form-control,
.skin-babypink .form-control {
    border-bottom: 1px solid #9aa4b7 !important;
}

.table a.label-danger {
    background: linear-gradient(45deg, #dd4b39, #ff8c7d) !important;
    color: #fff !important;
}

.skin-red .nav-tabs > li,
.skin-blue .nav-tabs > li,
.skin-black .nav-tabs > li,
.skin-purple .nav-tabs > li,
.skin-green .nav-tabs > li,
.skin-yellow .nav-tabs > li,
.skin-purplelove .nav-tabs > li,
.skin-darkblack .nav-tabs > li,
.skin-ligthpurple .nav-tabs > li,
.skin-leafgreen .nav-tabs > li,
.skin-orangebold .nav-tabs > li,
.skin-navyblue .nav-tabs > li,
.skin-babypink .nav-tabs > li {
    border-bottom: 1px solid #a79a9a !important;
}

/*.nav-tabs > li:last-child {
    border-bottom: 0px solid #a79a9a !important;
}*/

.skin-red .pagination.display-flex a:hover,
.skin-blue .pagination.display-flex a:hover,
.skin-black .pagination.display-flex a:hover,
.skin-purple .pagination.display-flex a:hover,
.skin-purplelove .pagination.display-flex a:hover,
.skin-orangebold .pagination.display-flex a:hover,
.skin-darkblack .pagination.display-flex a:hover,
.skin-ligthpurple .pagination.display-flex a:hover,
.skin-leafgreen .pagination.display-flex a:hover,
.skin-navyblue .pagination.display-flex a:hover,
.skin-babypink .pagination.display-flex a:hover,
.skin-red .breadcrumb-item a:hover,
.skin-blue .breadcrumb-item a:hover,
.skin-black .breadcrumb-item a:hover,
.skin-purple .breadcrumb-item a:hover,
.skin-purplelove .breadcrumb-item a:hover,
.skin-orangebold .breadcrumb-item a:hover,
.skin-darkblack .breadcrumb-item a:hover,
.skin-ligthpurple .breadcrumb-item a:hover,
.skin-leafgreen .breadcrumb-item a:hover,
.skin-navyblue .breadcrumb-item a:hover,
.skin-babypink .breadcrumb-item a:hover,
.skin-red .himssuHeader7WireBox a:hover,
.skin-blue .himssuHeader7WireBox a:hover,
.skin-black .himssuHeader7WireBox a:hover,
.skin-purple .himssuHeader7WireBox a:hover,
.skin-purplelove .himssuHeader7WireBox a:hover,
.skin-orangebold .himssuHeader7WireBox a:hover,
.skin-darkblack .himssuHeader7WireBox a:hover,
.skin-ligthpurple .himssuHeader7WireBox a:hover,
.skin-leafgreen .himssuHeader7WireBox a:hover,
.skin-navyblue .himssuHeader7WireBox a:hover,
.skin-babypink .himssuHeader7WireBox a:hover,
.skin-purple .tools a:not([href]):not([tabindex]):hover,
.skin-red .tools a:not([href]):not([tabindex]):hover,
.skin-yellow .tools a:not([href]):not([tabindex]):hover,
.skin-darkblack .tools a:not([href]):not([tabindex]):hover,
.skin-leafgreen .tools a:not([href]):not([tabindex]):hover,
.skin-orangebold .tools a:not([href]):not([tabindex]):hover,
.skin-navyblue .tools a:not([href]):not([tabindex]):hover,
.skin-babypink .tools a:not([href]):not([tabindex]):hover,
.skin-blue .tools a:not([href]):not([tabindex]):hover,
.skin-black .tools a:not([href]):not([tabindex]):hover,
.table label.rt-chkbox,
.contentHolder a:hover,
#RemarkLinkButton:hover,
#MessageBoxDiv .messageMessage .close:hover,
.tblList a:not([href]):not([tabindex]),
.skin-darkblack a:not([href]):not([tabindex]):hover,
.skin-darkblack .icon a:not([href]):not([tabindex]):hover {
    color: #000 !important;
}

.skin-red .sidebar-menu .img-icon:before,
.skin-blue .sidebar-menu .img-icon:before,
.skin-black .sidebar-menu .img-icon:before,
.skin-green .sidebar-menu .img-icon:before,
.skin-purple .sidebar-menu .img-icon:before,
.skin-yellow .sidebar-menu .img-icon:before,
.skin-purplelove .sidebar-menu .img-icon:before,
.skin-darkblack .sidebar-menu .img-icon:before,
.skin-ligthpurple .sidebar-menu .img-icon:before,
.skin-leafgreen .sidebar-menu .img-icon:before,
.skin-orangebold .sidebar-menu .img-icon:before,
.skin-navyblue .sidebar-menu .img-icon:before,
.skin-babypink .sidebar-menu .img-icon:before,
.table.table-bordered tbody#tblList tr:first-child,
.table > tbody > tr:nth-of-type(odd),
#dvAttedanceGridDiv tr,
#dvLeaveGridDiv tr,
#dvLeaveBalencedGridDiv tr,
#dvCertificateGridDiv tr,
#dvPayrollGridDiv tr,
#dvMyExamSchedulesGridDiv tr,
#dvmyLectureDiv tr,
#dvTimetableGridDiv tr,
#tblStudentList tr,
#dvMyLeaveGridDiv tr,
#tblReportList tr,
#dvTeacherSubjectGridDiv tr,
#dvBehaviorGridDiv tr,
#dvSiblingGridDiv tr,
.profilediv tbody tr,
#dvReceiptGridDiv tr,
#dvFeeGridDiv tr,
#dvFeeCancelGridDiv tr,
#dvOldBatchFeeGridDiv tr,
#dvExamGridDiv tr,
#dvChargeGridDiv tr,
#dvDepositGridDiv tr,
#dvAlertGridDiv tr,
#dvBookGridDiv tr,
#dvOnlinePaymentGridDiv tr,
#dvOLLectureGridDiv tr,
#dvOLAttendanceGridDiv tr,
#dvsubjectGridDiv tr,
#dvActivityGridDiv tr,
#dvBehaviourGridDiv tr,
#dvActivityGridDiv tr th,
#dvBehaviourGridDiv tr th,
#dvEventDetailsGridDiv tr,
#dvEventDetailsGridDiv tr th,
#dvDepositAdjustmentGridDiv tr,
#dvDepositAdjustmentGridDiv tr th,
#dvChargeListGridDiv tr,
#dvChargeListGridDiv tr th,
#dvDepositRefundGridDiv tr,
#dvDepositRefundGridDiv tr th,
#ctl00_CP_MarkEntryGridView tbody tr:first-child {
    background: #fff !important;
    color: #000 !important;
}

.profilediv .table.table-bordered tbody tr:first-child {
    background: #fff !important;
}

.profilediv .table.table-bordered > thead > tr > th > .text-white span {
    color: #000 !important;
}

.skin-red .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-blue .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-black .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-purple .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-green .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-yellow .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-purplelove .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-darkblack .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-ligthpurple .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-leafgreen .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-orangebold .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-navyblue .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
.skin-babypink .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a,
a:not([href]):not([tabindex]):hover i.fa-arrow-right,
.nav > li > a:hover > i,
.btn.btn-change:hover,
.main-header a:not([href]):not([tabindex]):hover,
.tabs-style-iconbox .ajax__tab_active .tabs-style-iconboxinner .fancyTab a i:before,
.tabs-style-iconbox .tabs-style-iconboxinner .fancyTab:hover a i:before,
.ctl00_Menu1_7 tr td a:hover,
.ctl00_Menu1_7 tr td a:active,
.ctl00_Menu1_7 tr td a:focus,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover,
.nav-tabs.nav-tabs-line a.nav-link:hover {
    color: #fff !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.table thead + tbody tr,
.table thead + tbody tr:first-child td,
.table thead + tbody tr:first-child,
.table.table-bordered thead + tbody tr:first-child,
.table.table-bordered tbody + tbody tr:first-child td {
    border: 1px solid #38445a !important;
}

.rt-chkbox.rt-chkbox-outline > span {
    border: 2px solid #343434 !important;
}

.OrgDrop,
.navbar-nav > .notifications-menu,
.navbar-nav > .messages-menu,
.navbar-nav > .tasks-menu {
    background: #bdbcbc87 !important;
}

.table.table-bordered tbody tr:first-child th:hover {
    color: unset !important;
}


.table.table-bordered tbody tr:first-child th:hover {
    color: #000 !important;
}

.skin-blue .table.table-bordered tbody tr:first-child th:hover,
.skin-black .table.table-bordered tbody tr:first-child th:hover,
.skin-purple .table.table-bordered tbody tr:first-child th:hover,
.skin-red .table.table-bordered tbody tr:first-child th:hover,
.skin-yellow .table.table-bordered tbody tr:first-child th:hover {
    color: #fff !important;
}

.ctl00_Menu1_7 tr td {
    border-bottom: 0px solid #404e66;
}

.btn.btn-search,
.btn.btn-search:hover {
    border: 0px;
}

/*----------------------New Color codes and CSS---------------*/

/*----------------------New Color codes and CSS---------------*/

/*..btn.btn-reset,
.btn.btn-clear,
.btn.btn-edit,
.btn.btn-search,
.btn.btn-send,
.btn.btn-add,
.btn-primary,
.btn.btn-delete,
.btn.btn-decline,
.btn.btn-close,
.btn.btn-browser,
.btn.btn-examcommon,
.btn.btn-back,
.btn.btn-print,
.btn.btn-save,
.btn.btn-ok,
.btn.btn-refresh,
.btn.btn-upload,
.btn.btn-webcam,
.btn.btn-download,
.btn.btn-update,
.fas.btn.btn-select,
.btn.btn-report,
.btn.btn-library,
.btn.btn-assign,
.btn.btn-generate,
.btn.btn-apply,
.btn-info,
.btn.btn-validate,
.btn.btn-new,
    .btn.btn-change {
    height: 30px !important;
}*/



/*.skin-blue Button Colors*/


/*.btn:hover{
    box-shadow: none !important;
}*/



/*.skin-blue .btn.btn-search,
.skin-blue .btn.btn-add,
.skin-blue .btn.btn-back,
.skin-blue .btn.btn-select,
.skin-blue .btn-primary,
.skin-blue .btn.btn-save,
.skin-blue .btn.btn-ok{
    background: #1750a5 !important;
    color: #fff;
    border: none !important;
    min-height: 27.5px;
}*/

/*.skin-blue Button Colors*/


/*.skin-black Button Colors*/
/*.skin-black .btn.btn-search,
.skin-black .btn.btn-add,
.skin-black .btn.btn-back,
.skin-black .btn.btn-select,
.skin-black .btn-primary,
.skin-black .btn.btn-save,
.skin-black .btn.btn-ok {
    background: #562db7 !important;
    color: #fff;
    border: none !important; 
    min-height: 27.5px;
}

.skin-black .btn.btn-search:hover,
.skin-black .btn.btn-add:hover,
.skin-black .btn.btn-back:hover,
.skin-black .btn.btn-select:hover,
.skin-black .btn-primary:hover,
.skin-black .btn.btn-save:hover,
.skin-black .btn.btn-ok:hover{
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/



/*.skin-black Button Colors*/

/*.skin-purple Button Colors*/
/*.skin-purple .btn.btn-search,
.skin-purple .btn.btn-add,
.skin-purple .btn.btn-back,
.skin-purple .btn.btn-select,
.skin-purple .btn-primary,
.skin-purple .btn.btn-save,
 .skin-purple .btn.btn-ok {
    background: #8E1A38 !important;
    color: #fff;
    border: none !important;
    min-height: 27.5px;
}

.skin-purple .btn.btn-search:hover,
.skin-purple .btn.btn-add:hover,
.skin-purple .btn.btn-back:hover,
.skin-purple .btn.btn-select:hover,
.skin-purple .btn-primary:hover,
.skin-purple .btn.btn-save:hover,
.skin-purple .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/


/*.skin-purple Button Colors*/

/*.skin-red Button Colors*/
/*.skin-red .btn.btn-search,
.skin-red .btn.btn-add,
.skin-red .btn.btn-back,
.skin-red .btn.btn-select,
.skin-red .btn-primary,
.skin-red .btn.btn-save,
.skin-red .btn.btn-ok {
    color: #fff;
    background: #3B1C93 !important;
    border: none !important;
    min-height: 27.5px;
}

.skin-red .btn.btn-search:hover,
.skin-red .btn.btn-add:hover,
.skin-red .btn.btn-back:hover,
.skin-red .btn.btn-select:hover,
.skin-red .btn-primary:hover,
.skin-red .btn.btn-save:hover,
.skin-red .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/


/*.skin-red Button Colors*/

/*.skin-yellow Button Colors*/
/*.skin-yellow .btn.btn-search,
.skin-yellow .btn.btn-add,
.skin-yellow .btn.btn-back,
.skin-yellow .btn.btn-select,
.skin-yellow .btn-primary,
.skin-yellow .btn.btn-save,
.skin-yellow .btn.btn-ok {
    background: #2F3EA0 !important;
    color: #fff;
    border: none !important;
    min-height: 27.5px;
}

.skin-yellow .btn.btn-search:hover,
.skin-yellow .btn.btn-add:hover,
.skin-yellow .btn.btn-back:hover,
.skin-yellow .btn.btn-select:hover,
.skin-yellow .btn-primary:hover,
.skin-yellow .btn.btn-save:hover,
.skin-yellow .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/


/*.skin-yellow Button Colors*/

/*.skin-darkblack Button Colors*/
/*.skin-darkblack .btn.btn-search,
.skin-darkblack .btn.btn-add,
.skin-darkblack .btn.btn-back,
.skin-darkblack .btn.btn-select,
.skin-darkblack .btn-primary,
.skin-darkblack .btn.btn-save,
.skin-darkblack .btn.btn-ok {
    background: #000000 !important;
    color: #fff;
    border-color: #000000 !important;
    min-height: 27.5px;
}

.skin-darkblack .btn.btn-search:hover,
.skin-darkblack .btn.btn-add:hover,
.skin-darkblack .btn.btn-back:hover,
.skin-darkblack .btn.btn-select:hover,
.skin-darkblack .btn-primary:hover,
.skin-darkblack .btn.btn-save:hover,
.skin-darkblack .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/


/*.skin-darkblack Button Colors*/


/*.skin-leafgreen Button Colors*/
/*.skin-leafgreen .btn.btn-search,
.skin-leafgreen .btn.btn-add,
.skin-leafgreen .btn.btn-back,
.skin-leafgreen .btn.btn-select,
.skin-leafgreen .btn-primary,
.skin-leafgreen .btn.btn-save,
    .skin-leafgreen .btn.btn-ok {
    background: #237D3C !important;
    border-color: #237D3C !important;
    color: #fff;
    min-height: 27.5px;
}

.skin-leafgreen .btn.btn-search:hover,
.skin-leafgreen .btn.btn-add:hover,
.skin-leafgreen .btn.btn-back:hover,
.skin-leafgreen .btn.btn-select:hover,
.skin-leafgreen .btn-primary:hover,
.skin-leafgreen .btn.btn-save:hover,
.skin-leafgreen .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/



/*.skin-leafgreen Button Colors*/

/*.skin-orangebold Button Colors*/
/*.skin-orangebold .btn.btn-search,
.skin-orangebold .btn.btn-add,
.skin-orangebold .btn.btn-back,
.skin-orangebold .btn.btn-select,
.skin-orangebold .btn-primary,
.skin-orangebold .btn.btn-save,
    .skin-orangebold .btn.btn-ok {
    background: #ba5915 !important;
    border-color: #ba5915 !important;
    color: #fff;
    min-height: 27.5px;
}

.skin-orangebold .btn.btn-search:hover,
.skin-orangebold .btn.btn-add:hover,
.skin-orangebold .btn.btn-back:hover,
.skin-orangebold .btn.btn-select:hover,
.skin-orangebold .btn-primary:hover,
.skin-orangebold .btn.btn-save:hover,
.skin-orangebold .btn.btn-ok:hover{
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/



/*.skin-orangebold Button Colors*/


/*.skin-navyblue Button Colors*/
/*.skin-navyblue .btn.btn-search,
.skin-navyblue .btn.btn-add,
.skin-navyblue .btn.btn-back,
.skin-navyblue .btn.btn-select,
.skin-navyblue .btn-primary,
.skin-navyblue .btn.btn-save,
 .skin-navyblue .btn.btn-ok {
    background: #2563ad !important;
    color: #fff;
    border-color: #2563ad !important;
    min-height: 27.5px;
}

.skin-navyblue .btn.btn-search:hover,
.skin-navyblue .btn.btn-add:hover,
.skin-navyblue .btn.btn-back:hover,
.skin-navyblue .btn.btn-select:hover,
.skin-navyblue .btn-primary:hover,
.skin-navyblue .btn.btn-save:hover,
.skin-navyblue .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/



/*.skin-navyblue Button Colors*/

/*.skin-babypink Button Colors*/
/*.skin-babypink .btn.btn-search,
.skin-babypink .btn.btn-add,
.skin-babypink .btn.btn-back,
.skin-babypink .btn.btn-select,
.skin-babypink .btn-primary,
.skin-babypink .btn.btn-save,
.skin-babypink .btn.btn-ok {
    background: #b83a44 !important;
    border-color: #b83a44 !important;
    color: #fff;
    min-height: 27.5px;
}

.skin-babypink .btn.btn-search:hover,
.skin-babypink .btn.btn-add:hover,
.skin-babypink .btn.btn-back:hover,
.skin-babypink .btn.btn-select:hover,
.skin-babypink .btn-primary:hover,
.skin-babypink .btn.btn-save:hover,
.skin-babypink .btn.btn-ok:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
    }*/


/*.skin-babypink Button Colors*/

/*Comman Class CSS Button*/


/*and btnfill related css start */


/*body .btn.btn-edit {
    background: #77530c  !important;
    border-color: #77530c  !important;
    color: #fff !important;
}*/
/* .btn.btn-delete */


/*body .btn.btn-delete,
body .btn.btn-decline,
body .btn.btn-close{
    background: #d62929 !important;
    border-color: #d62929 !important;
    color: #fff !important;
}*/
/* .btn.btn-browser */

/*body .btn.btn-browser{
    background: #8aa7d2 !important;
    border-color: #8aa7d2 !important;
    color: #fff !important;
}*/

/* #ctl00_CP_OTQueueListingUpdatePanel .btn */
/*.skin-blue #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-black #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-purple #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-red #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-yellow #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-leafgreen #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-darkblack #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-orangebold #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-navyblue #ctl00_CP_OTQueueListingUpdatePanel .btn,
.skin-babypink #ctl00_CP_OTQueueListingUpdatePanel .btn {
    background: #8aa7d2 !important;
    border-color: #8aa7d2 !important;
    color: #fff !important;
}*/

/*.btn.btn-change*/


/*body .btn.btn-change{
    background: #4883b2 !important;
    border-color: #4883b2 !important;
    color: #fff !important;
}*/
/* .btn.btn-examcommon */


/*body .btn.btn-examcommon{
    background: #4f5657 !important;
    border-color: #4f5657 !important;
    color:  #fff !important;
}*/
/* btn-upload */


/*body .btn.btn-upload,
body .btn.btn-print{
    background: #7b1c5f !important;
    border-color: #7b1c5f !important;
    color: #fff !important;
}*/

/* btn-report */

/*body .btn.btn-report{
     background: #7b1c5f !important;
    border-color: #7b1c5f !important;
    color: #fff !important;
}*/
/* btn-update */

/*body .btn.btn-update,
body .btn.btn-download,
body .btn.btn-library,
body .btn.btn-generate ,
body .btn.btn-webcam,
.btn.btn-generate{
    background: #40c057 !important;
    border-color: #40c057 !important;
    color:#fff !important;
}*/
/*----------------------------------*/

/*.skin-blue .btn.btn-library,
.skin-black .btn.btn-library,
.skin-purple .btn.btn-library,
.skin-red .btn.btn-library,
.skin-yellow .btn.btn-library,
.skin-leafgreen .btn.btn-library,
.skin-darkblack .btn.btn-library,
.skin-orangebold .btn.btn-library,
.skin-navyblue .btn.btn-library,
.skin-babypink .btn.btn-library,
.skin-blue .btn.btn-assign,
.skin-black .btn.btn-assign,
.skin-purple .btn.btn-assign,
.skin-red .btn.btn-assign,
.skin-yellow .btn.btn-assign,
.skin-leafgreen .btn.btn-assign,
.skin-darkblack .btn.btn-assign,
.skin-orangebold .btn.btn-assign,
.skin-navyblue .btn.btn-assign,
.skin-babypink .btn.btn-assign{
    background: #40c057 !important;
    border-color: #40c057 !important;
    color:#fff !important;
}
.btn:disabled {
    opacity: 0.9 !important;
}*/

/*-------------------------*/

/*body .btn.btn-send,   
    body .btn.btn-apply  {
        background: #1750a5 !important;
        border: 1px solid #1750a5 !important;
        color: #fff !important;
    }*/


/*---------------------------------------*/
/*body .btn.btn-apply{
        min-height: 27.5px !important;
    }


     body .btn.btn-reset,
    body .btn.btn-clear,
    body .btn.btn-refresh {
      background: #e97363 !important;
      color: #fff !important;
}*/
/*----------------------------------------------*/

/*body .btn.btn-info{
            color: #fff !important;
            background-color: #3BAFDA !important;
            border-color: #3BAFDA !important;
        }*/
/*----------------------------------------------*/

/*body .btn.btn-validate{
    background-color: #58B19F !important;
    color: #fff  !important;
    border-color: 1px solid #58B19F !important;
}*/
/*----------------------------------------------*/

/*body .btn.btn-new{
    border: 1px solid #58B19F !important;
    color: #fff !important;
    background: #58B19F !important;
}*/


/*COmman Class CSS Button*/
/*----------------------New Color codes and CSS--------------*/


/*.skin-yellow .navgraybackground .nav.nav-tabs > li.active {
    background: linear-gradient(135deg, #2f3ea0, #ae342d) !important;
}
   
.skin-blue .navgraybackground .nav.nav-tabs,
.skin-black .navgraybackground .nav.nav-tabs,
.skin-yellow .navgraybackground .nav.nav-tabs,
.skin-purple .navgraybackground .nav.nav-tabs,
.skin-green .navgraybackground .nav.nav-tabs,
.skin-red .navgraybackground .nav.nav-tabs
 {
    border-bottom: none !important;
}

.btn .btn-apply{
     min-height:27.5px !important;
}

.himsBoxHeader .btn.btn-apply.apply-fix-heigth{
    margin-bottom: 0 !important;
}*/

/*.dashboardmaindiv .himsBoxContent table th {
    color: #333 !important;
}*/

/*dashboard color changes */
/*----------------------------------1-----------------------------------------------*/
.dashboardmaindiv .box-header.yellow-border {
    background: rgba(250, 173, 145, 20%) !important;
    border-top-color: #faad91 !important;
}

.yellow-border-box .himsBoxContent table th {
    background: #faad91 !important;
}

.dashboardmaindiv .box-header.yellow-border .box-title i {
    color: #faad91 !important;
}
/*-----------------------------------2----------------------------------------------*/
.dashboardmaindiv .box-header.red-border {
    background: rgba(8, 82, 203, 6%) !important;
    border-top-color: #799ad0 !important;
}

.red-border-box .himsBoxContent table th {
    background: #799ad0 !important;
}

.dashboardmaindiv .box-header.red-border .box-title i {
    color: #799ad0 !important;
}
/*---------------------------------------3------------------------------------------*/
.dashboardmaindiv .box-header.green-border {
    background: rgba(247, 194, 98, 20%) !important;
    border-top-color: #f7c262 !important;
}

.green-border-box .himsBoxContent table th {
    background: #f7c262 !important;
}

.dashboardmaindiv .box-header.green-border .box-title i {
    color: #f7c262 !important;
}
/*----------------------------------------4-----------------------------------------*/
.dashboardmaindiv .box-header.purple-border {
    background: rgba(202, 179, 233, 20%) !important;
    border-top-color: #cab3e9 !important;
}

.purple-border-box .himsBoxContent table th {
    background: #cab3e9 !important;
}

.dashboardmaindiv .box-header.purple-border .box-title i {
    color: #cab3e9 !important;
}

/*------------------------------------------5---------------------------------------*/
.dashboardmaindiv .box-header.orange-border {
    background: rgba(166, 211, 252, 20%) !important;
    border-top-color: #a6d3fc !important;
}

.orange-border-box .himsBoxContent table th {
    background: #a6d3fc !important;
}

.dashboardmaindiv .box-header.orange-border .box-title i {
    color: #a6d3fc !important;
}
/*---------------------------------------6------------------------------------------*/
.dashboardmaindiv .box-header.maroon-border {
    background: rgba(247, 205, 163, 20%) !important;
    border-top-color: #f7cda3 !important;
}

.maroon-border-box .himsBoxContent table th {
    background: #f7cda3 !important;
}

.dashboardmaindiv .box-header.maroon-border .box-title i {
    color: #f7cda3 !important;
}
/*----------------------------------------7-----------------------------------------*/
.dashboardmaindiv .box-header.lightp-border {
    background: rgba(96, 201, 197, 20%) !important;
    border-top-color: #60c9c5 !important;
}

.lightp-border-box .himsBoxContent table th {
    background: #60c9c5 !important;
}

.dashboardmaindiv .box-header.lightp-border .box-title i {
    color: #60c9c5 !important;
}
/*----------------------------------------8-----------------------------------------*/
.dashboardmaindiv .box-header.lavander-border {
    background: rgba(250, 163, 182, 20%) !important;
    border-top-color: #faa3b6 !important;
}

.lavander-border-box .himsBoxContent table th {
    background: #faa3b6 !important;
}

.dashboardmaindiv .box-header.lavander-border .box-title i {
    color: #faa3b6 !important;
}
/*-----------------------------------------9----------------------------------------*/
.dashboardmaindiv .box-header.fblue-border {
    background: rgba(250, 173, 145, 20%) !important;
    border-top-color: #faad91 !important;
}

.fblue-border-box .himsBoxContent table th {
    background: #faad91 !important;
}

.dashboardmaindiv .box-header.fblue-border .box-title i {
    color: #faad91 !important;
}
/*-----------------------------------------10----------------------------------------*/
.dashboardmaindiv .box-header.wgreen-border {
    background: rgba(8, 82, 203, 6%) !important;
    border-top-color: #799ad0 !important;
}

.wgreen-border-box .himsBoxContent table th {
    background: #799ad0 !important;
}

.dashboardmaindiv .box-header.wgreen-border .box-title i {
    color: #799ad0 !important;
}
/*-------------------------------------------11--------------------------------------*/
.lgray-border-box .himsBoxContent table th {
    background: #FF2B94 !important;
}
/*---------------------------------------12------------------------------------------*/
.dashboardmaindiv .box-header.bred-border {
    background: rgba(247, 194, 98, 20%) !important;
    border-top-color: #f7c262 !important;
}

.bred-border-box .himsBoxContent table th {
    background: #f7c262 !important;
}

.dashboardmaindiv .box-header.bred-border .box-title i {
    color: #f7c262 !important;
}
/*-----------------------------------------13----------------------------------------*/
.dashboardmaindiv .box-header.dyellow-border {
    background: rgba(202, 179, 233, 20%) !important;
    border-top-color: #cab3e9 !important;
}

.dyellow-border-box .himsBoxContent table th {
    background: #cab3e9 !important;
}

.dashboardmaindiv .box-header.dyellow-border .box-title i {
    color: #cab3e9 !important;
}
/*----------------------------------------14-----------------------------------------*/
.dashboardmaindiv .box-header.bblue-border {
    background: rgba(166, 211, 252, 20%) !important;
    border-top-color: #a6d3fc !important;
}

.bblue-border-box .himsBoxContent table th {
    background: #a6d3fc !important;
}

.dashboardmaindiv .box-header.bblue-border .box-title i {
    color: #a6d3fc !important;
}
/*------------------------------------------15---------------------------------------*/
.dashboardmaindiv .box-header.fflash-border {
    background: rgba(247, 205, 163, 20%) !important;
    border-top-color: #f7cda3 !important;
}

    .dashboardmaindiv .box-header.fflash-border .box-title i {
        color: #f7cda3 !important;
    }
/*-------------------------------------------16--------------------------------------*/
.dashboardmaindiv .box-header.fpurple-border {
    background: rgba(96, 201, 197, 20%) !important;
    border-top-color: #60c9c5 !important;
}

.fpurple-border-box .himsBoxContent table th {
    background: #60c9c5 !important;
}

.dashboardmaindiv .box-header.fpurple-border .box-title i {
    color: #60c9c5 !important;
}
/*------------------------------------------17---------------------------------------*/
.dashboardmaindiv .box-header.agreen-border {
    background: rgba(250, 163, 182, 20%) !important;
    border-top-color: #faa3b6 !important;
}

.agreen-border-box .himsBoxContent table th {
    background: #faa3b6 !important;
}

.dashboardmaindiv .box-header.agreen-border .box-title i {
    color: #faa3b6 !important;
}
/*------------------------------------------18---------------------------------------*/
.dashboardmaindiv .box-header.rose-border {
    background: rgba(250, 173, 145, 20%) !important;
    border-top-color: #faad91 !important;
}

.rose-border-box .himsBoxContent table th {
    background: #faad91 !important;
}

.dashboardmaindiv .box-header.rose-border .box-title i {
    color: #faad91 !important;
}
/*------------------------------------------19---------------------------------------*/
.dashboardmaindiv .box-header.dgray-border {
    background: rgba(8, 82, 203, 6%) !important;
    border-top-color: #799ad0 !important;
}

.dgray-border-box .himsBoxContent table th {
    background: #799ad0 !important;
}

.dashboardmaindiv .box-header.dgray-border .box-title i {
    color: #799ad0 !important;
}
/*-----------------------------------------20----------------------------------------*/
.dashboardmaindiv .box-header.blue-border {
    background: rgba(247, 194, 98, 20%) !important;
    border-top-color: #f7c262 !important;
}

.blue-border-box .himsBoxContent table th {
    background: #f7c262 !important;
}

.dashboardmaindiv .box-header.blue-border .box-title i {
    color: #f7c262 !important;
}
/*------------------------------------------21---------------------------------------*/
.dashboardmaindiv .box-header.lead-border {
    background: rgba(202, 179, 233, 20%) !important;
    border-top-color: #cab3e9 !important;
}

.lead-border-box .himsBoxContent table th {
    background: #cab3e9 !important;
}

.dashboardmaindiv .box-header.lead-border .box-title i {
    color: #cab3e9 !important;
}
/*------------------------------------------22---------------------------------------*/
.dashboardmaindiv .box-header.pink-border {
    background: rgba(166, 211, 252, 20%) !important;
    border-top-color: #a6d3fc !important;
}

.pink-border-box .himsBoxContent table th {
    background: #a6d3fc !important;
}

.dashboardmaindiv .box-header.pink-border .box-title i {
    color: #a6d3fc !important;
}
/*------------------------------------------23---------------------------------------*/
.dashboardmaindiv .box-header.brown-border {
    background: rgba(247, 205, 163, 20%) !important;
    border-top-color: #f7cda3 !important;
}

.brown-border-box .himsBoxContent table th {
    background: #f7cda3 !important;
}

.dashboardmaindiv .box-header.brown-border .box-title i {
    color: #f7cda3 !important;
}

/*-----------------------------------------24----------------------------------------*/
.dashboardmaindiv .box-header.bgray-border {
    background: rgba(96, 201, 197, 20%) !important;
    border-top-color: #60c9c5 !important;
}

    .dashboardmaindiv .box-header.bgray-border .box-title i {
        color: #60c9c5 !important;
    }
/*---------------------------------------------------------------------------------*/




/*.rt-chkbox.rt-chkbox-outline > span {
        border:none !important;
        background: skyblue !important;
        border-radius: 3px !important;
    }


    .skin-blue .rt-chkbox > span:after,
    .skin-black .rt-chkbox > span:after,
    .skin-purple .rt-chkbox > span:after,
    .skin-red .rt-chkbox > span:after,
    .skin-yellow .rt-chkbox > span:after,
    .skin-darkblack .rt-chkbox > span:after,
    .skin-leafgreen .rt-chkbox > span:after,
    .skin-orangebold .rt-chkbox > span:after,
    .skin-navyblue .rt-chkbox > span:after,
    .skin-babypink .rt-chkbox > span:after{
        border: 1px solid #fff !important;
        border-width: 0 2px 2px 0 !important;
    }*/

/*.rt-chkbox.rt-chkbox-outline > span {
    border: 1px solid #ddd !important;
    border-radius: 2px;
}*/


/*.skin-red .form-control,
.skin-blue .form-control,
.skin-black .form-control,
.skin-purple .form-control,
.skin-green .form-control,
.skin-yellow .form-control,
.skin-purplelove .form-control,
.skin-darkblack .form-control,
.skin-ligthpurple .form-control,
.skin-leafgreen .form-control,
.skin-orangebold .form-control,
.skin-navyblue .form-control,
.skin-babypink .form-control {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
}*/
