.loginal{background-image:url('../images/bg-home.jpg'); background-repeat:no-repeat; background-size:cover;}
.coverlogin{position:absolute; content:""; height:100%;  width:100%; top:0px; left:0px; background:rgba(0,0,0,.5);}
.logincont{background:#333;}
.logincont h4{text-transform:uppercase; font-size:24px; letter-spacing:1px; font-weight:800;}
.loginftr p{color:#fff; text-shadow:1px 1px #000;}
.loginftr p a{color:#fff!important; text-shadow:1px 1px #000; font-weight:bold;}
.form-control{height:46px;}
.btn{padding: 12px 20px; font-size:16px; text-transform:uppercase;}
.padt15{padding-top: 15px;}
.custom-control-label::before{width: 22px!important; height: 22px!important; top: -2px!important; left: -35px!important;}
.custom-control-label::after {width: 22px!important; height: 22px!important; top: -2px!important; left: -35px!important;}
.custom-control{    padding-left: 35px;}
.bgblue{background-color:#626ED4!important;}
.card-body{padding:15px;}
.font-15{font-size:15px!important;}
.margright15{margin-right: 15px !important;}
.mini-stat h4{margin-bottom:10px; margin-top:0px; color:#333; font-weight:bold;}
.mini-stat h5{color:rgba(0,0,0,.6);} 
.mini-stat p{color:rgba(0,0,0,.6);}
.text-green{color:#6DFB5A;}
.text-red{color:#FF4545;}
.metismenu ul{position:relative}
.cvemen{position:relative; padding-left:0px!important; margin-left:0px!important;}
.cvemen::before {content: ""; position: absolute; width: 1px;    background: #97999b; top: 0px; margin-left: 28px; bottom: 0px;}
.cvemen > li > a{position:relative; padding-left: 50px !important;padding-top: 10px!important; padding-bottom: 10px!important;}
.cvemen > li > a::before {position: absolute; width: 9px; height: 9px; content: "";  border: 1px solid #97999b;border-radius: 50%; margin-left: -26px; margin-top: 5px; background:#333333; z-index:9999;}

.mn-active {
    color: #333 !important;
    background-color: #FFD79D;
}
.mn-active a{color: #333 !important;}

.mnsub-active{
    color: #e0e1e1!important;
    background-color: rgba(255,217,157,.2);
}
.bgdrk{background:#eee !important; color:#a80000!important;}
.text-truncate{background-color: #FFD79D;color: #333 !important;}



.collapsed{background-color: transparent; color: #b4c9de !important;}


.cvemen li a {
    padding: 8px 20px 8px 10px;
        padding-left: 10px;
    color: #97999b;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.pt-15{padding-top: 15px !important;}
.mr-15{margin-right:15px !important;}
.mb-10{margin-bottom: 10px !important;}
.tbleh{border-top:none!important; border-left:1px solid #dee2e6 !important;  border-right:1px solid #dee2e6 !important;  border-bottom :1px solid #dee2e6 !important;}
.tbleh thead{background:#0D3E43;}
.tbleh thead th{color: #fff; font-weight:600; text-transform: uppercase; padding: 13px 10px; border-bottom:0px;}
.tbleh img{float:left;}
.tbleh a.blk{display:block; font-size:13px; font-style:italic;}

.tbleh tbody tr:hover, .tbleh tbody tr:nth-of-type(odd),
.thead-default th {
  background-color: #f0f4f7;
}

.bg-ltgrey{background:#BFBFBF; color:#fff;}
.bg-ltgrey .mini-stat-label p{color:#fff;}
.padzero{padding:0px!important;}
.btn-ltst{background-color:#0D3E43; border-color:#0D3E43; color:#fff;}
.btn-ltst:hover{color:#fff;background-color:#083A3F;border-color:#083A3F;}
.btn-ltst.focus,.btn-ltst:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-ltst.disabled,.btn-ltst:disabled{color:#fff;background-color:#0F3A68;border-color:#0F3A68}

.btn-edit{background-color:#02a499; border-color:#02a499; color:#fff; padding:5px 7px; font-size:14px; border-radius:4px; text-transform:uppercase;}
.btn-edit:hover{color:#fff;background-color:#028C83;border-color:#028C83;}
.btn-edit.focus,.btn-edit:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-edit.disabled,.btn-edit:disabled{color:#fff;background-color:#02756E;border-color:#02756E}

.btn-parq{background-color:#ec4561; border-color:#ec4561; color:#fff; padding:5px 7px; font-size:14px; border-radius:4px; text-transform:uppercase;}
.btn-parq:hover{color:#fff;background-color:#E82A4A;border-color:#E82A4A;}
.btn-parq.focus,.btn-parq:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-parq.disabled,.btn-parq:disabled{color:#fff;background-color:#DF1839;border-color:#DF1839}

.btn-fitness{background-color:#38A4F8; border-color:#38A4F8; color:#fff; padding:5px 7px; font-size:14px; border-radius:4px; text-transform:uppercase;}
.btn-fitness:hover{color:#fff;background-color:#1385DD;border-color:#1385DD;}
.btn-fitness.focus,.btn-fitness:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-fitness.disabled,.btn-fitness:disabled{color:#fff;background-color:#0972C4;border-color:#0972C4}

.btn-progress{background-color:#f8b425; border-color:#f8b425; color:#fff; padding:5px 7px; font-size:14px; border-radius:4px; text-transform:uppercase;}
.btn-progress:hover{color:#fff;background-color:#F1A911;border-color:#F1A911;}
.btn-progress.focus,.btn-progress:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-progress.disabled,.btn-progress:disabled{color:#fff;background-color:#E59B00;border-color:#E59B00}

.btn-tracker{background-color:#626ed4; border-color:#626ed4; color:#fff; padding:5px 7px; font-size:14px; border-radius:4px; text-transform:uppercase;}
.btn-tracker:hover{color:#fff;background-color:#4654CC;border-color:#4654CC;}
.btn-tracker.focus,.btn-tracker:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-tracker.disabled,.btn-tracker:disabled{color:#fff;background-color:#3342BE;border-color:#3342BE}
.card{border-radius:10px;}
.ttlmnm{  margin: 0px 0px 10px; border-bottom:1px solid #dee2e6; padding: 0px 0px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 18px;}
.mprofile{margin-bottom:0px; padding-bottom:0px;}
.mprofile td{border-top:0px;   letter-spacing:.5px;  text-transform:uppercase; color:#9f9e9e; font-size:13px;}
.mprofile td:first-child{width:48%;}
.mprofile td span{display:block; text-transform:capitalize; color:#333; padding-top:6px; font-size:14px;} 
.msrfl{position: absolute;
left: 45%;
background: #fff;
padding: 0px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
border-radius: 5px;
height: 28px;
width: 28px;
line-height: 28px;
text-align: center;
font-weight: 600;
margin-top: -6px;
font-style: normal;}

.bdr-btmnone{ border-bottom:0px solid #dee2e6!important;}
 

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 112px;
  height: 26px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 11px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #02a499;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 84px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}
.btnbxlg{text-transform:uppercase; border:2px solid #02a499; color:#02a499; padding:10px 15px; border-radius:6px; font-weight:500; background:transparent; min-width:48%; margin:5px 2px 5px;}
.btnbxlg:hover{background-color:#02a499; color:#fff;}
.modal-title{padding: 0px; margin: 0px;}
.tbimg{max-width:90px; border-radius:50%;}
.m-b-10{margin-bottom:20px;}
.wvebx i{background:#fff; display:inline-block; border-radius:6px; position:relative; padding:5px 8px; margin-bottom:5px; margin-right:2px; font-style: normal; font-size: 13px !important;}
.wvebx i b{position: absolute; background: #444; color:#fff; height: 15px; width: 15px; top: 0px; right: 0px; border-radius: 50%; text-align: center; line-height: 12px; font-size: 9px !important; margin-top: -3px; margin-right: -5px; border: 2px solid #444;   font-style: normal;}
.btn-success{letter-spacing: .5px; font-weight:500; font-size:16px!important; text-transform:uppercase; padding-left:20px; padding-right:20px;}
div.dataTables_wrapper div.dataTables_length select{margin-left: 0.5em!important;}
.pagination .page-item.active .page-link{color: #fff!important; background-color: #02a499!important; border-color: #02a499!important;}
.pagination .page-link{color: #6c757d!important;}
.krajee-default .file-footer-buttons{display:none;}

.wavereach .tab-content{ border:1px solid #333; border-top-left-radius:0px!important;}
.wavereach .nav-tabs{border-bottom:0px solid #0D3E43;}
.wavereach .nav-tabs .nav-item.show .nav-link, .wavereach .nav-tabs .nav-link.active{background:#333; color:#fff; border:none!important; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border-color:transparent!important;}
.wavereach .nav-tabs .nav-link.active{margin-top: 4px;padding-top: 16px; padding-bottom: 16px; }
.wavereach .nav-link{min-width: 140px; background: linear-gradient(90deg, rgba(51,51,51,0.5) 0%, rgba(51,51,51,0.7) 100%); border:0px!important;   text-align: center; padding-top: 13px; padding-bottom: 12px;  color:#fff; -moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; position: inherit;
margin-top: 10px; text-transform:uppercase; letter-spacing:1px; border-top-left-radius:0px; border-top-right-radius:0px; margin-right:0px;}


.wavereach .wtable{border-top:none!important; border-left:1px solid #dee2e6 !important;  border-right:1px solid #dee2e6 !important;  border-bottom :1px solid #dee2e6 !important;}
.wavereach .wtable thead{background:#0D3E43;}
.wavereach .wtable thead th{color: #fff; font-weight:600; text-transform: uppercase; padding: 13px 10px; border-bottom:0px;}
.wavereach .wtable img{float:left;}
.bgltsml{background:#EBEBEB;}
.font-bold{font-weight:bold;}



/* start css */
.subbxd{background-color: rgba(0,0,0,.6);}
.subbxd .nav-link{padding:10px 20px; font-size:14px; padding-left:50px;}
.subbxd .nav-item i{vertical-align: middle; margin-right:7px;font-size: 14.7px;width: 20px; display: inline-block;}
.subbxd .nav-link:hover{color:#b4c9de;}
.subbxd .actve{background: rgba(0,0,0,.5);}
.tbleh thead th span{font-size: 10px;}
table.tbleh.nowrap th, table.tbleh.nowrap td{white-space: inherit!important;}


.mdldsn .close{font-size: 30px; font-weight: 300; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; opacity: 1; position: absolute; right: -20px; top: -20px;}
.mdldsn .modal-dialog{max-width:400px;}
.mdldsn .modal-content{border:0px solid #fff!important;}
.mdldsn .modal-body{background:#ec4561; border-top-left-radius:5px; border-top-right-radius:5px;}
.mdldsn .modal-body	p{padding-top:20px; color:#fff; font-size:22px; text-align:center;}



/* 23-06-2021 */


.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.multiselect-container .input-group {
  margin: 5px
}

.multiselect-container>li a label{
  padding: 10px 3px 3px 10px; 
  color: #525f7f;
}
.multiselect-container>li a:hover{ text-decoration: none;}

.multiselect-container>li:last-child  label{padding-bottom: 10px;}

.multiselect-container>li>a.multiselect-all label {
  font-weight: 700
}

.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700
}

.multiselect-container>li.multiselect-group-clickable label {
  cursor: pointer
}

.multiselect-container>li>a {
  padding: 0
}



.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
  margin: 0
}

.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0
}

.multiselect-group input {
  display: none;
}




/* 13-05-2021 */
.filter-section button.multiselect .caret {
  display: none;
}

.user-management-page {
  overflow: visible;
  padding-top: 0;
  /* padding-top: 110px; */
}

.user-management-page .multiselect-container {
  transform: translate(0px, 42px) !important;
}

.user-management-page .dropdown-toggle{    background-color: #fff;  border-radius: 0; margin: 0;   border-left: 1px solid #ececec; color: #000; font-weight: 500;}
.user-management-page .dropdown-toggle:active, .user-management-page .show .dropdown-toggle{
  background-color: #02a499 !important;
  border-color: #02a499;
  color: #fff;
}
.user-management-page .multiselect.dropdown-toggle:focus{box-shadow: none;}

.clearAllBtn, .filter-txt{color: #fff; align-items: center;
  display: flex; 
  padding-left: 20px;
  font-weight: 600;
}
.filter-txt{padding-right: 20px; padding-left: 0px;}

.border-top-bottom-left-radius .dropdown-toggle {border-top-left-radius: 5px ; border-bottom-left-radius: 5px;}
.border-top-bottom-right-radius .dropdown-toggle{    border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;}


  .checkbox {
      position: relative;
  cursor: pointer;
  font-size: 16px;
}
.multiselect-container>li a label{color: #fff;}
.multiselect-container>li:not(:first-child) a label{padding-left: 45px !important;}
.multiselect-container.dropdown-menu{background-color: #6b7479;} 
.multiselect-container.dropdown-menu:before{color: #6b7479;}

/* Hide the browser's default checkbox */
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  height: 20px;
  width: 20px;
  border: 1px solid;
  margin-left: -30px;
}

.user-management-page .multiselect-container{transform: translate(0px, 70px) !important;}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #525252;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(
45deg
);
  -ms-transform: rotate(45deg);
  transform: rotate(
45deg
);
}

.checkbox {
  position: relative;
cursor: pointer;
font-size: 16px;
}
.multiselect-container>li a label{color: #fff;}
.multiselect-container>li:not(:first-child) a label{padding-left: 45px !important;}
.multiselect-container.dropdown-menu{background-color: #6b7479;} 
.multiselect-container.dropdown-menu:before{color: #6b7479;}

/* Hide the browser's default checkbox */
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
height: 20px;
width: 20px;
border: 1px solid;
margin-left: -30px;
}

.user-management-page .multiselect-container{transform: translate(0px, 70px) !important;}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid #525252;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(
45deg
);
-ms-transform: rotate(45deg);
transform: rotate(
45deg
);
}

.multiselect-item.multiselect-all{display: none;}
.multiselect-container.dropdown-menu {min-width: 13rem; padding-top: 10px !important;
  padding-bottom: 7px !important;     border-color: #02a499;
  background-color: #02a499 !important;}
.filter-section div{
  box-shadow: 0px 1px 5px #00000005;
}