/*Start Scrill Bar Design*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #eef2f9;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #0057A0;
    border-radius: 5px;
    opacity: 100%;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0468BB; 
}

/*End Scrill Bar Design*/
.sidebar-dark .navbar .navbar-brand-wrapper{
    /*background: #FFFFFF;*/
    background: transparent
}
.navbar {
	background: #17A1FF;
  /*background: linear-gradient(45deg, #59a3e8 0%, #646cd2 100%);*/

}
.nav-item {
    width: 100%;
    margin-left: 0% !important;
}
.fixed-top {
	z-index: 998;
}

.content-wrapper {
    background: none;
}

.sidebar-dark {
    /*background-image: url("../images/solar_bg_blur.png");*/
    /*background-size: cover;*/
}

.sidebar-dark .sidebar .nav .nav-item.nav-profile .profile-name .name {
	color: #1F2537;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link { 
    /*color: #1F2537; 
    background: rgba(130, 128, 128, 0.05);
    border-radius: 50px;*/
    color: #1F2537;
    background: none !important;
    border-radius: 0px !important;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: #17a1ff;
}

.form-control {
	border-color: #2F3A4C;
    border-radius: 5px;
}
.form-control:focus, .form-control:active {
    padding: 9px !important;
}
.table thead th {
	/*border-bottom: 1px solid #b5b5b5;*/
}
.table th, .table td {
	border-width: 0px;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f1f1f1;
}

.disableLnk {
    pointer-events: none !important;
    cursor: default !important;
    background-color: #dcdadaa6 !important;
    color: #9c9595 !important;
}

.nav:not(.sub-menu) .nav-item.active{
    background: #013760;
    /*background: linear-gradient(45deg, #59a3e8 0%, #646cd2 100%);*/
}

.sidebar-dark .sidebar .nav .nav-item .collapse.show, .sidebar-dark .sidebar .nav .nav-item .collapsing {
    /*background: linear-gradient(45deg, rgba(0,173,239,1) 0%, rgba(142,198,63,1) 100%);*/
    background: #ffffff;
}

.sidebar-dark .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
    /*background: #083b62;*/
    background: #013760 !important;
    color: #ffffff !important;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link:hover {
    color: #013760;
    border-radius: 50px;
}

.sidebar .nav .nav-item:hover .nav-link i{
    color: #013760;
    /*border-radius: 50px;*/
}

.sidebar-dark .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
    color: #fff;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
    /*background: linear-gradient(45deg, rgba(0,173,239,1) 0%, rgba(142,198,63,1) 100%);*/
    /*background: #03ADEA;*/
    background: #013760;
    color: #fff;
    border-radius: 50px;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
    color: #1F2537;
}

/*collapse menu background*/
.sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
    background: #03ADEA;
}

.sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
    background: #03ADEA;
}


.tab-solid-primary .nav-link.active {
    background: #12447C;
}

.btn-gradient{
	background: linear-gradient(45deg, rgba(142,198,63,1) 0%, rgba(0,173,239,1) 100%);
	border: 1px solid #92C845;
}

.btn-gradient:hover{
	background: linear-gradient(45deg, rgba(0,173,239,1) 0%, rgba(142,198,63,1) 100%);
	border: 1px solid #92C845;
}

.btn-sets{
    background: #92C845;
    border: 1px solid #92C845;
    color: #fff;
}

.btn-sets:hover{
    background: #03ADEA;
    border: 1px solid #03ADEA;
    color: #fff;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    width: calc(255px - 60px);
    max-width: 100%;
    height: 28px;
    margin: auto;
    vertical-align: middle;
}

/*Login Page start*/
.auth.login-full-bg {
    /*background: linear-gradient(45deg, rgba(0,173,239,1) 0%, rgba(142,198,63,1) 100%);*/
    /*background: #00AEEE;*/
    background: #fff;
}

.auth .auth-form-light {
    color: #FFFFFF;
    background: transparent;
}
.auth form .form-group label {
    font-size: 16px;
}

.loginBtn{
	/*background: #fff;
    color: #0FB0DD;*/
    border-radius: 5px;
    border: 1px solid #fff;
    background: #92C845;
    color: #fff;
}

/*Login Page End*/

.clr{
    clear: both;
    width: 100%;
}

.h10{
    height: 10px;
}
.h20{
    height: 20px;
}
.h30{
    height: 30px;
}
.h50{
    height: 50px;
}


.float-left{
    float: left;
}
.float-right{
    float: right;
}

.nxtWthdrlHdDiv{
    height: 40px;
    color: #fff;
    margin-top: 10px;
}
.nxtWthdrlHdDiv h4, .nxtWthdrlScHdDiv h4{
    line-height: 35px;
}

.nxtWthdrlDtlDiv{
    box-shadow: 0px 1px 1px 0px grey;
        background: #fff;
    border-radius: 5px;
    color: gray;
}

.WthdrlDtlDiv{
    background: #fff;
    border-radius: 5px;
    color: gray;
    border: 1px solid gray;
}

.nxtWthdrlScHdDiv{
    height: 40px;
    margin-top: 10px;   
}



.stage_Active{
    color:#92C845; 
    font-style: italic;
    font-weight: bold;
}
.stage_Pending{
    color: #FFA200;
    font-style: italic;
    font-weight: bold;
}

.stage_Failed{
    color: #EA3C3C;
    font-style: italic;
    font-weight: bold;
}

.nxtWthdrlHdMainDiv{
    background: #4B4B4B;
    color: #fff;
    border-radius: 7px;
}

.taxPTable thead th {
    border-bottom: none !important;
}

.taxPTable tbody td {
    font-size: 25px;
    width: 40%;
}

.withdrwlListMainDiv{
    border: 1px solid gray;
    border-radius: 5px;
}

.amountColor{
    color: #02AEEF;
    font-weight: bold;
}
.withdrwlDate{
    color: #000;
    font-weight: bold;
}


.bdg_paid{
    background-color:#92C845; 
    border-color: #92C845;
}
.bdg_trial{
    background-color: #FFA200;
    border-color: #FFA200;
}

.bdg_sent{
    background-color: #03ADEA;
    border-color: #03ADEA;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    font-size: 11px;
    padding: 6px !important;
}
.select2-selection__choice__remove{
    font-size: 11px;
}

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus, .tt-query:focus, .tt-hint:focus {
    /*border: 3px solid #03ADEA;*/
    padding: 9px;
}

.btn-gradient:focus, .btn-gradient:active, .btn-sets:focus, .btn-sets:active {
    background: #1991EB;
    border-color: #1991EB;
}

select.form-control:not([size]):not([multiple]), select.asColorPicker-input:not([size]):not([multiple]), .dataTables_wrapper select:not([size]):not([multiple]), .jsgrid .jsgrid-table .jsgrid-filter-row select:not([size]):not([multiple]), .select2-container--default select.select2-selection--single:not([size]):not([multiple]), .select2-container--default .select2-selection--single select.select2-search__field:not([size]):not([multiple]), select.typeahead:not([size]):not([multiple]), select.tt-query:not([size]):not([multiple]), select.tt-hint:not([size]):not([multiple]) {
    height: auto;
}
select.form-control, select.asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.typeahead, select.tt-query, select.tt-hint {
    padding: 0.4rem 0.75rem;
}

sup{
    color: red;
}
.card {
    background: #fff;
    /* background: #f8f9fd9e; */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);
    border: 0;
    border-radius: 10px;
}

.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
        /* background: linear-gradient(
45deg
, #59a3e8 0%, #646cd2 100%); */
    background: #F1CA1A;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.btn-primary:hover, .btn-outline-primary:hover{
    background: #d3ac00;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.accordion .card .card-body i {
    font-size: 1rem;
}

.footer, .footer .text-center{
    /*background: #E9F1F1;*/
    color: #000;
}
.footer .text-center{ background: none; }

.footer{
    /*background: linear-gradient(45deg, #59a3e8 0%, #646cd2 100%);*/
}
.text-muted{
    color: #444 !important;
}

.l_status_open {
    border-radius: 20px;
    padding: 8px 0px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    color: #188CEE !important;
    background: #DCEEFD !important;
    height: 32px;
    font-weight: 500;
    width: 100px !important;
    text-align: center;
    line-height: 17px;
}

.l_status_active {
    border-radius: 20px;
    padding: 8px 0px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    color: #60CC96 !important;
    background: #DFF0E7 !important;
    height: 32px;
    font-weight: 500;
    width: 100px !important;
    text-align: center;
    line-height: 18px;
}

.l_status_inactive {
    border-radius: 20px;
    padding: 8px 0px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    color: #FC6767 !important;
    background: #F7E0E0 !important;
    height: 32px;
    font-weight: 500;
    width: 100px !important;
    text-align: center;
    line-height: 18px;
}

.l_status_pending {
    border-radius: 20px;
    padding: 8px 0px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #F1CA1A;
    background: #FDF7DC;
    height: 32px;
    /* opacity: 15%; */
    font-weight: 500;
    width: 100px !important;
    text-align: center;
}
.l_status_paid {
    border-radius: 20px;
    padding: 8px 0px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #60CC96;
    background: #E7F8EF;
    height: 32px;
    /* opacity: 15%; */
    font-weight: 500;
    width: 100px !important;
    text-align: center;
    line-height: 18px;
}

.l_status_no {
    border-radius: 20px;
    padding: 7px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #FF3F03;
    background: #ebc8cb;
}

.pl-0{
    padding-left: 0px !important;
}
.pr-0{
    padding-right: 0px !important;
}
.text-right{
    text-align: right;
}

.card-title{
    padding: 30px;
    /* padding-left: 30px; */
    /* border-bottom: 1px solid #566abc; */
    color: #192227;
     font-weight: 600 !important;
    padding-bottom: 0px;
    font-size: 20px;
    /*text-transform: uppercase;*/
}
.card-sub-title{
    font-size: 14px;
    font-weight: bold;
    color: #0057A0;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.card-title-color{
    color: #003f6d;
}

.accordion-inverse-primary .card{
    color: #000;
    background: #f8f9fd9e;
}

.accordion-inverse-primary .card .card-header{
    color: #03adea;
    font-weight: 600;
}

/*.card-title::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #013760 0%, #0072C5 100%);
    left: 0;
    top: 0;
    border-radius: 8px 8px 0px 0px;
}*/

.accordion-inverse-primary .card .card-header a[aria-expanded="true"] {
    border-bottom: 1px solid #03adea;
}

.accordion-inverse-primary .card .card-header a{
    border-color: #03adea;
    color: #03adea;
}

.accordion .card .card-body {
    padding: 10px 20px 10px 20px;
    background: #F6F6F6;
}

.completeIcon{
    margin-left: 10px;
    color: #fff !important;
    background-color: #1db51d;
    border-radius: 20px;
    padding: 6px 10px;
}


.msgDiv{
    display: none !important;
}

/*zoho integration css*/
.z_reports .card-title{
    padding: 0;
    padding-left: 0;
    border-bottom: none;
    color: #03adea;
    font-size: 1.56rem;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}


/*zoho integration css end*/

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
    float:left;
}
.detail-ticket{
    margin-bottom: 0px;
    padding: 12px;
}

/*vaults accordian */
.ch_desc{
    font-size: 13px;
    color: #666;
    display: block;
    word-wrap: break-word;
}
.more-less {
    width: 25px;
}
.accordion.basic-accordion .card .card-header a[aria-expanded="false"]:before {
    content: "\F140";
}

.accordion.basic-accordion .card .card-header a[aria-expanded="true"]:before {
    content: "\F143";
}

}


.vPas{
    width: 50% !important;
    padding: 0px 10px !important;
    height: 25px !important;
}
.vPSp{
    border: 1px solid gray;
    padding: 2px;
    cursor: pointer;
}
.allCk{
    float: right;
    padding: 10px 15px;
    width: 10%;
    text-align: right;
}
.accordion .card .card-header a {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 27px;
}
.accordion .card .card-header a:before{
    color: #FFFFFF;
}
.accordion .card .card-header{
    border-radius: 5px 5px 0px 0px;
    height: 50px;
}
/*vaults accordian End */

.modal-dialog {
    max-width: 25%;
}

@media only screen and (max-width: 374px) {
    .projectDtlCrlMbl .col-4{
        max-width: 50%; 
    } 
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .sidebar-dark .sidebar {
        background: #FFFFFF;
        margin-top: 10px;
        border-radius: 8px 8px 0px 0px;
    }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .sidebar-dark .sidebar {
        background: #FFFFFF;
        margin-top: 10px;
        border-radius: 8px 8px 0px 0px;
    }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .sidebar-dark .sidebar {
        background: #FFFFFF;
        margin-top: 10px;
        border-radius: 8px 8px 0px 0px;
    }
    .card{
        margin-bottom: 30px;
    }

    .salesDocPage .attachment{
        display:inline-block;
        margin:0px;
        text-align:center;
    }
    .salesDocPage .attachment img{
        height:60px;
        width:auto;
    }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .sidebar-dark .sidebar {
        background: #FFFFFF;
        margin-top: 10px;
        border-radius: 8px 8px 0px 0px;
    }

    .card{
        margin-bottom: 0px;
    }

    .salesDocPage{
        max-width: 50%;
    }
    .salesDocPage .attachment{
        display:inline-block;
        margin:20px;
        text-align:center;
    }
    .salesDocPage .attachment img{
        height:100px;
        width:auto;
    }
} 

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-md-1 {
        flex: 0 0 8.33333% !important;
        max-width: 18.33333% !important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1439px) {
    .AssignVaults{
        margin-top: 10px;
    }
    .sidebar-dark .sidebar {
        background: #FFFFFF;
        margin-top: 85px;
        border-radius: 8px 8px 0px 0px;
    }
    .card{
        margin-bottom: 0px;
    }
    .salesDocPage .attachment{
        display:inline-block;
        margin:20px;
        text-align:center;
    }
    .salesDocPage .attachment img{
        height:100px;
        width:auto;
    }
    .cr-boundary{
        height: 210px !important;
    }
    .table.dataTable td, table.dataTable th {
        border-bottom: 1px solid #ffffff!important;
        /* word-break: break-all; */
        line-height: 20px;
    }
} 

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .col-md-1 {
        flex: 0 0 8.33333% !important;
        max-width: 18.33333% !important;
    }
    .ModulePermission{
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .ModulePermission{
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .col-md-1 {
        flex: 0 0 8.33333% !important;
        max-width: 18.33333% !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 767px){
    .navbar {
        flex-wrap: inherit;
    }
    .navbar .navbar-menu-wrapper {
        height: 175px;
    }
    .navbar .navbar-menu-wrapper .navbar-nav {
        flex-direction: column;
        align-items: center;
        margin-top: 95px;
    }
    .content-wrapper{
        margin-top: 240px !important;
    }
    .bottom-header{
        top: 85px !important;
        height: 175px !important;
    }
    .sidebar-dark .sidebar {
        margin-top: 45px !important;
        border-radius: 8px 8px 0px 0px !important;
        z-index: 9999999;
    }
    .navbar{
        height: 160px;
    }
    .top-card {
        margin: 20px auto !important;
    }
    .header-text {
        font-size: 15px !important;
    }
    .number-field {
        font-size: 30px !important;
    }
    .cirle-of-header{
        float: right !important;
        margin-top: 0px !important;
    }
    .navbar .navbar-menu-wrapper .navbar-toggler {
        color: #FFF !important;
    }
    .float-left{
        margin-top: 12px;
    }
    .slectLocation {
        padding: 25px 20px 0px 20px !important;
    }
    .map-min-height{
        min-height: 300px !important;
    }
    .card-title{
        padding: 20px !important;
    }
    #map{
        height: 300px !important;
        overflow-x: scroll;
    }
    .grid-margin{
        margin-bottom: 0px !important;
    }
    .card-title .addNewUserRole{
        float: left !important;
        margin-top: 15px;
    }
    .bottom-header{
        top: 85px !important;
        height: 230px !important;
    }
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{
        right: 0px;
    }
    .navbar{
        height: 235px;
        align-items: baseline !important;
    }
    /* .top-card{
        margin: 0px !important;
        padding-bottom: 27px;
        text-align: center;
    }
    .cirle-of-header{
        float: left !important;
        padding-bottom: 19px;
        margin-left: 63px;
    }*/
    .master-logout-nav{
        margin-top: 8px !important;
    }
    .master-mini-logo{
        width: 60% !important;
    }
    .master-mini-logo img{
        height: 40px !important;
    }
    .master-nav{
        height: 85px !important;
    }
    .master-content-wrapper{
        margin-top: 20px !important;
    }
    .master-dark-sidebar{
        margin-top: 27px !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .sidebar-dark .sidebar {
        background: #FFFFFF;
        margin-top: 10px;
        border-radius: 8px 8px 0px 0px;
    }

    .salesDocPage{
        max-width: 25%;
    }
    .salesDocPage .attachment{
        display:inline-block;
        margin:20px;
        text-align:center;
    }
    .salesDocPage .attachment img{
        height:100px;
        width:auto;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1441px) {
    .salesDocPage .attachment{
        display:inline-block;
        margin:20px;
        text-align:center;
    }
    .salesDocPage .attachment img{
        height:200px;
        width:auto;
    }
}

.fortrun {
    position: absolute;
    margin-left: 13px;
    margin-top: 10px;
    color: #8c9092;
}

.commonTable .dataTables_wrapper .dataTables_filter input {
    margin-right: 14.5em!important;
    padding: 9px!important;
    padding-left: 1.5rem !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 50px;
    padding: 7px;
    border: 1px solid #ccc;
}

.marginTopMinus {
    margin-top: -75px;
}

.paddingTop{
    margin-top: 15px;
}

.commonTable .table {
    margin-left: 0px!important;
    color: #333;
}

.commonTable table.dataTable thead > tr > th.sorting_asc, .commonTable table.dataTable thead > tr > th.sorting_desc, .commonTable table.dataTable thead > tr > th.sorting, .commonTable table.dataTable thead > tr > td.sorting_asc, .commonTable table.dataTable thead > tr > td.sorting_desc, .commonTable table.dataTable tbody > tr > td.sorting {
    font-size: 15px;
    font-weight: bold;
    color: #17A1FF;
    text-align: left;
    padding-left: 17px;
}

.pagination .page-item .page-link {
    background: transparent;
    border-color: #013760;
    color: #013760;
    border-radius: 5px;
    margin: 2px;
    height: 30px;
    width: auto;
    font-size: 15px;
    line-height: 12px;
}

.page-link{
    padding: 10px 10px !important;
}

.sidebar-dark .sidebar .nav .nav-item.active .nav-link i{
    color: #FFFFFF;
}
.sidebar-dark .sidebar .nav .nav-item.active .nav-link i:hover{
    color: #FFFFFF;
}

.btn-icon{
    font-size: 24px;
    color: #16477E;
}

.xdsoft_datetimepicker .xdsoft_calendar table thead > tr > th {
    color: #999 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar table td, .xdsoft_datetimepicker .xdsoft_calendar table th{
    padding: 0 !important;
}

/*profile page*/
.myProfileTab .nav-item .nav-link {
    border: 1px solid #12447C !important;
    color: #12447C;
    /*background: #f3f4f5;*/
}
.myProfileTab .nav-item:first-child .nav-link{
    border-radius: 8px 0px 0px 8px;
}
.myProfileTab .nav-item:last-child .nav-link{
    border-radius: 0px 8px 8px 0px;
}
.myProfileTab .tab-solid .nav-item .nav-link.active {
    color: #fff;
    background: #12447C;
}
.errorMI {
    position: relative;
    animation: shake .1s linear;
    animation-iteration-count: 3;
    border-color: #f10f4d !important;
}
.myProfileTab .switch input {
    width: 50px;
}
.myProfileTab .form-radio.form-radio-flat label input:checked + .input-helper:before {
    background: #24C8AC;
    border-color: #24C8AC;
}
.myProfileTab input:checked + .slider {
    background-color: #24c8ac;
}
.h-3{
    height: 30px;
}
/*profile page end*/

.content-wrapper{
    /*padding-top: 10px;*/
}

.mtop-20{
    margin-top: 20px;
}

.tab-content{
    padding: 0px 0px 0px 0px;
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.71;
    border: 0px !important; 
    border-radius: 2px;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .wizard > .actions .show > a.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(241 202 26 / 50%);
}

.btn-primary:disabled{
    background-color: #F1CA1A;
    border-color: #F1CA1A;
}

.form-group label, label, .cus-label {
    font-size: 14px !important;
    color: #929292 !important;
    font-weight: 500 !important;
}

.modal {
  overflow-y:auto;
}
.showDialogLookup {
    cursor: pointer;
}

.list-group{
    height: 502px;
    overflow-y: scroll;
}
.list-group-item{
    cursor: all-scroll;
}

.view-select{
    float: right;
    border: 1px solid #929292 !important;
    width: auto;
    background: #FFFFFF !important;
    height: 37px !important;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

/*======== Sweetalert ===========*/
.swal-text{
  text-align: center !important;
}
.swal-icon{
  margin: 20px auto !important;
}
.swal-button{
  background-color: #0468BB !important;
}
.swal-button--danger:focus {
  box-shadow: none;
}
.swal-button--cancel{
    color: #FFFFFF;
    float: left !important;
    background-color: #D96964 !important;
}
.swal-button:focus{
  box-shadow: none;
}
.swal-button-container {
    display: inline !important;
}

/*AI*/
textarea{
    resize: vertical;
    min-height: 40px;
}

/*App Blade CSS*/
input.form-control:focus, input.form-control:active {
    padding: 7px;
}
select.form-control:focus, select.form-control:active {
    padding: 4px;
}
.navBarSvg{
    margin-top: 5px;
    margin-left: 5px;
    float: left;
}
.navBarSvg svg{
    width: 25px;
    margin-right: 10px;
}
.navBarSvg #Attendance-4{
    fill: #FFF;
}
.search_before{
    font-size: 24px;
    padding: 5px;
    border: 1px solid white;
    border-radius: 2px;
    cursor: pointer;
}
.search_after{
    margin-top: 8px;
    position: relative;
}
.new_fortrun{
    position: absolute;
    padding: 13px 12px;
}
.search_close{
    top: 0;
    right: 0;
    cursor: pointer;
}
.search_input,
.search_input:active,
.search_input:focus
{
    padding: 10px 34px !important;
}

.modal {
    overflow-y:auto;
}
.showDialogLookup {
    cursor: pointer;
}
.SaveBtn{
    width: 45%;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}
.CancelBtn{
    width: 45%;
    float: left;
    margin-right: 5px;
}
.dropdown-menu.show label, .cus-label{
    cursor: all-scroll;
}
.mid-content-section{
    overflow-y: scroll;
    height: 340px;
    margin-bottom: 10px;
}
.search-section{
    height: 40px;
}
.form-control1{
    border-radius: 0px !important;
    border: 1px solid #f3f3f3 !important;
    /* border-color: #c5c5c5; */
    /* height: 40px; */
}
.form-group1{
    padding: 0px 10px 10px 10px;
}
.field-height{
    margin-bottom: 10px;
}

/*Module list page*/
.modal {
  overflow-y:auto;
}
.showDialogLookup {
    cursor: pointer;
}
.SaveBtn{
    width: 45%;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}
.CancelBtn{
    width: 45%;
    float: left;
    margin-right: 5px;
}
.mid-content-section{
    overflow-y: scroll;
    height: 340px;
    margin-bottom: 10px;
}
.search-section{
    height: 40px;
}
.form-control1{
    border-radius: 0px !important;
    border: 1px solid #f3f3f3 !important;
    /* border-color: #c5c5c5; */
    /* height: 40px; */
}
.form-group1{
    padding: 0px 10px 10px 10px;
}
.table-responsive-list {
    min-height: 500px;
}
.field-height{
    margin-bottom: 10px;
}

/*Module details page*/
.field-height-md{
    margin-top: 5px;
    margin-bottom: 5px;
}
.card-sub-title-mt10{
    margin-top: 10px;
}
.mright-5{
    margin-right: 5px;
}
.card .module-details-card-body{
    padding-top: 10px !important;
}
hr{
    border-top: 1px solid #0468BB !important;
}
.mt-4{
    margin-top: 4px !important;
}
.fs-14{
    font-size: 14px;
}
.card-title .btn{
    text-transform: none;
}
.dropdown-menu.show label, .cus-label{
    cursor: all-scroll;
}
.showmore, .hidemore{
    color: #007bff;
    cursor: pointer;
}

/*Module add*/
.mright-5{
    margin-right: 5px;
}

.label-add{
    margin-top: 10px !important;
    text-align: right;
}
input[type="radio"], input[type="checkbox"] {
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer !important;
}
.required, .select2-required .select2 .selection .select2-selection--single{
    border-left: 3px solid #ff00008f !important;
    /*border-color: #ff00008f !important;*/
}
.cus-btn{
    float: right;margin-top: 15px;
}

.h4, h4 {
    font-size: 20px;
}

.accordion .card .card-header {
    background-color: #0057A0;
        font-weight: bold;
        height: 50px;
}

div.dataTables_wrapper div.dataTables_length select{
    width: auto !important;
}

.dataTables_wrapper{
    margin-top: 15px !important;
}

.sortByStyle{
    margin-top: 7px;
    font-size:13px;
    padding-left: 0px;
    float: left;
    margin-right: 15px;
}
.totalUnreadTasks{
    float: left;
    margin-top: 5px;
}
.unreadTasks{
    background-color: #e8e3e3;
}

div.dataTables_wrapper div.dataTables_processing{
    background: #F1CA1A;
    color: #FFF;
}
.swal-footer{
        padding: 13px 16px 20px 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top : 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    font-size: 16px !important;
}