/*!

 =========================================================
 * Material Dashboard - v2.1.0
 =========================================================

 * Product Page: https://www.creative-tim.com/product/material-dashboard
 * Copyright 2018 Creative Tim (http://www.creative-tim.com)

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 */

   .table tr th
 {
    color: #ff9800!important;
    font-weight:200;
    font-size:14px !important;
 }
.card {
    font-size: .875rem
}

.ajax__calendar_day {
 
    width: 100% !important;  
}
.ajax__calendar_dayname {
   
    width: 100% !important;

}
.table a {
    text-decoration: none;
    color:#757575 !important;
}

.table a:hover {
  
    color:#ef5350ed !important;
}
.grid-lable
{
     height:250px !important; 
     overflow-y:auto !important; 
     border:1px solid #ddd;
     margin-left:-10px; 
     margin-right:-10px;
     padding:6px;
     
   
}
.form-check, label {
    font-size: 13px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
    font-family: 'Open Sans', sans-serif !important;
  
}
.grid-lable span
{
    font-size: 13px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 600 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
    display: -webkit-box !important;

}

.grid-lable2 span
{
    font-size: 13px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 600 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
 
  
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eee;
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid #eee
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child .card-header,
    .card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child .card-footer,
    .card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child .card-header,
    .card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child .card-footer,
    .card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child .card-header,
    .card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child .card-footer,
    .card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child),
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}


.

.card {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.card .card-category:not([class*=text-]) {
    color: #999
}

.card .card-category {
    margin-top: 10px
}

.card .card-category .material-icons {
    position: relative;
    top: 8px;
    line-height: 0
}

.card .form-check {
    margin-top: 5px
}

.card .card-title {
    margin-top: .625rem
}

.card .card-title:last-child {
    margin-bottom: 0
}

.card.no-shadow .card-header-image,
.card.no-shadow .card-header-image img {
    box-shadow: none!important
}

.card .card-body,
.card .card-footer {
    padding: .9375rem 1.875rem
}

.card .card-body+.card-footer {
    padding-top: 0;
    border: 0;
    border-radius: 6px
}

.card .card-footer {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0
}

.card .card-footer .author,
.card .card-footer .stats {
    display: inline-flex
}

.card .card-footer .stats {
    color: #999
}

.card .card-footer .stats .material-icons {
    position: relative;
    top: -10px;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 18px
}

.card.bmd-card-raised {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

@media (min-width:992px) {
    .card.bmd-card-flat {
        box-shadow: none
    }
}

.card .card-header {
    border-bottom: none;
    background: transparent
}

.card .card-header .title {
    color: #fff
}

.card .card-header .nav-tabs {
    padding: 0
}

.card .card-header.card-header-image {
    position: relative;
    padding: 0;
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px
}

.card .card-header.card-header-image img {
    width: 100%;
    border-radius: 6px;
    pointer-events: none;
    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .24), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card .card-header.card-header-image .card-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.125rem;
    text-shadow: 0 2px 5px rgba(33, 33, 33, .5)
}

.card .card-header.card-header-image .colored-shadow {
    transform: scale(.94);
    top: 12px;
    filter: blur(12px);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    transition: opacity .45s;
    opacity: 0
}

.card .card-header.card-header-image.no-shadow {
    box-shadow: none
}

.card .card-header.card-header-image.no-shadow.shadow-normal {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card .card-header.card-header-image.no-shadow .colored-shadow {
    display: none!important
}

.card.bg-primary,
.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-primary .back,
.card.card-rotate.bg-primary .front {
    background: linear-gradient(60deg, #ab47bc, #8e24aa)
}

.card.bg-info,
.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-info .back,
.card.card-rotate.bg-info .front {
    background: linear-gradient(60deg, #26c6da, #00acc1)
}

.card.bg-success,
.card .card-header-success .card-icon,
.card .card-header-success .card-text,
.card .card-header-success:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-success .back,
.card.card-rotate.bg-success .front {
    background: linear-gradient(60deg, #66bb6a, #43a047)
}

.card.bg-warning,
.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-warning .back,
.card.card-rotate.bg-warning .front {
    background: linear-gradient(60deg, #ffa726, #fb8c00)
}

.card.bg-danger,
.card .card-header-danger .card-icon,
.card .card-header-danger .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-danger .back,
.card.card-rotate.bg-danger .front {
    background: linear-gradient(60deg, #ef5350, #e53935)
}

.card.bg-rose,
.card .card-header-rose .card-icon,
.card .card-header-rose .card-text,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-rose .back,
.card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg, #ec407a, #d81b60)
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.card .card-header-danger .card-icon,
.card .card-header-danger .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.card .card-header-rose .card-icon,
.card .card-header-rose .card-text,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.card .card-header-success .card-icon,
.card .card-header-success .card-text,
.card .card-header-success:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.card[class*=bg-],
.card[class*=bg-] .card-title,
.card[class*=bg-] .card-title a,
.card[class*=bg-] .icon i,
.card [class*=card-header-],
.card [class*=card-header-] .card-title,
.card [class*=card-header-] .card-title a,
.card [class*=card-header-] .icon i {
    color: #fff
}

.card[class*=bg-] .icon i,
.card [class*=card-header-] .icon i {
    border-color: hsla(0, 0%, 100%, .25)
}

.card[class*=bg-] .author a,
.card[class*=bg-] .card-category,
.card[class*=bg-] .card-description,
.card[class*=bg-] .stats,
.card [class*=card-header-] .author a,
.card [class*=card-header-] .card-category,
.card [class*=card-header-] .card-description,
.card [class*=card-header-] .stats {
    color: hsla(0, 0%, 100%, .8)
}

.card[class*=bg-] .author a:active,
.card[class*=bg-] .author a:focus,
.card[class*=bg-] .author a:hover,
.card [class*=card-header-] .author a:active,
.card [class*=card-header-] .author a:focus,
.card [class*=card-header-] .author a:hover {
    color: #fff
}

.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px
}

.card .author a {
    color: #3c4858;
    text-decoration: none
}

.card .author a .ripple-container {
    display: none
}

.card .card-category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px
}

.card .card-category-social .material-icons {
    position: relative;
    top: 5px
}

.card[class*=bg-],
.card[class*=bg-] .card-body {
    border-radius: 6px
}

.card[class*=bg-] .card-body h1 small,
.card[class*=bg-] .card-body h2 small,
.card[class*=bg-] .card-body h3 small,
.card[class*=bg-] h1 small,
.card[class*=bg-] h2 small,
.card[class*=bg-] h3 small {
    color: hsla(0, 0%, 100%, .8)
}

.card .card-stats {
    background: transparent;
    display: flex
}

.card .card-stats .author,
.card .card-stats .stats {
    display: inline-flex
}

.card {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14)
}

.card .table tr:first-child td {
    border-top: none
}

.card .card-title {
    margin-top: 0;
    margin-bottom: 3px
}

.card .card-body {
    padding: .9375rem 20px;
    position: relative
}

.card .card-body .form-group {
    margin: 8px 0 0
}

.card .card-header {
    z-index: 3!important
}

.card .card-header .card-title {
    margin-bottom: 3px
}

.card .card-header .card-category {
    margin: 0
}

.card .card-header.card-header-text {
    display: inline-block
}

.card .card-header.card-header-text:after {
    content: "";
    display: table
}

.card .card-header.card-header-icon i,
.card .card-header.card-header-text i {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px
}

.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
    margin-top: 15px;
    color: #3c4858
}

.card .card-header.card-header-icon h4,
.card .card-header.card-header-text h4 {
    font-weight: 300
}

.card .card-header.card-header-tabs .nav-tabs {
    background: transparent;
    padding: 0
}

.card .card-header.card-header-tabs .nav-tabs-title {
    float: left;
    padding: 10px 10px 10px 0;
    line-height: 24px
}

.card.card-plain .card-header.card-header-icon+.card-body .card-category,
.card.card-plain .card-header.card-header-icon+.card-body .card-title {
    margin-top: -20px
}

.card .card-actions {
    position: absolute;
    z-index: 1;
    top: -50px;
    width: calc(100% - 30px);
    left: 17px;
    right: 17px;
    text-align: center
}

.card .card-actions .card-header {
    padding: 0;
    min-height: 160px
}

.card .card-actions .btn {
    padding-left: 12px;
    padding-right: 12px
}

.card .card-actions .fix-broken-card {
    position: absolute;
    top: -65px
}

.card.card-chart .card-footer i:nth-child(1n+2) {
    width: 18px;
    text-align: center
}

.card.card-chart .card-category {
    margin: 0
}

.card .card-body+.card-footer,
.card .card-footer {
    padding: 0;
    padding-top: 10px;
    margin: 0 15px 10px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center
}

.card .card-body+.card-footer h6,
.card .card-footer h6 {
    width: 100%
}

.card .card-body+.card-footer .stats,
.card .card-footer .stats {
    color: #999;
    font-size: 12px;
    line-height: 22px
}

.card .card-body+.card-footer .stats .card-category,
.card .card-footer .stats .card-category {
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0
}

.card .card-body+.card-footer .stats .material-icons,
.card .card-footer .stats .material-icons {
    position: relative;
    top: 4px;
    font-size: 16px
}

.card [class*=card-header-] {
    margin: 0 15px;
    padding: 0;
    position: relative
}

.card [class*=card-header-] .card-title+.card-category {
    color: hsla(0, 0%, 100%, .8)
}

.card [class*=card-header-] .card-title+.card-category a {
    color: #fff
}

.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 15px
}

.card [class*=card-header-] .card-icon,
.card [class*=card-header-] .card-text {
    border-radius: 3px;
    background-color: #999;
    padding: 15px;
    margin-top: -20px;
    margin-right: 15px;
    float: left
}

.card [class*=card-header-] .card-text {
    float: none;
    display: inline-block;
    margin-right: 0
}

.card [class*=card-header-] .card-text .card-title {
    color: #fff;
    margin-top: 0
}

.card [class*=card-header-] .ct-chart .card-title {
    color: #fff
}

.card [class*=card-header-] .ct-chart .card-category {
    margin-bottom: 0;
    color: hsla(0, 0%, 100%, .62)
}

.card [class*=card-header-] .ct-chart .ct-label {
    color: hsla(0, 0%, 100%, .7)
}

.card [class*=card-header-] .ct-chart .ct-grid {
    stroke: hsla(0, 0%, 100%, .2)
}

.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar,
.card [class*=card-header-] .ct-chart .ct-series-a .ct-line,
.card [class*=card-header-] .ct-chart .ct-series-a .ct-point,
.card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-donut {
    stroke: hsla(0, 0%, 100%, .8)
}

.card [class*=card-header-] .ct-chart .ct-series-a .ct-area,
.card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-pie {
    fill: hsla(0, 0%, 100%, .4)
}

.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar {
    stroke-width: 10px
}

.card [class*=card-header-] .ct-chart .ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}

.card [class*=card-header-] .ct-chart .ct-line {
    fill: none;
    stroke-width: 4px
}

.card [data-header-animation=true] {
    transform: translateZ(0);
    transition: all .3s cubic-bezier(.34, 1.61, .7, 1)
}

.card:hover [data-header-animation=true] {
    transform: translate3d(0, -50px, 0)
}

.card .map {
    height: 280px;
    border-radius: 6px;
    margin-top: 15px
}

.card .map.map-big {
    height: 420px
}

.card .card-body.table-full-width {
    padding: 0
}

.card .card-plain .card-header-icon {
    margin-right: 15px!important
}

.table-sales {
    margin-top: 40px
}

.iframe-container {
    width: 100%
}

.iframe-container iframe {
    width: 100%;
    height: 500px;
    border: 0;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card-wizard .nav.nav-pills .nav-item {
    margin: 0
}

.card-wizard .nav.nav-pills .nav-item .nav-link {
    padding: 6px 15px!important
}

.card-wizard .nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) {
    margin-left: 0
}

.card-wizard .nav-item .nav-link.active,
.card-wizard .nav-item .nav-link:focus,
.card-wizard .nav-item .nav-link:hover {
    background-color: inherit!important;
    box-shadow: none!important
}

.card-wizard .input-group-text {
    padding: 6px 15px 0!important
}

.card-wizard .card-footer {
    border-top: none!important
}

.card-chart .card-body+.card-footer,
.card-product .card-body+.card-footer {
    border-top: 1px solid #eee
}

.card-product .price {
    color: inherit
}

.card-collapse {
    margin-bottom: 15px
}

.card-collapse .card .card-header a[aria-expanded=true] {
    color: #e91e63
}

.card-stats .card-header.card-header-icon,
.card-stats .card-header.card-header-text {
    text-align: right
}

.card-stats .card-header .card-icon+.card-category,
.card-stats .card-header .card-icon+.card-title {
    padding-top: 10px
}

.card-stats .card-header.card-header-icon .card-category,
.card-stats .card-header.card-header-icon .card-title,
.card-stats .card-header.card-header-text .card-category,
.card-stats .card-header.card-header-text .card-title {
    margin: 0
}

.card-stats .card-header .card-category {
    margin-bottom: 0;
    margin-top: 0
}

.card-stats .card-header .card-category:not([class*=text-]) {
    color: #999;
    font-size: 14px
}

.card-stats .card-header+.card-footer {
    border-top: 1px solid #eee;
    margin-top: 20px
}

.card-stats .card-header.card-header-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center
}

.card-stats .card-body {
    text-align: right
}

.card-profile {
    margin-top: 30px;
    text-align: center
}

.card-profile .card-avatar {
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card-profile .card-avatar+.card-body {
    margin-top: 15px
}

.card-profile .card-avatar img {
    width: 100%;
    height: auto
}

.card-profile .card-body+.card-footer {
    margin-top: -15px
}

.card-profile .card-footer .btn.btn-just-icon {
    font-size: 20px;
    padding: 12px;
    line-height: 1em
}

.card-profile.card-plain .card-avatar {
    margin-top: 0
}

.card-profile .card-header:not([class*=card-header-]) {
    background: transparent
}

.card-profile .card-avatar {
    max-width: 130px;
    max-height: 130px
}

.card-plain {
    background: transparent;
    box-shadow: none
}

.card-plain .card-header:not(.card-avatar) {
    margin-left: 0;
    margin-right: 0
}

.card-plain .card-body {
    padding-left: 5px;
    padding-right: 5px
}

.card-plain .card-header-image {
    margin: 0!important;
    border-radius: 6px
}

.card-plain .card-header-image img {
    border-radius: 6px
}

.card-plain .card-footer {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 1px;
    padding-left:10px;
}
.card-title1
{
    color:#fff;
}
.card .card-body+.card-footer, .card .card-footer {
    padding: 0;
    padding-top: 0px;
    margin: 0 14px 10px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
}
.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    border-radius: 3px;
    background-color: #999;
    padding: 7px;
    margin-top: -29px;
    margin-right: 15px;
    float: left;
}

.card-footer {
    padding: .358rem 1.429rem !important;
    background-color: #eee !;
    border-top: 1px solid #e0e0e0 !important;
}
.card .card-body+.card-footer .stats, .card .card-footer .stats {
    color: #999 !important;
    font-size: 12px !important;
    line-height: 22px !important;
}
/*.container {
    max-width: 1150px !important;
    margin-left: 165px;
    margin-top: -76px;
}*/
.site-menu .site-menu-sub .site-menu-item {
    line-height: 42px;
    color: rgba(117,117,117,.9);
    background: 0 0;
    border-bottom: 1px solid #fe480024 !important;
}

.site-menu .site-menu-sub .site-menu-item:hover
{
    color: #fff !important;
    background: #FE4800 !important;
}
.site-menu .site-menu-sub .site-menu-item.hover>a, .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #fff !important;
    background-color: rgba(255,255,255,.02);
}

.site-menu>.site-menu-item>.site-menu-sub {
    position: absolute;
    top: 0;
    left: 130px;
    width: auto !important;
    overflow-y: auto;
    visibility: hidden;
    background: #fff;
    border: 1px solid #f7f7f7;
    opacity: 0;
    -webkit-transition: visibility .25s,opacity .25s;
    -o-transition: visibility .25s,opacity .25s;
    transition: visibility .25s,opacity .25s;
}

.card .table tr:first-child td {
    border-top: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px 8px;
    vertical-align: middle;
    border-color: #ddd;
}
/*.table>tbody>tr {
    position: relative;
}*/
.text-warning {
    color: #ff9800!important;
}
.card .card-body {
    position: relative;
    top: 0px;
    left: 0px;
}
.stats a
{
    color:#999 !important;
    text-decoration:none !important;
}
.dropdown-menu-media .dropdown-menu-header {
    position: relative;
    padding: 5px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.message-preview:hover
{
    background: linear-gradient(60deg,#66bb6a,#43a047);
}
.message-preview:hover p
{
    color:#fff;
    text-decoration:none !important;
}
.message-preview:hover span
{
    color:#fff;
    text-decoration:none !important;
}
.message-preview:hover h5
{
    color:#fff;
    text-decoration:none !important;
}
.message-preview:hover i
{
    color:#fff;
    text-decoration:none !important;
}
hr {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    border: 0;
    border-top: 1px solid #e0e0e0;
}

.dropdown-menu-media .list-group {
    max-height: 329px;
    margin: 0;
    font-size: .858rem;
    border-radius: 0;
}
#DataList1 tr:hover
{
     background: linear-gradient(60deg,#66bb6a,#43a047);
     color:#fff;
}
#DataList1 tr:hover h5
{

     color:#fff;
}

.dropdown-menu-media .list-group-item {
    padding: 0 0px;
    margin: 0;
    border: none;
    border-radius: 0!important;
}

.container-fluid .dash-panel
{
    margin-top:70px !important;
       margin-left:20px;
    margin-right:20px;
}
.container .dash-panel
{
    margin-top:65px !important
}
.dashboard .card, .dashboard .panel {
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    margin-bottom: 20px !important;
}

.container-fluid .dash-pane2
{
    margin-top:160px !important;
    margin-left:20px !important;
    margin-right:20px!important;
}
.container .dash-pane2
{
    margin-top:160px !important
}

   #custom-search-form {
        margin:0;
        margin-top: 5px;
        padding: 0;
    }
 
    #custom-search-form .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-form button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
    
    .fa-search
    {
        float: right;
    margin-top: -26px;
    margin-right: 10px;
    }
    .span12
    {
        margin-top:10px;
    }
    .site-menu .site-menu-sub .site-menu-item {
    line-height: 30px !important;
    color: rgba(117,117,117,.9);
    background: 0 0;
    border-bottom: 1px solid #fe480024 !important;
}
.badge-info {
    color: #fff;
    background-color: #28a745 !important;
}

.container-fluid .card
{
    margin-top:-40px;
}
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #FE4800; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #FE4800; 
}
.site-navbar .navbar-header .navbar-brand-logo {
    height: 70px !important;
    margin-top: -31px;
}
.logo
{
  height: 70px !important;   
}

/*.table tr th
{
    background:#BDB76B;
    color:#fff !important;
    border:1px solid #fff !important;
    
}*/

/*  Start Green Color*/
.site-memubar-green input#Button1.login-btn
{
   background: yellow !important;
}

.site-memubar-green .site-menubar-body
{
     background: linear-gradient(60deg, #66bb6a, #43a047);
}

.site-memubar-green .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-green .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#43a047;
}

.site-memubar-green .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #43a047;
    background: #fff;
}
.site-memubar-green .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #43a047 !important;
    background: #fff !important;
}

.site-memubar-green .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff;
    background: #43a047 !important;
}
.site-memubar-green .card-header-warning
{
     color: #fff !important;
    background: #74b177 !important; 
}

.site-memubar-green::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

.site-memubar-green::-ms-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green::-ms-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green::-ms-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green::-ms-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

   




.site-memubar-green .card-body::-webkit-scrollbar {
  width: 6px;
}



/* Track */
.site-memubar-green .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green .card-body::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green .card-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

.site-memubar-green .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green .grid-lable::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green .grid-lable::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

.site-memubar-green .panel-heading
{
    padding: 7px;
    background: #74b177 !important;
    font-size: 16px;
}
.site-memubar-green .table tr th
{
    background:#74b177 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-green .message-preview:hover {
    background: linear-gradient(60deg,#66bb6a,#43a047) !important;
}
.site-memubar-green #DataList1 tr:hover {
    background: linear-gradient(60deg,#66bb6a,#43a047) !important;
    color: #fff;
}

.site-memubar-green .md-power
{
 color:#66bb6a !important;   
}
.site-memubar-green .md-email
{
     color:#66bb6a !important;
}
.site-memubar-green .fa-search
{
    color:#66bb6a !important;
}
.site-memubar-green #lblbrand
{
    color:#66bb6a !important;
}
.site-memubar-green #LblCompanyName
{
    color:#66bb6a !important;
}

.site-memubar-green .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green .auto-sift::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green .auto-sift::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

.site-memubar-green .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green .leave-duration::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green .leave-duration::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

.site-memubar-green .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green .user-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green .user-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}

.site-memubar-green #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important;  
}

/* Handle on hover */
.site-memubar-green #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #66bb6a, #43a047) !important; 
}
.site-memubar-green .admin-panel-heading {
  background: #74b177 !important; 
}
.site-memubar-green .admin-changepsd
{
    color:#66bb6a !important;
}
.site-memubar-green .admin-log
{
    color:#66bb6a !important;
}

/* tab*/
.site-memubar-green .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #66bb6a !important;
}
.site-memubar-green .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #66bb6a !important;
    border-bottom:5px solid #66bb6a !important;
    padding:30px 25px;
}

.site-memubar-green .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-green .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #66bb6a !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
      border-bottom:5px solid #fff;
}
.site-memubar-green .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#66bb6a !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*  End  Green Color*/


/*  Start orenge Color*/

.site-memubar-orange .site-menubar-body
{
     background: #FE4800;
}

.site-memubar-orange .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-orange .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#FE4800;
}

.site-memubar-orange .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #FE4800;
    background: #fff;
}
.site-memubar-orange .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #FE4800  !important;
    background: #fff  !important;
}

.site-memubar-orange .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff;
    background: #FE4800 !important;
}
.site-memubar-orange .card-header-warning
{
     color: #fff !important;
    background: #ff7038fa !important; 
}

.site-memubar-orange::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}

.site-memubar-orange .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange .card-body::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange .card-body::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}
.site-memubar-orange .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange .grid-lable::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}

.site-memubar-orange .panel-heading
{
    padding: 7px;
    background: #ff7038fa  !important;
    font-size: 16px;
}

.site-memubar-orange .table tr th
{
    background:#ff7038fa !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-orange .message-preview:hover {
    background: #FE4800 !important;
}
.site-memubar-orange #DataList1 tr:hover {
    background: #FE4800 !important;
    color: #fff;
}

.site-memubar-orange .md-power
{
 color:#FE4800 !important;   
}
.site-memubar-orange .md-email
{
     color:#FE4800 !important;
}
.site-memubar-orange .fa-search
{
    color:#FE4800 !important;
}
.site-memubar-orange #lblbrand
{
    color:#FE4800 !important;
}
.site-memubar-orange #LblCompanyName
{
    color:#FE4800 !important;
}

.site-memubar-orange .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange .leave-duration::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}
.site-memubar-orange .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange .auto-sift::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}

.site-memubar-orange .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange .user-scroll::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}

.site-memubar-orange #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-orange #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-orange #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #FE4800 !important;  
}

/* Handle on hover */
.site-memubar-orange #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #FE4800 !important; 
}

.site-memubar-orange .admin-panel-heading {
  background: #ff7038fa !important; 
}
.site-memubar-orange .admin-changepsd
{
    color:#FE4800 !important;
}
.site-memubar-orange .admin-log
{
    color:#FE4800 !important;
}

/* tab*/
.site-memubar-orange .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #FE4800 !important;
}
.site-memubar-orange .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #FE4800 !important;
    border-bottom:5px solid #FE4800 !important;
    padding:30px 25px;
}

.site-memubar-orange .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-orange .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #FE4800 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
      border-bottom:5px solid #fff;
}
.site-memubar-orange .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#ff7038fa !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*  End  orenge Color*/


/*  Start blue Color*/

.site-memubar-blue .site-menubar-body
{
     background: linear-gradient(60deg, #26c6da, #00acc1);
}

.site-memubar-blue .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-blue .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#26c6da;
}

.site-memubar-blue .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #26c6da;
    background: #fff;
}
.site-memubar-blue .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #26c6da !important;
    background: #fff !important;
}

.site-memubar-blue .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff;
    background: #26c6da !important;
}
.site-memubar-blue .card-header-warning
{
     color: #fff !important;
    background: #00acc1 !important; 
}

.site-memubar-blue::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important;  
}

/* Handle on hover */
.site-memubar-blue::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

.site-memubar-blue .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue .card-body::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

/* Handle on hover */
.site-memubar-blue .card-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}
.site-memubar-blue .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue .grid-lable::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

/* Handle on hover */
.site-memubar-blue .grid-lable::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

.site-memubar-blue .panel-heading
{
    padding: 7px;
    background: #00acc1!important;
    font-size: 16px;
}
.site-memubar-blue .table tr th
{
    background:#00acc1 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-blue .message-preview:hover {
    background: linear-gradient(60deg, #26c6da, #00acc1) !important;
}
.site-memubar-blue #DataList1 tr:hover {
    background: linear-gradient(60deg, #26c6da, #00acc1)!important;
    color: #fff;
}

.site-memubar-blue .md-power
{
 color:#26c6da !important;   
}
.site-memubar-blue .md-email
{
     color:#26c6da !important;
}
.site-memubar-blue .fa-search
{
    color:#26c6da !important;
}
.site-memubar-blue #lblbrand
{
    color:#26c6da !important;
}
.site-memubar-blue #LblCompanyName
{
    color:#26c6da !important;
}

.site-memubar-blue .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue .leave-duration::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

/* Handle on hover */
.site-memubar-blue .leave-duration::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

.site-memubar-blue .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue .auto-sift::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

/* Handle on hover */
.site-memubar-blue .auto-sift::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

.site-memubar-blue .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue .user-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

/* Handle on hover */
.site-memubar-blue .user-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

.site-memubar-blue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-blue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-blue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

/* Handle on hover */
.site-memubar-blue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}

.site-memubar-blue .admin-panel-heading {
  background: linear-gradient(60deg, #26c6da, #00acc1) !important; 
}
.site-memubar-blue .admin-changepsd
{
    color:#26c6da !important;
}
.site-memubar-blue .admin-log
{
    color:#26c6da !important;
}

/* tab*/
.site-memubar-blue .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #26c6da !important;
}
.site-memubar-blue .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #26c6da !important;
    border-bottom:5px solid #26c6da !important;
    padding:30px 25px;
}

.site-memubar-blue .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-blue .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #26c6da !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
      border-bottom:5px solid #fff;
}
.site-memubar-blue .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#26c6da !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/*  End  blue Color*/

/*  Start red Color*/

.site-memubar-red .site-menubar-body
{
     background: linear-gradient(60deg, #ef5350, #e53935);
}

.site-memubar-red .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-red .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#e53935;
}

.site-memubar-red .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #e53935 !important;
    background: #fff !important;
}
.site-memubar-red .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #e53935 !important;
    background: #fff !important;
}

.site-memubar-red .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #e53935 !important;
}
.site-memubar-red .card-header-warning
{
     color: #fff !important;
    background: #ef5350ed !important;
}

.site-memubar-red::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important;  
}

/* Handle on hover */
.site-memubar-red::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red .card-body::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

/* Handle on hover */
.site-memubar-red .card-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red .grid-lable::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

/* Handle on hover */
.site-memubar-red .grid-lable::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red .panel-heading
{
    padding: 7px;
    background: #ef5350ed !important;
    font-size: 16px;
}

.site-memubar-red .table tr th
{
    background:#ef5350ed !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-red .message-preview:hover {
    background: linear-gradient(60deg, #ef5350, #e53935) !important;
}
.site-memubar-red #DataList1 tr:hover {
    background: linear-gradient(60deg, #ef5350, #e53935)!important;
    color: #fff;
}

.site-memubar-red .md-power
{
 color:#ef5350 !important;   
}
.site-memubar-red .md-email
{
     color:#ef5350 !important;
}
.site-memubar-red .fa-search
{
    color:#ef5350 !important;
}
.site-memubar-red #lblbrand
{
    color:#ef5350 !important;
}
.site-memubar-red #LblCompanyName
{
    color:#ef5350 !important;
}

.site-memubar-red .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red .leave-duration::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

/* Handle on hover */
.site-memubar-red .leave-duration::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red .auto-sift::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

/* Handle on hover */
.site-memubar-red .auto-sift::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red .user-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

/* Handle on hover */
.site-memubar-red .user-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-red #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-red #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

/* Handle on hover */
.site-memubar-red #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(60deg, #ef5350, #e53935) !important; 
}

.site-memubar-red .admin-panel-heading {
  background: #ef5350ed !important; 
}
.site-memubar-red .admin-changepsd
{
    color:#ef5350 !important;
}
.site-memubar-red .admin-log
{
    color:#ef5350 !important;
}

/* tab*/
.site-memubar-red .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #ef5350 !important;
}
.site-memubar-red .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #ef5350 !important;
    border-bottom:5px solid #ef5350 !important;
    padding:30px 25px;
}

.site-memubar-red .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-red .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #ef5350 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
      border-bottom:5px solid #fff;
}

.site-memubar-red .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#ef5350 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/*  End  red Color*/

/*  Start black Color*/

.site-memubar-black .site-menubar-body
{
     background: #000;
}

.site-memubar-black .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-black .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#000;
}

.site-memubar-black .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #000;
    background: #fff;
}
.site-memubar-black .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #000 !important;
    background: #fff !important;
}

.site-memubar-black .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #000 !important;
}
.site-memubar-black .card-header-warning
{
     color: #fff !important;
    background: #333232 !important; 
}

.site-memubar-black::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black::-webkit-scrollbar-track {
  background: #f1f1f1 !important; 
}
 
/* Handle */
.site-memubar-black::-webkit-scrollbar-thumb {
  background: #333232 !important;  
}

/* Handle on hover */
.site-memubar-black::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}

.site-memubar-black .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-black .card-body::-webkit-scrollbar-thumb {
  background: #333232 !important; 
}

/* Handle on hover */
.site-memubar-black .card-body::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}

.site-memubar-black .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-black .grid-lable::-webkit-scrollbar-thumb {
  background: #333232 !important;  
}

/* Handle on hover */
.site-memubar-black .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}
.site-memubar-black .panel-heading
{
    padding: 7px;
    background: #333232 !important;
    font-size: 16px;
}
.site-memubar-black .table tr th
{
    background:#333232 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-black .message-preview:hover {
    background: #000 !important;
}
.site-memubar-black #DataList1 tr:hover {
    background: #000 !important;
    color: #fff;
}
  
  .site-memubar-black .md-power
{
 color:#000 !important;   
}
.site-memubar-black .md-email
{
     color:#000 !important;
}
.site-memubar-black .fa-search
{
    color:#000 !important;
}
.site-memubar-black #lblbrand
{
    color:#000 !important;
}
.site-memubar-black #LblCompanyName
{
    color:#000 !important;
}

.site-memubar-black .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-black .leave-duration::-webkit-scrollbar-thumb {
  background: #333232 !important;  
}

/* Handle on hover */
.site-memubar-black .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}
.site-memubar-black .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-black .auto-sift::-webkit-scrollbar-thumb {
  background: #333232 !important;  
}

/* Handle on hover */
.site-memubar-black .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}
/*  End  black Color*/

.site-memubar-black .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-black .user-scroll::-webkit-scrollbar-thumb {
  background: #333232 !important;  
}

/* Handle on hover */
.site-memubar-black .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}

.site-memubar-black #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-black #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-black #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #333232 !important;  
}

/* Handle on hover */
.site-memubar-black #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #333232 !important; 
}

.site-memubar-black .admin-panel-heading {
  background: #333232 !important; 
}
.site-memubar-black .admin-changepsd
{
    color:#000 !important;
}
.site-memubar-black .admin-log
{
    color:#000 !important;
}

/* tab*/
.site-memubar-black .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #000 !important;
}
.site-memubar-black .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #000 !important;
    border-bottom:5px solid #000 !important;
    padding:30px 25px;
}

.site-memubar-black .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-black .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #000 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}
.site-memubar-black .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#333232 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/*  End  black Color*/

/*  Pink Color Code */
.site-memubar-pink .site-menubar-body
{
     background: #FF1493;
}

.site-memubar-pink .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-pink .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#FF1493;
}

.site-memubar-pink .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #FF1493;
    background: #fff;
}
.site-memubar-pink .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #FF1493 !important;
    background: #fff !important;
}

.site-memubar-pink .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #FF1493 !important;
}
.site-memubar-pink .card-header-warning
{
     color: #fff !important;
    background: #f556ac !important; 
}

.site-memubar-pink::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink::-webkit-scrollbar-thumb {
  background: #f556ac !important;  
}

/* Handle on hover */
.site-memubar-pink::-webkit-scrollbar-thumb:hover {
  background: #f556ac !important; 
}

.site-memubar-pink .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink .card-body::-webkit-scrollbar-thumb {
  background: #f556ac !important; 
}

/* Handle on hover */
.site-memubar-pink .card-body::-webkit-scrollbar-thumb:hover {
  background: #f556ac !important; 
}

.site-memubar-pink .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink .grid-lable::-webkit-scrollbar-thumb {
  background: #FF1493 !important;  
}

/* Handle on hover */
.site-memubar-pink .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #FF1493 !important; 
}

.site-memubar-pink .panel-heading
{
    padding: 7px;
    background: #f556ac !important;
    font-size: 16px;
}
.site-memubar-pink .table tr th
{
    background:#f556ac !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-pink .message-preview:hover {
    background: #FF1493 !important;
}
.site-memubar-pink #DataList1 tr:hover {
    background: #FF1493 !important;
    color: #fff;
}

.site-memubar-pink .md-power
{
 color:#FF1493 !important;   
}
.site-memubar-pink .md-email
{
     color:#FF1493 !important;
}
.site-memubar-pink .fa-search
{
    color:#FF1493 !important;
}
.site-memubar-pink #lblbrand
{
    color:#FF1493 !important;
}
.site-memubar-pink #LblCompanyName
{
    color:#FF1493 !important;
}
.site-memubar-pink .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink .leave-duration::-webkit-scrollbar-thumb {
  background: #FF1493 !important;  
}

/* Handle on hover */
.site-memubar-pink .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #FF1493 !important; 
}

.site-memubar-pink .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink .auto-sift::-webkit-scrollbar-thumb {
  background: #FF1493 !important;  
}

/* Handle on hover */
.site-memubar-pink .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #FF1493 !important; 
}

.site-memubar-pink .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink .user-scroll::-webkit-scrollbar-thumb {
  background: #FF1493 !important;  
}

/* Handle on hover */
.site-memubar-pink .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #FF1493 !important; 
}

.site-memubar-pink #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-pink #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-pink #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #FF1493 !important;  
}

/* Handle on hover */
.site-memubar-pink #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #FF1493 !important; 
}

.site-memubar-pink .admin-panel-heading {
  background: #f556ac !important; 
}
.site-memubar-pink .admin-changepsd
{
    color:#FF1493 !important;
}
.site-memubar-pink .admin-log
{
    color:#FF1493 !important;
}

/* tab*/
.site-memubar-pink .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #FF1493 !important;
}
.site-memubar-pink .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #FF1493 !important;
    border-bottom:5px solid #FF1493 !important;
    padding:30px 25px;
}

.site-memubar-pink .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-pink .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #FF1493 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
      border-bottom:5px solid #fff;
}
.site-memubar-pink .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#f556ac !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/* End Pink Color Code */



/*  darkviolet Color Code */
.site-memubar-darkviolet .site-menubar-body
{
     background: #9400D3;
}

.site-memubar-darkviolet .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-darkviolet .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#9400D3;
}

.site-memubar-darkviolet .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #9400D3;
    background: #fff;
}
.site-memubar-darkviolet .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #9400D3 !important;
    background: #fff !important;
}

.site-memubar-darkviolet .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #9400D3 !important;
}
.site-memubar-darkviolet .card-header-warning
{
     color: #fff !important;
    background: #c447f9 !important; 
}

.site-memubar-darkviolet::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet::-webkit-scrollbar-thumb {
  background: #c447f9 !important;  
}

/* Handle on hover */
.site-memubar-darkviolet::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet .card-body::-webkit-scrollbar-thumb {
  background: #c447f9 !important; 
}

/* Handle on hover */
.site-memubar-darkviolet .card-body::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet .grid-lable::-webkit-scrollbar-thumb {
  background: #c447f9 !important;  
}

/* Handle on hover */
.site-memubar-darkviolet .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet .panel-heading
{
    padding: 7px;
    background: #c447f9 !important;
    font-size: 16px;
}
.site-memubar-darkviolet .table tr th
{
    background:#c447f9 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-darkviolet .message-preview:hover {
    background: #9400D3 !important;
}
.site-memubar-darkviolet #DataList1 tr:hover {
    background: #9400D3 !important;
    color: #fff;
}

.site-memubar-darkviolet .md-power
{
 color:#9400D3 !important;   
}
.site-memubar-darkviolet .md-email
{
     color:#9400D3 !important;
}
.site-memubar-darkviolet .fa-search
{
    color:#9400D3 !important;
}
.site-memubar-darkviolet #lblbrand
{
    color:#9400D3 !important;
}
.site-memubar-darkviolet #LblCompanyName
{
    color:#9400D3 !important;
}
.site-memubar-darkviolet .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet .leave-duration::-webkit-scrollbar-thumb {
  background: #c447f9 !important;  
}

/* Handle on hover */
.site-memubar-darkviolet .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet .auto-sift::-webkit-scrollbar-thumb {
  background: #c447f9 !important;  
}

/* Handle on hover */
.site-memubar-darkviolet .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet .user-scroll::-webkit-scrollbar-thumb {
  background: #c447f9 !important;  
}

/* Handle on hover */
.site-memubar-darkviolet .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-darkviolet #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-darkviolet #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #c447f9 !important;  
}

/* Handle on hover */
.site-memubar-darkviolet #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #c447f9 !important; 
}

.site-memubar-darkviolet .admin-panel-heading {
  background: #c447f9 !important; 
}
.site-memubar-darkviolet .admin-changepsd
{
    color:#c447f9 !important;
}
.site-memubar-darkviolet .admin-log
{
    color:#c447f9 !important;
}

/* tab*/
.site-memubar-darkviolet .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #c447f9 !important;
}
.site-memubar-darkviolet .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #c447f9 !important;
    border-bottom:5px solid #c447f9 !important;
    padding:30px 25px;
}

.site-memubar-darkviolet .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-darkviolet .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #c447f9 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
      border-bottom:5px solid #fff;
}

.site-memubar-darkviolet .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#c447f9 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/* End darkviolet Color Code */

/*  magenta Color Code */
.site-memubar-magenta .site-menubar-body
{
     background: #FF00FF;
}

.site-memubar-magenta .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-magenta .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#FF00FF;
}

.site-memubar-magenta .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #FF00FF;
    background: #fff;
}
.site-memubar-magenta .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color: #FF00FF !important;
    background: #fff !important;
}

.site-memubar-magenta .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #FF00FF !important;
}
.site-memubar-magenta .card-header-warning
{
     color: #fff !important;
    background: #ff80ff !important; 
}

.site-memubar-magenta::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta::-webkit-scrollbar-thumb {
  background: #ff80ff !important;  
}

/* Handle on hover */
.site-memubar-magenta::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta .card-body::-webkit-scrollbar-thumb {
  background: #ff80ff !important; 
}

/* Handle on hover */
.site-memubar-magenta .card-body::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta .grid-lable::-webkit-scrollbar-thumb {
  background: #ff80ff !important;  
}

/* Handle on hover */
.site-memubar-magenta .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta .panel-heading
{
    padding: 7px;
    background: #ff80ff !important;
    font-size: 16px;
}

.site-memubar-magenta .table tr th
{
    background:#ff80ff !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-magenta .message-preview:hover {
    background: #FF00FF !important;
}
.site-memubar-magenta #DataList1 tr:hover {
    background: #FF00FF !important;
    color: #fff;
}

.site-memubar-magenta .md-power
{
 color:#FF00FF !important;   
}
.site-memubar-magenta .md-email
{
     color:#FF00FF !important;
}
.site-memubar-magenta .fa-search
{
    color:#FF00FF !important;
}
.site-memubar-magenta #lblbrand
{
    color:#FF00FF !important;
}
.site-memubar-magenta #LblCompanyName
{
    color:#FF00FF !important;
}
.site-memubar-magenta .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta .leave-duration::-webkit-scrollbar-thumb {
  background: #ff80ff !important;  
}

/* Handle on hover */
.site-memubar-magenta .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta .auto-sift::-webkit-scrollbar-thumb {
  background: #ff80ff !important;  
}

/* Handle on hover */
.site-memubar-magenta .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta .user-scroll::-webkit-scrollbar-thumb {
  background: #ff80ff !important;  
}

/* Handle on hover */
.site-memubar-magenta .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-magenta #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-magenta #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #ff80ff !important;  
}

/* Handle on hover */
.site-memubar-magenta #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #ff80ff !important; 
}

.site-memubar-magenta .admin-panel-heading {
  background: #ff80ff !important; 
}
.site-memubar-magenta .admin-changepsd
{
    color:#ff80ff !important;
}
.site-memubar-magenta .admin-log
{
    color:#ff80ff !important;
}

/* tab*/
.site-memubar-magenta .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #ff80ff !important;
}
.site-memubar-magenta .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #ff80ff !important;
    border-bottom:5px solid #ff80ff !important;
    padding:30px 25px;
}

.site-memubar-magenta .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-magenta .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #ff80ff !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-magenta .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#ff80ff !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/* End magenta Color Code */




/*  purple Color Code */
.site-memubar-purple .site-menubar-body
{
     background: #800080;
}

.site-memubar-purple .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-purple .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#800080;
}

.site-memubar-purple .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #800080;
    background: #fff;
}
.site-memubar-purple .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#800080 !important;
    background: #fff !important;
}

.site-memubar-purple .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #800080 !important;
}
.site-memubar-purple .card-header-warning
{
     color: #fff !important;
    background: #a552a5 !important; 
}

.site-memubar-purple::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple::-webkit-scrollbar-thumb {
  background: #a552a5 !important;  
}

/* Handle on hover */
.site-memubar-purple::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}

.site-memubar-purple .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple .card-body::-webkit-scrollbar-thumb {
  background: #a552a5 !important; 
}

/* Handle on hover */
.site-memubar-purple .card-body::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}

.site-memubar-purple .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple .grid-lable::-webkit-scrollbar-thumb {
  background: #a552a5 !important;  
}

/* Handle on hover */
.site-memubar-purple .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}

.site-memubar-purple .panel-heading
{
    padding: 7px;
    background: #a552a5 !important;
    font-size: 16px;
}
.site-memubar-purple .table tr th
{
    background:#a552a5 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}

.site-memubar-purple .message-preview:hover {
    background:#800080 !important;
}
.site-memubar-purple #DataList1 tr:hover {
    background: #800080 !important;
    color: #fff;
}

.site-memubar-purple .md-power
{
 color:#800080 !important;   
}
.site-memubar-purple .md-email
{
     color:#800080 !important;
}
.site-memubar-purple .fa-search
{
    color:#800080 !important;
}
.site-memubar-purple #lblbrand
{
    color:#800080 !important;
}
.site-memubar-purple #LblCompanyName
{
    color:#800080 !important;
}
.site-memubar-purple .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple .leave-duration::-webkit-scrollbar-thumb {
  background: #a552a5 !important;  
}

/* Handle on hover */
.site-memubar-purple .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}
.site-memubar-purple .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple .auto-sift::-webkit-scrollbar-thumb {
  background: #a552a5 !important;  
}

/* Handle on hover */
.site-memubar-purple .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}
.site-memubar-purple .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple .user-scroll::-webkit-scrollbar-thumb {
  background: #a552a5 !important;  
}

/* Handle on hover */
.site-memubar-purple .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}

.site-memubar-purple #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-purple #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-purple #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #a552a5 !important;  
}

/* Handle on hover */
.site-memubar-purple #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #a552a5 !important; 
}
/* tab*/
.site-memubar-purple .shift-nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #a552a5 !important;
}
.site-memubar-purple .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #a552a5 !important;
    border-bottom:5px solid #a552a5 !important;
    padding:30px 25px;
}

.site-memubar-purple .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-purple .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #a552a5 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
     border-bottom:5px solid #fff;
}

.site-memubar-purple .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#a552a5 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/* End purple Color Code */

/*  indigo Color Code */
.site-memubar-indigo .site-menubar-body
{
     background: #4B0082;
}

.site-memubar-indigo .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-indigo .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#4B0082;
}

.site-memubar-indigo .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #4B0082;
    background: #fff;
}
.site-memubar-indigo .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#4B0082 !important;
    background: #fff !important;
}

.site-memubar-indigo .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #4B0082 !important;
}
.site-memubar-indigo .card-header-warning
{
     color: #fff !important;
    background: #824bab !important; 
}

.site-memubar-indigo::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo::-webkit-scrollbar-thumb {
  background: #824bab !important;  
}

/* Handle on hover */
.site-memubar-indigo::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}

.site-memubar-indigo.card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo .card-body::-webkit-scrollbar-thumb {
  background: #824bab !important; 
}

/* Handle on hover */
.site-memubar-indigo .card-body::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}

.site-memubar-indigo .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo .grid-lable::-webkit-scrollbar-thumb {
  background: #824bab !important;  
}

/* Handle on hover */
.site-memubar-indigo .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}

.site-memubar-indigo .panel-heading
{
    padding: 7px;
    background: #824bab !important;
    font-size: 16px;
}
.site-memubar-indigo .table tr th
{
    background:#824bab !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-indigo .message-preview:hover {
    background:#4B0082 !important;
}
.site-memubar-indigo #DataList1 tr:hover {
    background: #4B0082 !important;
    color: #fff;
}

.site-memubar-indigo .md-power
{
 color:#4B0082 !important;   
}
.site-memubar-indigo .md-email
{
     color:#4B0082 !important;
}
.site-memubar-indigo .fa-search
{
    color:#4B0082 !important;
}
.site-memubar-indigo #lblbrand
{
    color:#4B0082 !important;
}
.site-memubar-indigo #LblCompanyName
{
    color:#4B0082 !important;
}
.site-memubar-indigo .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo .leave-duration::-webkit-scrollbar-thumb {
  background: #824bab !important;  
}

/* Handle on hover */
.site-memubar-indigo .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}
.site-memubar-indigo .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo .auto-sift::-webkit-scrollbar-thumb {
  background: #824bab !important;  
}

/* Handle on hover */
.site-memubar-indigo .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}

.site-memubar-indigo .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo .user-scroll::-webkit-scrollbar-thumb {
  background: #824bab !important;  
}

/* Handle on hover */
.site-memubar-indigo .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}

.site-memubar-indigo #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-indigo #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-indigo #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #824bab !important;  
}

/* Handle on hover */
.site-memubar-indigo #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #824bab !important; 
}

.site-memubar-indigo .admin-panel-heading {
  background: #824bab !important; 
}
.site-memubar-indigo .admin-changepsd
{
    color:#824bab !important;
}
.site-memubar-indigo .admin-log
{
    color:#824bab !important;
}

/* tab*/
.site-memubar-indigo .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-indigo .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #824bab !important;
    border-bottom:5px solid #824bab !important;
    padding:30px 25px;
}

.site-memubar-indigo .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-indigo .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #824bab !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-indigo .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#824bab !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
/* End indigo Color Code */


/*=============================================Gray Color Theame===============================*/

.site-memubar-gray .site-menubar-body
{
     background: #757575;
}

.site-memubar-gray .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-gray .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#757575;
}

.site-memubar-gray .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #757575;
    background: #fff;
}
.site-memubar-gray .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#757575 !important;
    background: #fff !important;
}

.site-memubar-gray .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #757575 !important;
}
.site-memubar-gray .card-header-warning
{
     color: #fff !important;
    background: #757575 !important; 
}

.site-memubar-gray::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray::-webkit-scrollbar-thumb {
  background: #757575 !important;  
}

/* Handle on hover */
.site-memubar-gray::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}

.site-memubar-gray .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray .card-body::-webkit-scrollbar-thumb {
  background: #757575 !important; 
}

/* Handle on hover */
.site-memubar-gray .card-body::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}

.site-memubar-gray .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray .grid-lable::-webkit-scrollbar-thumb {
  background: #757575 !important;  
}

/* Handle on hover */
.site-memubar-gray .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}

.site-memubar-gray .panel-heading
{
    padding: 7px;
    background: #757575 !important;
    font-size: 16px;
}
.site-memubar-gray .table tr th
{
    background:#757575 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-gray .message-preview:hover {
    background:#757575 !important;
}
.site-memubar-gray #DataList1 tr:hover {
    background: #757575 !important;
    color: #fff;
}

.site-memubar-gray .md-power
{
 color:#757575 !important;   
}
.site-memubar-gray .md-email
{
     color:#757575 !important;
}
.site-memubar-gray .fa-search
{
    color:#757575 !important;
}
.site-memubar-gray #lblbrand
{
    color:#757575 !important;
}
.site-memubar-gray #LblCompanyName
{
    color:#757575 !important;
}
.site-memubar-gray .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray .leave-duration::-webkit-scrollbar-thumb {
  background: #757575 !important;  
}

/* Handle on hover */
.site-memubar-gray .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}
.site-memubar-gray .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray .auto-sift::-webkit-scrollbar-thumb {
  background: #757575 !important;  
}

/* Handle on hover */
.site-memubar-gray .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}

.site-memubar-gray .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray .user-scroll::-webkit-scrollbar-thumb {
  background: #757575 !important;  
}

/* Handle on hover */
.site-memubar-gray .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}

.site-memubar-gray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-gray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-gray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #757575 !important;  
}

/* Handle on hover */
.site-memubar-gray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #757575 !important; 
}

.site-memubar-gray .admin-panel-heading {
  background: #757575 !important; 
}
.site-memubar-gray .admin-changepsd
{
    color:#757575 !important;
}
.site-memubar-gray .admin-log
{
    color:#757575 !important;
}

/* tab*/
.site-memubar-gray .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-gray .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #824bab !important;
    border-bottom:5px solid #757575 !important;
    padding:30px 25px;
}

.site-memubar-gray .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-gray .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #757575 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-gray .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#757575 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Gray Color Theame===========================*/


/*=============================================Blue Gray Color Theame===============================*/

.site-memubar-bluegrey .site-menubar-body
{
     background: #526069;
}

.site-memubar-bluegrey .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-bluegrey .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#526069;
}

.site-memubar-bluegrey .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #526069;
    background: #fff;
}
.site-memubar-bluegrey .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#526069 !important;
    background: #fff !important;
}

.site-memubar-bluegrey .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #526069 !important;
}
.site-memubar-bluegrey .card-header-warning
{
     color: #fff !important;
    background: #526069 !important; 
}

.site-memubar-bluegrey::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey::-webkit-scrollbar-thumb {
  background: #526069 !important;  
}

/* Handle on hover */
.site-memubar-bluegrey::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}

.site-memubar-bluegrey .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey .card-body::-webkit-scrollbar-thumb {
  background: #526069 !important; 
}

/* Handle on hover */
.site-memubar-bluegrey .card-body::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}

.site-memubar-bluegrey .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey .grid-lable::-webkit-scrollbar-thumb {
  background:#526069 !important;  
}

/* Handle on hover */
.site-memubar-bluegrey .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}

.site-memubar-bluegrey .panel-heading
{
    padding: 7px;
    background: #526069 !important;
    font-size: 16px;
}
.site-memubar-bluegrey .table tr th
{
    background:#526069 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-bluegrey .message-preview:hover {
    background:#526069 !important;
}
.site-memubar-bluegrey #DataList1 tr:hover {
    background: #526069 !important;
    color: #fff;
}

.site-memubar-bluegrey .md-power
{
 color:#526069 !important;   
}
.site-memubar-bluegrey .md-email
{
     color:#526069 !important;
}
.site-memubar-bluegrey .fa-search
{
    color:#526069 !important;
}
.site-memubar-bluegrey #lblbrand
{
    color:#526069 !important;
}
.site-memubar-bluegrey #LblCompanyName
{
    color:#526069 !important;
}
.site-memubar-bluegrey .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey .leave-duration::-webkit-scrollbar-thumb {
  background: #526069 !important;  
}

/* Handle on hover */
.site-memubar-bluegrey .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}
.site-memubar-bluegrey .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey .auto-sift::-webkit-scrollbar-thumb {
  background: #526069 !important;  
}

/* Handle on hover */
.site-memubar-bluegrey .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}

.site-memubar-bluegrey .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey .user-scroll::-webkit-scrollbar-thumb {
  background: #526069 !important;  
}

/* Handle on hover */
.site-memubar-bluegrey .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}

.site-memubar-bluegrey #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-bluegrey #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #526069 !important;  
}

/* Handle on hover */
.site-memubar-bluegrey #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #526069 !important; 
}

.site-memubar-bluegrey .admin-panel-heading {
  background: #526069 !important; 
}
.site-memubar-bluegrey .admin-changepsd
{
    color:#526069 !important;
}
.site-memubar-bluegrey .admin-log
{
    color:#526069 !important;
}

/* tab*/
.site-memubar-bluegrey .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-bluegrey .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #824bab !important;
    border-bottom:5px solid #526069 !important;
    padding:30px 25px;
}

.site-memubar-bluegrey .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-bluegrey .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #526069 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-bluegrey .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#526069 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Blue Gray Color Theame===========================*/


/*=============================================Brown Color Theame===============================*/

.site-memubar-brown .site-menubar-body
{
     background: #997B71;
}

.site-memubar-brown .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-brown .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#997B71;
}

.site-memubar-brown .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #997B71;
    background: #fff;
}
.site-memubar-brown .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#997B71 !important;
    background: #fff !important;
}

.site-memubar-brown .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #997B71 !important;
}
.site-memubar-brown .card-header-warning
{
     color: #fff !important;
    background: #997B71 !important; 
}

.site-memubar-brown::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-brown::-webkit-scrollbar-thumb {
  background: #997B71 !important;  
}

/* Handle on hover */
.site-memubar-brown::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}

.site-memubar-brown .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-brown .card-body::-webkit-scrollbar-thumb {
  background: #997B71 !important; 
}

/* Handle on hover */
.site-memubar-brown .card-body::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}

.site-memubar-brown .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-brown .grid-lable::-webkit-scrollbar-thumb {
  background:#997B71 !important;  
}

/* Handle on hover */
.site-memubar-brown .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}

.site-memubar-brown .panel-heading
{
    padding: 7px;
    background: #997B71 !important;
    font-size: 16px;
}
.site-memubar-brown .table tr th
{
    background:#997B71 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-brown .message-preview:hover {
    background:#997B71 !important;
}
.site-memubar-brown #DataList1 tr:hover {
    background: #997B71 !important;
    color: #fff;
}

.site-memubar-brown .md-power
{
 color:#997B71 !important;   
}
.site-memubar-brown .md-email
{
     color:#997B71 !important;
}
.site-memubar-brown .fa-search
{
    color:#997B71 !important;
}
.site-memubar-brown #lblbrand
{
    color:#997B71 !important;
}
.site-memubar-brown #LblCompanyName
{
    color:#997B71 !important;
}
.site-memubar-brown .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-bluegrey .leave-duration::-webkit-scrollbar-thumb {
  background: #997B71 !important;  
}

/* Handle on hover */
.site-memubar-brown .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}
.site-memubar-brown .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-brown .auto-sift::-webkit-scrollbar-thumb {
  background: #997B71 !important;  
}

/* Handle on hover */
.site-memubar-brown .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}

.site-memubar-brown .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-brown .user-scroll::-webkit-scrollbar-thumb {
  background: #997B71 !important;  
}

/* Handle on hover */
.site-memubar-brown .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}

.site-memubar-brown #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-brown #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-brown #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #997B71 !important;  
}

/* Handle on hover */
.site-memubar-brown #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #997B71 !important; 
}

.site-memubar-brown .admin-panel-heading {
  background: #997B71 !important; 
}
.site-memubar-brown .admin-changepsd
{
    color:#997B71 !important;
}
.site-memubar-brown .admin-log
{
    color:#997B71 !important;
}

/* tab*/
.site-memubar-brown .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-brown .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #824bab !important;
    border-bottom:5px solid #997B71 !important;
    padding:30px 25px;
}

.site-memubar-brown .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-brown .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #997B71 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-brown .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#997B71 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Brown Color Theame===========================*/


/*=============================================Yellow Color Theame===============================*/

.site-memubar-yellow .site-menubar-body
{
     background: #FFCD17;
}

.site-memubar-yellow .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-yellow .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#FFCD17;
}

.site-memubar-yellow .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #FFCD17;
    background: #fff;
}
.site-memubar-yellow .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#FFCD17 !important;
    background: #fff !important;
}

.site-memubar-yellow .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #FFCD17 !important;
}
.site-memubar-yellow .card-header-warning
{
     color: #fff !important;
    background: #FFCD17 !important; 
}

.site-memubar-yellow::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow::-webkit-scrollbar-thumb {
  background: #FFCD17 !important;  
}

/* Handle on hover */
.site-memubar-yellow::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}

.site-memubar-yellow .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow .card-body::-webkit-scrollbar-thumb {
  background: #FFCD17 !important; 
}

/* Handle on hover */
.site-memubar-yellow .card-body::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}

.site-memubar-yellow .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow .grid-lable::-webkit-scrollbar-thumb {
  background:#FFCD17 !important;  
}

/* Handle on hover */
.site-memubar-yellow .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}

.site-memubar-yellow .panel-heading
{
    padding: 7px;
    background: #FFCD17 !important;
    font-size: 16px;
}
.site-memubar-yellow .table tr th
{
    background:#FFCD17 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-yellow .message-preview:hover {
    background:#FFCD17 !important;
}
.site-memubar-yellow #DataList1 tr:hover {
    background: #FFCD17 !important;
    color: #fff;
}

.site-memubar-yellow .md-power
{
 color:#FFCD17 !important;   
}
.site-memubar-yellow .md-email
{
     color:#FFCD17 !important;
}
.site-memubar-yellow .fa-search
{
    color:#FFCD17 !important;
}
.site-memubar-yellow #lblbrand
{
    color:#FFCD17 !important;
}
.site-memubar-yellow #LblCompanyName
{
    color:#FFCD17 !important;
}
.site-memubar-yellow .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow .leave-duration::-webkit-scrollbar-thumb {
  background: #FFCD17 !important;  
}

/* Handle on hover */
.site-memubar-yellow .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}
.site-memubar-yellow .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow .auto-sift::-webkit-scrollbar-thumb {
  background: #FFCD17 !important;  
}

/* Handle on hover */
.site-memubar-yellow .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}

.site-memubar-yellow .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow .user-scroll::-webkit-scrollbar-thumb {
  background: #FFCD17 !important;  
}

/* Handle on hover */
.site-memubar-yellow .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}

.site-memubar-yellow #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-yellow #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-yellow #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #FFCD17 !important;  
}

/* Handle on hover */
.site-memubar-yellow #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #FFCD17 !important; 
}

.site-memubar-yellow .admin-panel-heading {
  background: #FFCD17 !important; 
}
.site-memubar-yellow .admin-changepsd
{
    color:#FFCD17 !important;
}
.site-memubar-yellow .admin-log
{
    color:#FFCD17 !important;
}

/* tab*/
.site-memubar-yellow .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-yellow .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #824bab !important;
    border-bottom:5px solid #FFCD17 !important;
    padding:30px 25px;
}

.site-memubar-yellow .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-yellow .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #FFCD17 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-yellow .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#FFCD17 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Yellow Color Theame===========================*/


/*=============================================Teal Color Theame===============================*/

.site-memubar-teal .site-menubar-body
{
     background: #17B3A3;
}

.site-memubar-teal .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-teal .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#17B3A3;
}

.site-memubar-teal .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #17B3A3;
    background: #fff;
}
.site-memubar-teal .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#17B3A3 !important;
    background: #fff !important;
}

.site-memubar-teal .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #17B3A3 !important;
}
.site-memubar-teal .card-header-warning
{
     color: #fff !important;
    background: #17B3A3 !important; 
}

.site-memubar-teal::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal::-webkit-scrollbar-thumb {
  background: #17B3A3 !important;  
}

/* Handle on hover */
.site-memubar-teal::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}

.site-memubar-teal .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal .card-body::-webkit-scrollbar-thumb {
  background: #17B3A3 !important; 
}

/* Handle on hover */
.site-memubar-teal .card-body::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}

.site-memubar-teal .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal .grid-lable::-webkit-scrollbar-thumb {
  background:#17B3A3 !important;  
}

/* Handle on hover */
.site-memubar-teal .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}

.site-memubar-teal .panel-heading
{
    padding: 7px;
    background: #17B3A3 !important;
    font-size: 16px;
}
.site-memubar-teal .table tr th
{
    background:#17B3A3 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-teal .message-preview:hover {
    background:#17B3A3 !important;
}
.site-memubar-teal #DataList1 tr:hover {
    background: #17B3A3 !important;
    color: #fff;
}

.site-memubar-teal .md-power
{
 color:#17B3A3 !important;   
}
.site-memubar-teal .md-email
{
     color:#17B3A3 !important;
}
.site-memubar-teal .fa-search
{
    color:#17B3A3 !important;
}
.site-memubar-teal #lblbrand
{
    color:#17B3A3 !important;
}
.site-memubar-teal #LblCompanyName
{
    color:#17B3A3 !important;
}
.site-memubar-teal .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal .leave-duration::-webkit-scrollbar-thumb {
  background: #17B3A3 !important;  
}

/* Handle on hover */
.site-memubar-teal .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}
.site-memubar-teal .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal .auto-sift::-webkit-scrollbar-thumb {
  background: #17B3A3 !important;  
}

/* Handle on hover */
.site-memubar-teal .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}

.site-memubar-teal .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal .user-scroll::-webkit-scrollbar-thumb {
  background: #17B3A3 !important;  
}

/* Handle on hover */
.site-memubar-teal .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}

.site-memubar-teal #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-teal #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-teal #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #17B3A3 !important;  
}

/* Handle on hover */
.site-memubar-teal #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #17B3A3 !important; 
}

.site-memubar-teal .admin-panel-heading {
  background: #17B3A3 !important; 
}
.site-memubar-teal .admin-changepsd
{
    color:#17B3A3 !important;
}
.site-memubar-teal .admin-log
{
    color:#17B3A3 !important;
}

/* tab*/
.site-memubar-teal .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-teal .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #824bab !important;
    border-bottom:5px solid #17B3A3 !important;
    padding:30px 25px;
}

.site-memubar-teal .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-teal .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #17B3A3 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-teal .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#17B3A3 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Teal Color Theame===========================*/


/*=============================================Cyan Color Theame===============================*/

.site-memubar-cyan .site-menubar-body
{
     background: #0BB2D4;
}

.site-memubar-cyan .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-cyan .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#0BB2D4;
}

.site-memubar-cyan .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #0BB2D4;
    background: #fff;
}
.site-memubar-cyan .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#0BB2D4 !important;
    background: #fff !important;
}

.site-memubar-cyan .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #0BB2D4 !important;
}
.site-memubar-cyan .card-header-warning
{
     color: #fff !important;
    background: #0BB2D4 !important; 
}

.site-memubar-cyan::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan::-webkit-scrollbar-thumb {
  background: #0BB2D4 !important;  
}

/* Handle on hover */
.site-memubar-cyan::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}

.site-memubar-cyan .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan .card-body::-webkit-scrollbar-thumb {
  background: #0BB2D4 !important; 
}

/* Handle on hover */
.site-memubar-cyan .card-body::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}

.site-memubar-cyan .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan .grid-lable::-webkit-scrollbar-thumb {
  background:#0BB2D4 !important;  
}

/* Handle on hover */
.site-memubar-cyan .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}

.site-memubar-cyan .panel-heading
{
    padding: 7px;
    background: #0BB2D4 !important;
    font-size: 16px;
}
.site-memubar-cyan .table tr th
{
    background:#0BB2D4 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-cyan .message-preview:hover {
    background:#0BB2D4 !important;
}
.site-memubar-cyan #DataList1 tr:hover {
    background: #0BB2D4 !important;
    color: #fff;
}

.site-memubar-cyan .md-power
{
 color:#0BB2D4 !important;   
}
.site-memubar-cyan .md-email
{
     color:#0BB2D4 !important;
}
.site-memubar-cyan .fa-search
{
    color:#0BB2D4 !important;
}
.site-memubar-cyan #lblbrand
{
    color:#0BB2D4 !important;
}
.site-memubar-cyan #LblCompanyName
{
    color:#0BB2D4 !important;
}
.site-memubar-cyan .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan .leave-duration::-webkit-scrollbar-thumb {
  background: #0BB2D4 !important;  
}

/* Handle on hover */
.site-memubar-cyan .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}
.site-memubar-cyan .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan .auto-sift::-webkit-scrollbar-thumb {
  background: #0BB2D4 !important;  
}

/* Handle on hover */
.site-memubar-cyan .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}

.site-memubar-cyan .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan .user-scroll::-webkit-scrollbar-thumb {
  background: #0BB2D4 !important;  
}

/* Handle on hover */
.site-memubar-cyan .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}

.site-memubar-cyan #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-cyan #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-cyan #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #0BB2D4 !important;  
}

/* Handle on hover */
.site-memubar-cyan #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #0BB2D4 !important; 
}

.site-memubar-cyan .admin-panel-heading {
  background: #0BB2D4 !important; 
}
.site-memubar-cyan .admin-changepsd
{
    color:#0BB2D4 !important;
}
.site-memubar-cyan .admin-log
{
    color:#0BB2D4 !important;
}

/* tab*/
.site-memubar-cyan .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-cyan .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #0BB2D4 !important;
    border-bottom:5px solid #17B3A3 !important;
    padding:30px 25px;
}

.site-memubar-cyan .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-cyan .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #0BB2D4 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-cyan .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#0BB2D4 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Cyan Color Theame===========================*/


/*=============================================Lightgreen Color Theame===============================*/

.site-memubar-lightgreen .site-menubar-body
{
     background: #6DA611;
}

.site-memubar-lightgreen .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-lightgreen .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#6DA611;
}

.site-memubar-lightgreen .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #6DA611;
    background: #fff;
}
.site-memubar-lightgreen .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#6DA611 !important;
    background: #fff !important;
}

.site-memubar-lightgreen .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #6DA611 !important;
}
.site-memubar-lightgreen .card-header-warning
{
     color: #fff !important;
    background: #6DA611 !important; 
}

.site-memubar-lightgreen::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen::-webkit-scrollbar-thumb {
  background: #6DA611 !important;  
}

/* Handle on hover */
.site-memubar-lightgreen::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}

.site-memubar-lightgreen.card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen .card-body::-webkit-scrollbar-thumb {
  background: #6DA611 !important; 
}

/* Handle on hover */
.site-memubar-lightgreen .card-body::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}

.site-memubar-lightgreen .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen .grid-lable::-webkit-scrollbar-thumb {
  background:#6DA611 !important;  
}

/* Handle on hover */
.site-memubar-lightgreen .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}

.site-memubar-lightgreen .panel-heading
{
    padding: 7px;
    background: #6DA611 !important;
    font-size: 16px;
}
.site-memubar-lightgreen .table tr th
{
    background:#6DA611 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-lightgreen .message-preview:hover {
    background:#6DA611 !important;
}
.site-memubar-lightgreen #DataList1 tr:hover {
    background: #6DA611 !important;
    color: #fff;
}

.site-memubar-lightgreen .md-power
{
 color:#6DA611 !important;   
}
.site-memubar-lightgreen .md-email
{
     color:#6DA611 !important;
}
.site-memubar-lightgreen .fa-search
{
    color:#6DA611 !important;
}
.site-memubar-lightgreen #lblbrand
{
    color:#6DA611 !important;
}
.site-memubar-lightgreen #LblCompanyName
{
    color:#6DA611 !important;
}
.site-memubar-lightgreen .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen .leave-duration::-webkit-scrollbar-thumb {
  background: #6DA611 !important;  
}

/* Handle on hover */
.site-memubar-lightgreen .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}
.site-memubar-lightgreen .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen .auto-sift::-webkit-scrollbar-thumb {
  background: #6DA611 !important;  
}

/* Handle on hover */
.site-memubar-lightgreen .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}

.site-memubar-lightgreen .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen .user-scroll::-webkit-scrollbar-thumb {
  background: #6DA611 !important;  
}

/* Handle on hover */
.site-memubar-lightgreen .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}

.site-memubar-lightgreen #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightgreen #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightgreen #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #6DA611 !important;  
}

/* Handle on hover */
.site-memubar-lightgreen #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #6DA611 !important; 
}

.site-memubar-lightgreen .admin-panel-heading {
  background: #6DA611 !important; 
}
.site-memubar-lightgreen .admin-changepsd
{
    color:#6DA611 !important;
}
.site-memubar-lightgreen .admin-log
{
    color:#6DA611 !important;
}

/* tab*/
.site-memubar-lightgreen .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-lightgreen .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #6DA611 !important;
    border-bottom:5px solid #17B3A3 !important;
    padding:30px 25px;
}

.site-memubar-lightgreen .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-lightgreen .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #6DA611 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-lightgreen .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#6DA611 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Lightgreen Color Theame===========================*/



/*=============================================Green1 Color Theame===============================*/

.site-memubar-green1 .site-menubar-body
{
     background: #11C26D;
}

.site-memubar-green1 .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-green1 .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#11C26D;
}

.site-memubar-green1 .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #11C26D;
    background: #fff;
}
.site-memubar-green1 .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#11C26D !important;
    background: #fff !important;
}

.site-memubar-green1 .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #11C26D !important;
}
.site-memubar-green1 .card-header-warning
{
     color: #fff !important;
    background: #11C26D !important; 
}

.site-memubar-green1::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1::-webkit-scrollbar-thumb {
  background: #11C26D !important;  
}

/* Handle on hover */
.site-memubar-green1::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}

.site-memubar-green1 .card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1 .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1.card-body::-webkit-scrollbar-thumb {
  background: #11C26D !important; 
}

/* Handle on hover */
.site-memubar-green1 .card-body::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}

.site-memubar-green1 .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1 .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1 .grid-lable::-webkit-scrollbar-thumb {
  background:#11C26D !important;  
}

/* Handle on hover */
.site-memubar-green1 .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}

.site-memubar-green1 .panel-heading
{
    padding: 7px;
    background: #11C26D !important;
    font-size: 16px;
}
.site-memubar-green1 .table tr th
{
    background:#11C26D !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-green1 .message-preview:hover {
    background:#11C26D !important;
}
.site-memubar-green1 #DataList1 tr:hover {
    background: #11C26D !important;
    color: #fff;
}

.site-memubar-green1 .md-power
{
 color:#11C26D !important;   
}
.site-memubar-green1 .md-email
{
     color:#11C26D !important;
}
.site-memubar-green1 .fa-search
{
    color:#11C26D !important;
}
.site-memubar-green1 #lblbrand
{
    color:#11C26D !important;
}
.site-memubar-green1 #LblCompanyName
{
    color:#6DA611 !important;
}
.site-memubar-green1 .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1 .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1 .leave-duration::-webkit-scrollbar-thumb {
  background: #11C26D !important;  
}

/* Handle on hover */
.site-memubar-green1 .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}
.site-memubar-green1 .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1 .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1 .auto-sift::-webkit-scrollbar-thumb {
  background: #11C26D !important;  
}

/* Handle on hover */
.site-memubar-green1 .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}

.site-memubar-green1 .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1 .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1 .user-scroll::-webkit-scrollbar-thumb {
  background: #11C26D !important;  
}

/* Handle on hover */
.site-memubar-green1 .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}

.site-memubar-green1 #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-green1 #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-green1 #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #11C26D !important;  
}

/* Handle on hover */
.site-memubar-green1 #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #11C26D !important; 
}

.site-memubar-green1 .admin-panel-heading {
  background: #11C26D !important; 
}
.site-memubar-green1 .admin-changepsd
{
    color:#11C26D !important;
}
.site-memubar-green1 .admin-log
{
    color:#11C26D !important;
}

/* tab*/
.site-memubar-green1 .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-green1 .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #11C26D !important;
    border-bottom:5px solid #11C26D !important;
    padding:30px 25px;
}

.site-memubar-green1 .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-green1 .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #11C26D !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-green1 .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#11C26D !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Green1 Color Theame===========================*/


/*=============================================Light Blue Color Theame===============================*/

.site-memubar-lightblue .site-menubar-body
{
     background: #3E8EF7;
}

.site-memubar-lightblue .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-lightblue .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#3E8EF7;
}

.site-memubar-lightblue .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #3E8EF7;
    background: #fff;
}
.site-memubar-lightblue .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#3E8EF7 !important;
    background: #fff !important;
}

.site-memubar-lightblue .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #3E8EF7 !important;
}
.site-memubar-lightblue .card-header-warning
{
     color: #fff !important;
    background: #3E8EF7 !important; 
}

.site-memubar-lightblue::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue::-webkit-scrollbar-thumb {
  background: #3E8EF7 !important;  
}

/* Handle on hover */
.site-memubar-lightblue::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}

.site-memubar-lightblue.card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue .card-body::-webkit-scrollbar-thumb {
  background: #3E8EF7 !important; 
}

/* Handle on hover */
.site-memubar-lightblue .card-body::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}

.site-memubar-lightblue .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue .grid-lable::-webkit-scrollbar-thumb {
  background:#3E8EF7 !important;  
}

/* Handle on hover */
.site-memubar-lightblue .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}

.site-memubar-lightblue .panel-heading
{
    padding: 7px;
    background: #3E8EF7 !important;
    font-size: 16px;
}
.site-memubar-lightblue .table tr th
{
    background:#3E8EF7 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-lightblue .message-preview:hover {
    background:#3E8EF7 !important;
}
.site-memubar-lightblue #DataList1 tr:hover {
    background: #3E8EF7 !important;
    color: #fff;
}

.site-memubar-lightblue .md-power
{
 color:#3E8EF7 !important;   
}
.site-memubar-lightblue .md-email
{
     color:#3E8EF7 !important;
}
.site-memubar-lightblue .fa-search
{
    color:#3E8EF7 !important;
}
.site-memubar-lightblue #lblbrand
{
    color:#3E8EF7 !important;
}
.site-memubar-lightblue #LblCompanyName
{
    color:#3E8EF7 !important;
}
.site-memubar-lightblue .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue .leave-duration::-webkit-scrollbar-thumb {
  background: #3E8EF7 !important;  
}

/* Handle on hover */
.site-memubar-lightblue .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}
.site-memubar-lightblue .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue .auto-sift::-webkit-scrollbar-thumb {
  background: #3E8EF7 !important;  
}

/* Handle on hover */
.site-memubar-lightblue .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}

.site-memubar-lightblue .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue .user-scroll::-webkit-scrollbar-thumb {
  background: #3E8EF7 !important;  
}

/* Handle on hover */
.site-memubar-lightblue .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}

.site-memubar-lightblue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-lightblue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #3E8EF7 !important;  
}

/* Handle on hover */
.site-memubar-lightblue #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #3E8EF7 !important; 
}

.site-memubar-lightblue .admin-panel-heading {
  background: #3E8EF7 !important; 
}
.site-memubar-lightblue .admin-changepsd
{
    color:#3E8EF7 !important;
}
.site-memubar-lightblue .admin-log
{
    color:#3E8EF7 !important;
}

/* tab*/
.site-memubar-lightblue .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-lightblue .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #11C26D !important;
    border-bottom:5px solid #3E8EF7 !important;
    padding:30px 25px;
}

.site-memubar-lightblue .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-lightblue .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #3E8EF7 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-lightblue .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#3E8EF7 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Light Blue Color Theame===========================*/



/*=============================================Oattend-red Color Theame===============================*/

.site-memubar-oattendred .site-menubar-body
{
     background: #E31E24;
}

.site-memubar-oattendred .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-oattendred .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#E31E24;
}

.site-memubar-oattendred .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #E31E24;
    background: #fff;
}
.site-memubar-oattendred .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#E31E24 !important;
    background: #fff !important;
}

.site-memubar-oattendred .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #E31E24 !important;
}
.site-memubar-oattendred .card-header-warning
{
     color: #fff !important;
    background: #E31E24 !important; 
}

.site-memubar-oattendred::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendred::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred::-webkit-scrollbar-thumb {
  background: #E31E24 !important;  
}

/* Handle on hover */
.site-memubar-oattendred::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}

.site-memubar-oattendred.card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendred .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred .card-body::-webkit-scrollbar-thumb {
  background: #E31E24 !important; 
}

/* Handle on hover */
.site-memubar-oattendred .card-body::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}

.site-memubar-oattendred .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-lightblue .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred .grid-lable::-webkit-scrollbar-thumb {
  background:#E31E24 !important;  
}

/* Handle on hover */
.site-memubar-oattendred .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}

.site-memubar-oattendred .panel-heading
{
    padding: 7px;
    background: #E31E24 !important;
    font-size: 16px;
}
.site-memubar-oattendred .table tr th
{
    background:#E31E24 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-oattendred .message-preview:hover {
    background:#E31E24 !important;
}
.site-memubar-oattendred #DataList1 tr:hover {
    background: #E31E24 !important;
    color: #fff;
}

.site-memubar-oattendred .md-power
{
 color:#E31E24 !important;   
}
.site-memubar-oattendred .md-email
{
     color:#E31E24 !important;
}
.site-memubar-oattendred .fa-search
{
    color:#E31E24 !important;
}
.site-memubar-oattendred #lblbrand
{
    color:#E31E24 !important;
}
.site-memubar-oattendred #LblCompanyName
{
    color:#E31E24 !important;
}
.site-memubar-oattendred .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendred .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred .leave-duration::-webkit-scrollbar-thumb {
  background: #E31E24 !important;  
}

/* Handle on hover */
.site-memubar-oattendred .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}
.site-memubar-oattendred .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendred .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred .auto-sift::-webkit-scrollbar-thumb {
  background: #E31E24 !important;  
}

/* Handle on hover */
.site-memubar-oattendred .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}

.site-memubar-oattendred .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendred .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred .user-scroll::-webkit-scrollbar-thumb {
  background: #E31E24 !important;  
}

/* Handle on hover */
.site-memubar-oattendred .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}

.site-memubar-oattendred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #E31E24 !important;  
}

/* Handle on hover */
.site-memubar-oattendred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #E31E24 !important; 
}

.site-memubar-oattendred .admin-panel-heading {
  background: #E31E24 !important; 
}
.site-memubar-oattendred .admin-changepsd
{
    color:#E31E24 !important;
}
.site-memubar-oattendred .admin-log
{
    color:#E31E24 !important;
}

/* tab*/
.site-memubar-oattendred .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-oattendred .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #11C26D !important;
    border-bottom:5px solid #E31E24 !important;
    padding:30px 25px;
}

.site-memubar-oattendred .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-oattendred .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #E31E24 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-oattendred .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#E31E24 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Oattend-red Color Theame===========================*/



/*=============================================Oattend-gray Color Theame===============================*/

.site-memubar-oattendgray .site-menubar-body
{
     background: #4f4f51;
}

.site-memubar-oattendgray .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-oattendgray .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#4f4f51;
}

.site-memubar-oattendgray .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #4f4f51;
    background: #fff;
}
.site-memubar-oattendgray .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#4f4f51 !important;
    background: #fff !important;
}

.site-memubar-oattendgray .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #4f4f51 !important;
}
.site-memubar-oattendgray .card-header-warning
{
     color: #fff !important;
    background: #4f4f51 !important; 
}

.site-memubar-oattendgray::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray::-webkit-scrollbar-thumb {
  background: #4f4f51 !important;  
}

/* Handle on hover */
.site-memubar-oattendgray::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}

.site-memubar-oattendgray.card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray .card-body::-webkit-scrollbar-thumb {
  background: #4f4f51 !important; 
}

/* Handle on hover */
.site-memubar-oattendgray .card-body::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}

.site-memubar-oattendgray .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray .grid-lable::-webkit-scrollbar-thumb {
  background:#4f4f51 !important;  
}

/* Handle on hover */
.site-memubar-oattendgray .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}

.site-memubar-oattendgray .panel-heading
{
    padding: 7px;
    background: #4f4f51 !important;
    font-size: 16px;
}
.site-memubar-oattendgray .table tr th
{
    background:#4f4f51 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-oattendgray .message-preview:hover {
    background:#4f4f51 !important;
}
.site-memubar-oattendgray #DataList1 tr:hover {
    background: #4f4f51!important;
    color: #fff;
}

.site-memubar-oattendgray .md-power
{
 color:#4f4f51 !important;   
}
.site-memubar-oattendgray .md-email
{
     color:#4f4f51 !important;
}
.site-memubar-oattendgray .fa-search
{
    color:#4f4f51 !important;
}
.site-memubar-oattendgray #lblbrand
{
    color:#4f4f51 !important;
}
.site-memubar-oattendgray #LblCompanyName
{
    color:#4f4f51 !important;
}
.site-memubar-oattendgray .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray .leave-duration::-webkit-scrollbar-thumb {
  background: #4f4f51 !important;  
}

/* Handle on hover */
.site-memubar-oattendgray .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}
.site-memubar-oattendgray .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray .auto-sift::-webkit-scrollbar-thumb {
  background: #4f4f51 !important;  
}

/* Handle on hover */
.site-memubar-oattendgray .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}

.site-memubar-oattendgray .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray .user-scroll::-webkit-scrollbar-thumb {
  background: #4f4f51 !important;  
}

/* Handle on hover */
.site-memubar-oattendgray .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}

.site-memubar-oattendgray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-oattendgray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-oattendgray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #4f4f51 !important;  
}

/* Handle on hover */
.site-memubar-oattendgray #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #4f4f51 !important; 
}

.site-memubar-oattendgray .admin-panel-heading {
  background: #4f4f51 !important; 
}
.site-memubar-oattendgray .admin-changepsd
{
    color:#4f4f51 !important;
}
.site-memubar-oattendgray .admin-log
{
    color:#4f4f51 !important;
}

/* tab*/
.site-memubar-oattendgray .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-oattendgray .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #11C26D !important;
    border-bottom:5px solid #4f4f51 !important;
    padding:30px 25px;
}

.site-memubar-oattendgray .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-oattendgray .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #4f4f51 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-oattendgray .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#4f4f51 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Oattend-gray Color Theame===========================*/


/*=============================================Advision Red Color Theame===============================*/

.site-memubar-advisionred .site-menubar-body
{
     background: #bd1522;
}

.site-memubar-advisionred .site-menubar-body .site-menu-item a
{
    color:#fff;
}
.site-memubar-advisionred .site-menubar-body .site-menu-item .site-menu-sub a
{
    color:#bd1522;
}

.site-memubar-advisionred .site-menubar-body .site-menu>.site-menu-item.active>a {
    color: #bd1522;
    background: #fff;
}
.site-memubar-advisionred .site-menubar-body .site-menu>.site-menu-item:hover>a {
    color:#bd1522 !important;
    background: #fff !important;
}

.site-memubar-advisionred .site-menubar-body .site-menu .site-menu-sub .site-menu-item:hover {
    color: #fff !important;
    background: #bd1522 !important;
}
.site-memubar-advisionred .card-header-warning
{
     color: #fff !important;
    background: #bd1522 !important; 
}

.site-memubar-advisionred::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred::-webkit-scrollbar-thumb {
  background: #bd1522 !important;  
}

/* Handle on hover */
.site-memubar-advisionred::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}

.site-memubar-advisionred.card-body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred .card-body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred .card-body::-webkit-scrollbar-thumb {
  background: #bd1522 !important; 
}

/* Handle on hover */
.site-memubar-advisionred .card-body::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}

.site-memubar-advisionred .grid-lable::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred .grid-lable::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred .grid-lable::-webkit-scrollbar-thumb {
  background:#bd1522 !important;  
}

/* Handle on hover */
.site-memubar-advisionred .grid-lable::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}

.site-memubar-advisionred .panel-heading
{
    padding: 7px;
    background: #bd1522 !important;
    font-size: 16px;
}
.site-memubar-advisionred .table tr th
{
    background:#bd1522 !important;
    color:#fff !important;
    border:1px solid #fff !important;
    
}
.site-memubar-advisionred .message-preview:hover {
    background:#bd1522 !important;
}
.site-memubar-advisionred #DataList1 tr:hover {
    background: #bd1522!important;
    color: #fff;
}

.site-memubar-advisionred .md-power
{
 color:#bd1522 !important;   
}
.site-memubar-advisionred .md-email
{
     color:#bd1522 !important;
}
.site-memubar-advisionred .fa-search
{
    color:#bd1522 !important;
}
.site-memubar-advisionred #lblbrand
{
    color:#bd1522 !important;
}
.site-memubar-advisionred #LblCompanyName
{
    color:#bd1522 !important;
}
.site-memubar-advisionred .leave-duration::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred .leave-duration::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred .leave-duration::-webkit-scrollbar-thumb {
  background: #bd1522 !important;  
}

/* Handle on hover */
.site-memubar-advisionred .leave-duration::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}
.site-memubar-advisionred .auto-sift::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred .auto-sift::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred .auto-sift::-webkit-scrollbar-thumb {
  background: #bd1522 !important;  
}

/* Handle on hover */
.site-memubar-advisionred .auto-sift::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}

.site-memubar-advisionred .user-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred .user-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred .user-scroll::-webkit-scrollbar-thumb {
  background: #bd1522 !important;  
}

/* Handle on hover */
.site-memubar-advisionred .user-scroll::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}

.site-memubar-advisionred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.site-memubar-advisionred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.site-memubar-advisionred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb {
  background: #bd1522 !important;  
}

/* Handle on hover */
.site-memubar-advisionred #ctl00_MainContent_ReportViewer1_ctl10::-webkit-scrollbar-thumb:hover {
  background: #bd1522 !important; 
}

.site-memubar-advisionred .admin-panel-heading {
  background: #bd1522 !important; 
}
.site-memubar-advisionred .admin-changepsd
{
    color:#bd1522 !important;
}
.site-memubar-advisionred .admin-log
{
    color:#bd1522 !important;
}

/* tab*/
.site-memubar-advisionred .shift-nav > div a.nav-item.nav-link.active:after
 {
  /*content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #824bab !important;*/
}
.site-memubar-advisionred .tab-content1{
  background: #eee;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:0px solid #11C26D !important;
    border-bottom:5px solid #bd1522 !important;
    padding:30px 25px;
}

.site-memubar-advisionred .shift-nav > div a.nav-item.nav-link:hover,
.site-memubar-advisionred .shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #bd1522 !important;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    border-bottom:5px solid #fff;
}

.site-memubar-advisionred .shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:#bd1522 !important;
    border-bottom:5px solid #fff;
    color:#fff !important;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}

/*=============================================End Advision Red Color Theame===========================*/

/*================================================================*/

/*   Change base color of admin */


/*  1.  Total-Present-Employees  */
.Total-Present-Employees-geeen
{
    background:#11C26D !important;
}
.Total-Present-Employees-geeen .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-geeen .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-geeen .stats a
{
    color:#fff !important;
}
.Total-Present-Employees-red
{
    background:#FF4C52;
}
.Total-Present-Employees-red .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-red .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-red .stats a
{
    color:#fff !important;
}
.Total-Present-Employees-blue
{
    background:#3E8EF7;
}
.Total-Present-Employees-blue .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-blue .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-blue .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-pink
{
    background:#F74584;
}
.Total-Present-Employees-pink .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-pink .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-pink .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-purple
{
    background:#9463F7;
}
.Total-Present-Employees-purple .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-purple .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-purple .stats a
{
    color:#fff !important;
}


.Total-Present-Employees-indigo
{
    background:#667AFA;
}
.Total-Present-Employees-indigo .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-indigo .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-indigo .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-cyan
{
    background:#0BB2D4;
}
.Total-Present-Employees-cyan .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-cyan .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-cyan .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-teal
{
    background:#17B3A3;
}
.Total-Present-Employees-teal .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-teal .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-teal .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-lightgreen
{
    background:#6DA611;
}
.Total-Present-Employees-lightgreen .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-lightgreen .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-lightgreen .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-yellow
{
    background:#FFCD17;
}
.Total-Present-Employees-yellow .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-yellow .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-yellow .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-orange
{
    background:#EB6709;
}
.Total-Present-Employees-orange .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-orange .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-orange .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-brown
{
    background:#997B71;
}
.Total-Present-Employees-brown .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-brown .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-brown .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-gray
{
    background:#757575;
}
.Total-Present-Employees-gray .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-gray .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-gray .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-bluegrey
{
    background:#526069;
}
.Total-Present-Employees-bluegrey .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-bluegreyy .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-bluegrey .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-oattendred
{
    background:#E31E24;
}
.Total-Present-Employees-oattendred .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-oattendred .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-oattendred .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-oattendgray
{
    background:#4f4f51;
}
.Total-Present-Employees-oattendgray .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-oattendgray .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-oattendgray .stats a
{
    color:#fff !important;
}

.Total-Present-Employees-advisionred
{
    background:#bd1522;
}
.Total-Present-Employees-advisionred .card-title span
{
    color:#fff !important;
}
.Total-Present-Employees-advisionred .card-category span
{
    color:#fff !important;
}
.Total-Present-Employees-advisionred .stats a
{
    color:#fff !important;
}
/*  1.  End Total-Present-Employees  */



/*  2.  Total Employees  */


.Total-Employees-geeen
{
    background:#11C26D !important;
}
.Total-Employees-geeen .card-title span
{
    color:#fff !important;
}
.Total-Employees-geeen .card-category span
{
    color:#fff !important;
}
.Total-Employees-geeen .stats a
{
    color:#fff !important;
}
.Total-Employees-red
{
    background:#FF4C52;
}
.Total-Employees-red .card-title span
{
    color:#fff !important;
}
.Total-Employees-red .card-category span
{
    color:#fff !important;
}
.Total-Employees-red .stats a
{
    color:#fff !important;
}
.Total-Employees-blue
{
    background:#3E8EF7;
}
.Total-Employees-blue .card-title span
{
    color:#fff !important;
}
.Total-Employees-blue .card-category span
{
    color:#fff !important;
}
.Total-Employees-blue .stats a
{
    color:#fff !important;
}

.Total-Employees-pink
{
    background:#F74584;
}
.Total-Employees-pink .card-title span
{
    color:#fff !important;
}
.Total-Employees-pink .card-category span
{
    color:#fff !important;
}
.Total-Employees-pink .stats a
{
    color:#fff !important;
}

.Total-Employees-purple
{
    background:#9463F7;
}
.Total-Employees-purple .card-title span
{
    color:#fff !important;
}
.Total-Employees-purple .card-category span
{
    color:#fff !important;
}
.Total-Employees-purple .stats a
{
    color:#fff !important;
}


.Total-Employees-indigo
{
    background:#667AFA;
}
.Total-Employees-indigo .card-title span
{
    color:#fff !important;
}
.Total-Employees-indigo .card-category span
{
    color:#fff !important;
}
.Total-Employees-indigo .stats a
{
    color:#fff !important;
}

.Total-Employees-cyan
{
    background:#0BB2D4;
}
.Total-Employees-cyan .card-title span
{
    color:#fff !important;
}
.Total-Employees-cyan .card-category span
{
    color:#fff !important;
}
.Total-Employees-cyan .stats a
{
    color:#fff !important;
}

.Total-Employees-teal
{
    background:#17B3A3;
}
.Total-Employees-teal .card-title span
{
    color:#fff !important;
}
.Total-Employees-teal .card-category span
{
    color:#fff !important;
}
.Total-Employees-teal .stats a
{
    color:#fff !important;
}

.Total-Employees-lightgreen
{
    background:#6DA611;
}
.Total-Employees-lightgreen .card-title span
{
    color:#fff !important;
}
.Total-Employees-lightgreen .card-category span
{
    color:#fff !important;
}
.Total-Employees-lightgreen .stats a
{
    color:#fff !important;
}

.Total-Employees-yellow
{
    background:#FFCD17;
}
.Total-Employees-yellow .card-title span
{
    color:#fff !important;
}
.Total-Employees-yellow .card-category span
{
    color:#fff !important;
}
.Total-Employees-yellow .stats a
{
    color:#fff !important;
}

.Total-Employees-orange
{
    background:#EB6709;
}
.Total-Employees-orange .card-title span
{
    color:#fff !important;
}
.Total-Employees-orange .card-category span
{
    color:#fff !important;
}
.Total-Employees-orange .stats a
{
    color:#fff !important;
}

.Total-Employees-brown
{
    background:#997B71;
}
.Total-Employees-brown .card-title span
{
    color:#fff !important;
}
.Total-Employees-brown .card-category span
{
    color:#fff !important;
}
.Total-Employees-brown .stats a
{
    color:#fff !important;
}

.Total-Employees-gray
{
    background:#757575;
}
.Total-Employees-gray .card-title span
{
    color:#fff !important;
}
.Total-Employees-gray .card-category span
{
    color:#fff !important;
}
.Total-Employees-gray .stats a
{
    color:#fff !important;
}

.Total-Employees-bluegrey
{
    background:#526069;
}
.Total-Employees-bluegrey .card-title span
{
    color:#fff !important;
}
.Total-Employees-bluegreyy .card-category span
{
    color:#fff !important;
}
.Total-Employees-bluegrey .stats a
{
    color:#fff !important;
}


.Total-Employees-oattendred
{
    background:#E31E24;
}
.Total-Employees-oattendred .card-title span
{
    color:#fff !important;
}
.Total-Employees-oattendred .card-category span
{
    color:#fff !important;
}
.Total-Employees-oattendred .stats a
{
    color:#fff !important;
}


.Total-Employees-oattendgray
{
    background:#4f4f51;
}
.Total-Employees-oattendgray .card-title span
{
    color:#fff !important;
}
.Total-Employees-oattendgray .card-category span
{
    color:#fff !important;
}
.Total-Employees-oattendgray .stats a
{
    color:#fff !important;
}


.Total-Employees-advisionred
{
    background:#bd1522;
}
.Total-Employees-advisionred .card-title span
{
    color:#fff !important;
}
.Total-Employees-advisionred .card-category span
{
    color:#fff !important;
}
.Total-Employees-advisionred .stats a
{
    color:#fff !important;
}
/*  2.  End Total Employees  */




/*  3.  Total-Absent-Employees  */


.Total-Absent-Employees-geeen
{
    background:#11C26D !important;
}
.Total-Absent-Employees-geeen .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-geeen .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-geeen .stats a
{
    color:#fff !important;
}
.Total-Absent-Employees-Employees-red
{
    background:#FF4C52;
}
.Total-Absent-Employees-red .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-red .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-red .stats a
{
    color:#fff !important;
}
.Total-Absent-Employees-blue
{
    background:#3E8EF7;
}
.Total-Absent-Employees-blue .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-blue .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-blue .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-pink
{
    background:#F74584;
}
.Total-Absent-Employees-pink .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-pink .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-pink .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-purple
{
    background:#9463F7;
}
.Total-Absent-Employees-purple .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-purple .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-purple .stats a
{
    color:#fff !important;
}


.Total-Absent-Employees-indigo
{
    background:#667AFA;
}
.Total-Absent-Employees-indigo .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-indigo .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-indigo .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-cyan
{
    background:#0BB2D4;
}
.Total-Absent-Employees-cyan .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-cyan .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-cyan .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-teal
{
    background:#17B3A3;
}
.Total-Absent-Employees-teal .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-teal .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-teal .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-lightgreen
{
    background:#6DA611;
}
.Total-Absent-Employees-lightgreen .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-lightgreen .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-lightgreen .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-yellow
{
    background:#FFCD17;
}
.Total-Absent-Employees-yellow .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-yellow .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-yellow .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-orange
{
    background:#EB6709;
}
.Total-Absent-Employees-orange .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-orange .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-orange .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-brown
{
    background:#997B71;
}
.Total-Absent-Employees-brown .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-brown .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-brown .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-gray
{
    background:#757575;
}
.Total-Absent-Employees-gray .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-gray .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-gray .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-bluegrey
{
    background:#526069;
}
.Total-Absent-Employees-bluegrey .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-bluegreyy .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-bluegrey .stats a
{
    color:#fff !important;
}


.Total-Absent-Employees-oattendred
{
    background:#E31E24;
}
.Total-Absent-Employees-oattendred .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-oattendred .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-oattendred .stats a
{
    color:#fff !important;
}

.Total-Absent-Employees-oattendgray
{
    background:#4f4f51;
}
.Total-Absent-Employees-oattendgray .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-oattendgray .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-oattendgray .stats a
{
    color:#fff !important;
}


.Total-Absent-Employees-advisionred
{
    background:#bd1522;
}
.Total-Absent-Employees-advisionred .card-title span
{
    color:#fff !important;
}
.Total-Absent-Employees-advisionred .card-category span
{
    color:#fff !important;
}
.Total-Absent-Employees-advisionred .stats a
{
    color:#fff !important;
}

/*  3.  End Total-Absent-Employees  */


/*  4.  Total Late Employees  */

.Total-Late-Employees-geeen
{
    background:#11C26D !important;
}
.Total-Late-Employees-geeen .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-geeen .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-geeen .stats a
{
    color:#fff !important;
}
.Total-Late-Employees-Employees-red
{
    background:#FF4C52;
}
.Total-Late-Employees-red .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-red .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-red .stats a
{
    color:#fff !important;
}
.Total-Late-Employees-blue
{
    background:#3E8EF7;
}
.Total-Late-Employees-blue .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-blue .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-blue .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-pink
{
    background:#F74584;
}
.Total-Late-Employees-pink .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-pink .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-pink .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-purple
{
    background:#9463F7;
}
.Total-Late-Employees-purple .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-purple .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-purple .stats a
{
    color:#fff !important;
}


.Total-Late-Employees-indigo
{
    background:#667AFA;
}
.Total-Late-Employees-indigo .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-indigo .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-indigo .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-cyan
{
    background:#0BB2D4;
}
.Total-Late-Employees-cyan .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-cyan .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-cyan .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-teal
{
    background:#17B3A3;
}
.Total-Late-Employees-teal .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-teal .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-teal .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-lightgreen
{
    background:#6DA611;
}
.Total-Late-Employees-lightgreen .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-lightgreen .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-lightgreen .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-yellow
{
    background:#FFCD17;
}
.Total-Late-Employees-yellow .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-yellow .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-yellow .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-orange
{
    background:#EB6709;
}
.Total-Late-Employees-orange .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-orange .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-orange .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-brown
{
    background:#997B71;
}
.Total-Late-Employees-brown .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-brown .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-brown .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-gray
{
    background:#757575;
}
.Total-Late-Employees-gray .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-gray .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-gray .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-bluegrey
{
    background:#526069;
}
.Total-Late-Employees-bluegrey .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-bluegreyy .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-bluegrey .stats a
{
    color:#fff !important;
}


.Total-Late-Employees-oattendred
{
    background:#E31E24;
}
.Total-Late-Employees-oattendred .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-oattendred .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-oattendred .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-oattendgray
{
    background:#4f4f51;
}
.Total-Late-Employees-oattendgray .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-oattendgray .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-oattendgray .stats a
{
    color:#fff !important;
}

.Total-Late-Employees-advisionred
{
    background:#bd1522;
}
.Total-Late-Employees-advisionred .card-title span
{
    color:#fff !important;
}
.Total-Late-Employees-advisionred .card-category span
{
    color:#fff !important;
}
.Total-Late-Employees-advisionred .stats a
{
    color:#fff !important;
}

/*  4.  End Total Late Employees  */



/*   End Change base color of admin */

/*===================================================================*/



/*================================================================*/

/*   Change Color of icon */
/*  1.  Total-Present-Employees  */
.Total-Present-Employees-red-icon
{
    background:#FF4C52 !important;
}
.Total-Present-Employees-geeen-icon
{
    background:#11C26D !important;
}
.Total-Present-Employees-blue-icon
{
    background:#3E8EF7 !important;
}
.Total-Present-Employees-pink-icon
{
    background:#F74584 !important;
}
.Total-Present-Employees-purple-icon
{
    background:#9463F7 !important;
}
.Total-Present-Employees-indigo-icon
{
    background:#667AFA !important;
}
.Total-Present-Employees-cyan-icon
{
    background:#0BB2D4 !important;
}
.Total-Present-Employees-teal-icon
{
    background:#17B3A3 !important;
}
.Total-Present-Employees-lightgreen-icon
{
    background:#6DA611 !important;
}
.Total-Present-Employees-yellow-icon
{
    background:#FFCD17 !important;
}
.Total-Present-Employees-orange-icon
{
    background:#EB6709 !important;
}
.Total-Present-Employees-brown-icon
{
    background:#997B71 !important;
}
.Total-Present-Employees-gray-icon
{
    background:#757575 !important;
}
.Total-Present-Employees-bluegrey-icon
{
    background:#526069 !important;
}
.Total-Present-Employees-oattendred-icon
{
    background:#E31E24 !important;
}
.Total-Present-Employees-oattendgray-icon
{
    background:#4f4f51 !important;
}
.Total-Present-Employees-advisionred-icon
{
    background:#bd1522 !important;
}
/*  1.  End Total-Present-Employees  */


/*  2.  Total Employees  */

.Total-Employees-red-icon
{
    background:#FF4C52 !important;
}
.Total-Employees-geeen-icon
{
    background:#11C26D !important;
}
.Total-Employees-blue-icon
{
    background:#3E8EF7 !important;
}
.Total-Employees-pink-icon
{
    background:#F74584 !important;
}
.Total-Employees-purple-icon
{
    background:#9463F7 !important;
}
.Total-Employees-indigo-icon
{
    background:#667AFA !important;
}
.Total-Employees-cyan-icon
{
    background:#0BB2D4 !important;
}
.Total-Employees-teal-icon
{
    background:#17B3A3 !important;
}
.Total-Employees-lightgreen-icon
{
    background:#6DA611 !important;
}
.Total-Employees-yellow-icon
{
    background:#FFCD17 !important;
}
.Total-Employees-orange-icon
{
    background:#EB6709 !important;
}
.Total-Employees-brown-icon
{
    background:#997B71 !important;
}
.Total-Employees-gray-icon
{
    background:#757575 !important;
}
.Total-Employees-bluegrey-icon
{
    background:#526069 !important;
}

.Total-Employees-oattendred-icon
{
    background:#E31E24 !important;
}
.Total-Employees-oattendgray-icon
{
    background:#4f4f51 !important;
}

.Total-Employees-advisionred-icon
{
    background:#bd1522 !important;
}

/*  2.  End Total Employees  */


/*  3.  Total-Absent-Employees  */


.Total-Absent-Employees-red-icon
{
    background:#FF4C52 !important;
}
.Total-Absent-Employees-geeen-icon
{
    background:#11C26D !important;
}
.Total-Absent-Employees-blue-icon
{
    background:#3E8EF7 !important;
}
.Total-Absent-Employees-pink-icon
{
    background:#F74584 !important;
}
.Total-Absent-Employees-purple-icon
{
    background:#9463F7 !important;
}
.Total-Absent-Employees-indigo-icon
{
    background:#667AFA !important;
}
.Total-Absent-Employees-cyan-icon
{
    background:#0BB2D4 !important;
}
.Total-Absent-Employees-teal-icon
{
    background:#17B3A3 !important;
}
.Total-Absent-Employees-lightgreen-icon
{
    background:#6DA611 !important;
}
.Total-Absent-Employees-yellow-icon
{
    background:#FFCD17 !important;
}
.Total-Absent-Employees-orange-icon
{
    background:#EB6709 !important;
}
.Total-Absent-Employees-brown-icon
{
    background:#997B71 !important;
}
.Total-Absent-Employees-gray-icon
{
    background:#757575 !important;
}
.Total-Absent-Employees-bluegrey-icon
{
    background:#526069 !important;
}
.Total-Absent-Employees-oattendred-icon
{
    background:#E31E24 !important;
}
.Total-Absent-Employees-oattendgray-icon
{
    background:#4f4f51 !important;
}
.Total-Absent-Employees-advisionred-icon
{
    background:#bd1522 !important;
}
/*  3.  End Total-Absent-Employees  */


/*  4.  Total Late Employees  */



.Total-Late-Employees-red-icon
{
    background:#FF4C52 !important;
}
.Total-Late-Employees-geeen-icon
{
    background:#11C26D !important;
}
.Total-Late-Employees-blue-icon
{
    background:#3E8EF7 !important;
}
.Total-Late-Employees-pink-icon
{
    background:#F74584 !important;
}
.Total-Late-Employees-purple-icon
{
    background:#9463F7 !important;
}
.Total-Late-Employees-indigo-icon
{
    background:#667AFA !important;
}
.Total-Late-Employees-cyan-icon
{
    background:#0BB2D4 !important;
}
.Total-Late-Employees-teal-icon
{
    background:#17B3A3 !important;
}
.Total-Late-Employees-lightgreen-icon
{
    background:#6DA611 !important;
}
.Total-Late-Employees-yellow-icon
{
    background:#FFCD17 !important;
}
.Total-Late-Employees-orange-icon
{
    background:#EB6709 !important;
}
.Total-Late-Employees-brown-icon
{
    background:#997B71 !important;
}
.Total-Late-Employees-gray-icon
{
    background:#757575 !important;
}
.Total-Late-Employees-bluegrey-icon
{
    background:#526069 !important;
}
.Total-Late-Employees-oattendred-icon
{
    background:#E31E24 !important;
}
.Total-Late-Employees-oattendgray-icon
{
    background:#4f4f51 !important;
}
.Total-Late-Employees-advisionred-icon
{
    background:#bd1522 !important;
}
/*  4.  End Total Late Employees  */


/*   Change Color of icon */

/*===================================================================*/


@media (min-width: 0px) and (max-width: 766px) {
 #MainContent_chtCategoriesProductCountBarChart {
    max-width: 100% !important;

}
#lblbrand
{
    font-size:18px !important;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
 .container {
    max-width: 80% !important;
    margin-left: 165px;
    margin-top: -76px;
}
}

@media (min-width: 1200px) and (max-width: 1280px) {
 .container {
    max-width: 85% !important;
    margin-left: 165px;
    margin-top: -76px;
}
}

@media (min-width: 1281px) and (max-width: 1480px) {
 .container {
    max-width: 86% !important;
    margin-left: 165px;
    margin-top: -76px;
}
}

@media (min-width: 1481px) and (max-width: 3200px) {
 .container {
    max-width: 88% !important;
    margin-left: 165px;
    margin-top: -76px;
}
}