@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

*, html{scroll-behavior: smooth;padding:0; margin:0;box-sizing:border-box;font-variant-ligatures: none;-webkit-font-variant-ligatures: none;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;}
body {font-family: 'Rubik', sans-serif; font-weight: normal;color: #333537;overflow-x:hidden;box-sizing:border-box;background-color: #fff;font-size: 16px}
a,a:hover,a:focus{color:inherit;text-decoration:none;outline:none;}
ul{list-style-type:none;margin:0;padding: 0;}
img{max-width: 100%;}
::-moz-selection{color: #ffffff;background: #110358}
::selection{color: #ffffff;background: #110358}
body.inner{
    padding-left: 230px;transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
    background: #EBEEF3;}
body.menu-clicked{padding-left: 0}
.menu-clicked .sidebar{left: -100%}
.menu-clicked .header, .menu-clicked .footer{padding-left: 25px}
.menu-clicked .main-body .content{padding-left: 25px}

body.outer{padding-left: 50%;background-color: #ffffff;background-image: url(../images/login-bg1.svg);background-position: bottom -170px right -120px;background-repeat: no-repeat;background-size: 320px;}

.white-box{flex: 1 1 auto;width: 100%;background-color: #ffffff;border-radius:0 0 8px 8px;padding: 20px;min-height: 100%}
.light-box{flex: 1 1 auto;width: 100%;background-color: #F4F5F9;border-radius: 8px;padding: 20px;min-height: 100%}
.white-box-header{display: flex;align-items: center;flex-wrap: wrap;padding: 12px 16px;margin: -20px;border-bottom: 1px solid #E5E5E5;margin-bottom: 20px;}
.white-box-header h1{padding: 10px 0;}
.abt-head{text-align: right;}
.abt-head p{font-size: 12px;color: #333537;font-family: 'Messina Sans Book';text-transform: uppercase;margin-bottom: 0}
.abt-head h6{font-weight: normal;font-size: 18px;color: #110358;margin-bottom: 0}
.semi-bold{font-weight: 600;}
.c-pointer{cursor: pointer;}
.f-13{font-size: 13px;}
.op-70{opacity: 0.7}
.f-normal{font-weight: normal;}
.f-light{font-weight: 300;}
.color-1{color: #000000}
.mw-75{min-width: 75px;}
.text-danger{color: #E42C51!important; font-size:12px}
.text-success{color: #4AB530!important}
.f-book{font-family: 'Messina Sans Book';}

.btn:hover, .btn:focus, .btn:active, button:hover, button:focus, button:active{outline: none;box-shadow: none!important;opacity: .85}
.btn.mw105{min-width: 105px;text-align: center;}
.btn{padding: 8px 18px;border-radius: 5px;font-size: 16px;}

.btn.btn-primary{border-color: #47A1B5;
    color: #fff !important;
    background: #47A1B5;
    /* text-transform: uppercase; */
    min-height: 42px;
    font-weight: 500;
    min-width: 136px;}
.btn.btn-secondary{
    background: #D8F7FE;
    border-color: #D8F7FE;color: #47A1B5 !important; /*text-transform: uppercase;*/ min-height: 42px;
	}

    .btn.btn-sm{ padding: 5px 18px !important;border-radius: 5px;font-size: 14px!important; }
.inputBox{ position: relative;}
.inputBox span {position: absolute;left: 16px;top: 12px;}
.login-logo img{ width: 350px; margin-bottom: 6rem;}



 form{width: 100%}
.form-control:focus, .form-select:focus{box-shadow: none;border-color: #110358}
.form-control, .form-select{height: 42px;border-radius: 5px;border: 1px solid #9F9F9F;font-size: 15px;padding: 8px 15px;}
.form-label {margin-bottom: 2px; font-weight: 300; font-size: 14px;}
.upload-btn{position: relative;}
.profile-pic-box{display: inline-block;text-align: center;}
.upload-btn{background-color: #F9F9F9;border: 1px solid #EBEBEB;font-size: 14px;color: #110358;padding: 8px 25px;border-radius: 5px;cursor: pointer;box-shadow: 0 3px 6px rgba(188,188,188,.16)}
.upload-btn input{position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity: 0;cursor: pointer;}
.profile-pic-box img{height: 98px;width: 98px;border-radius: 100%;object-fit: cover;margin-bottom: 17px;}
.form-control::placeholder, .form-control .placeholder{color: rgba(51,53,55,.63)}
.show-item .form-select{min-width: 75px;}
.serachbar {
    flex: 0 0 224px;
    max-width: 224px;
    margin-top: 24px;
}
.search-input{background-repeat: no-repeat;background-position: right 15px center;background-image: url('../images/search-icon.svg');padding-right: 40px;}
.outer-box .form-control{height: 52px;padding: 18px 22px;border: 2px solid #081839;border-radius: 5px;padding-left: 55px;background-repeat: no-repeat;color: #000000}
.outer-box .form-control::placeholder{color: rgba(0,0,0,0.5);font-size: 16px;}

.form-check-input[type=checkbox] {border-radius: 5px;height: 25px;width: 25px;margin-right: 10px;}
.form-check-input[type=checkbox]:checked {background-color: #47A1B5;border-color: #47A1B5;background-image: url('../images/check.svg')!important;background-repeat: no-repeat;background-position: center;background-size: 11px;}
.form-check-input[type=checkbox]:focus{box-shadow: none;border-color:none;}
textarea.form-control{height: 90px;resize: none;}
textarea.form-control.large{height: 115px;}
textarea.form-control.large-2{height: 122px;}
.form-control.upload-file{background-image: url('../images/attachments.svg');background-repeat: no-repeat;background-size: 18px;background-position: right 15px center;padding-right: 35px;position: relative;}
.form-control.upload-file input{opacity: 0;position: absolute;z-index: 9;height: 100%;width: 100%;left: 0;top: 0;cursor: pointer;}
.form-check-input[type=radio]{height: 21px;width: 21px;min-height: 21px;min-width: 21px;border: 1px solid #BBBBBB;margin-right: 10px;margin-top: 0}
.form-check-input[type=radio]:checked {background-color: transparent;border-color: #110358!important;background-image: url('../images/checkedradio.svg');background-position: center;background-repeat: no-repeat;background-size: 13px;box-shadow: none;}
select, option{font-family: 'Messina Sans', sans-serif;}
.form-control:disabled, .form-control[readonly] {background-color: #F4F5F9;}
.form-control.date-icon{background-repeat: no-repeat;background-position: right 15px center;background-size: 21px auto;background-image: url('../images/date-icon.svg');padding-right: 50px;}
.form-control.location-icon{background-repeat: no-repeat;background-position: right 15px center;background-size: 16px auto;background-image: url('../images/location_icon.svg');padding-right: 50px;}
.form-check.custom input[type=checkbox]{border-radius: 0;border: 1px solid #707070;}
.form-check.custom input[type=checkbox]:checked{background-color: #ffffff}
.form-check-input[type=checkbox]{margin-top: 0}

.checkbox-example {position: relative;width: 106px;height: 28px;cursor: pointer;}
input[type="checkbox"].checkbox-toggle {position: absolute;left: -9999px;visibility: hidden;}
label.checkbox-toggle-label span.on {position: absolute;top: 3px;right: auto;left: 8px;color: #ffffff;display: none;cursor: pointer;}
label.checkbox-toggle-label span.off {position: absolute;top: 3px;right: 8px;display: inline-block;color: #ffffff;cursor: pointer;}
label.checkbox-toggle-label:before {cursor: pointer; content: '';background: #BB2121;width: 100%;height: 100%;position: absolute;top: 0;border-radius: 60px;}
label.checkbox-toggle-label:after {cursor: pointer; content: '';position: absolute;top: 0;width: 19px;height: 19px;background: #ffffff;transition: 0.1s ease-in;border-radius: 100%;left: 6px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
input.checkbox-toggle {visibility: hidden;}
input.checkbox-toggle:checked + label.checkbox-toggle-label:after {opacity: 1;background: #ffffff;left: auto;right: 20px;}
input.checkbox-toggle:checked + label.checkbox-toggle-label:before {background: #06A20B;border: 0;width: 91px;}
input.checkbox-toggle:checked + label.checkbox-toggle-label span.on {display: inline-block;}
input.checkbox-toggle:checked + label.checkbox-toggle-label span.off {display: none;}

.header{background-color: #ffffff;position: sticky;top: 0;left: 0;width: 100%;padding: 7px 25px 7px 30px;font-size: 15px;z-index: 999}
.header .dropdown-toggle:after{border: 0;display: inline-block;width: 10px;height: 6px;background-repeat: no-repeat;background-position: center;background-size: 9px;background-image: url('../images/dropdown-arrow.svg');vertical-align: middle;}
.header .menu-btn{display: inline-block;cursor: pointer;}
.header .menu-btn img{display: block;}
.header .profile-img{height: 36px;width: 36px;border-radius: 100%;object-fit: cover;margin-right: 8px;display: inline-block;}
.header .dropdown-menu{transform: none!important;top: 100%!important;margin-top: 15px!important;left: auto!important;right: -15px!important;    min-width: 200px;border-radius: 6px;border: 0;box-shadow: 0 17px 22px rgb(0 0 0 / 11%);padding: 15px 10px 25px 10px}
.header .dropdown-menu h5{font-size: 18px;font-weight: 300;color: #000000;margin-bottom: 15px;}
.header .dropdown-menu ul li a{border-radius: 4px;padding: 8px 10px;display: flex;align-items: center;padding-left: 37px;position: relative;font-size: 16px;font-weight: 300;color: #333537}
.header .dropdown-menu ul li.active a{background-color: #5C5D5E;color: #ffffff}
.header .dropdown-menu ul li a svg{position: absolute;left: 10px;}
.header .dropdown-menu:before{content: '';height: 12px;width: 12px;display: inline-block;background-color: #ffffff;border-radius: 3px;position: absolute;top: -5px;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 12px;}

.breadcrumb{margin-bottom: 12px;}
.breadcrumb-item+.breadcrumb-item:before {float: none;padding-right: 0;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);display: inline-block;position: absolute;left: 14px;opacity: 0.6}
.breadcrumb-item{font-size: 13px;color: #2C2C2C!important;font-weight: 300}
.breadcrumb-item+.breadcrumb-item{padding-left: 35px;position: relative;}

.sidebar{z-index: 999;overflow: auto;position: fixed;width: 100%;max-width: 230px;min-width: 230px;height: 100%;top: 0;left: 0;
    padding: 23px 0;transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
    background: #fff;
}
.sidebar .logo{display: inline-block;margin: 0 auto;margin-bottom: 40px; padding: 0 16px;}
.sidebar h3{font-size: 14px;color: #ffffff;opacity: .60;margin-bottom: 15px; padding: 0 16px;}
.sidebar ul{display: block;width: 100%;}
.sidebar ul li{width: 100%;opacity: .8;padding: 10px 15px}
.sidebar ul li a{display: block;position: relative; font-weight: 300; padding-left: 26px;color: #081839; display: flex;align-items: center; font-size: 14px;}
.sidebar ul li a img{position: absolute;left: 0;width: 17px}
.sidebar ul li:hover, .sidebar ul li.active {background: #47A1B5;}
.sidebar ul li:hover a, .sidebar ul li.active a  {color: #fff;}






.sidebar-login{position: fixed;top: 0;right: 0;width: 100%;min-width: 50%;max-width: 50%;height: 100%;display: flex;align-items: center;justify-content: center;
    background-image: url(../../assets/images/login_img.png); background-repeat: no-repeat; background-size: cover;}

.main-body{width: 100%;display: flex;flex-wrap: wrap;flex-direction: column; }
.main-body .content{/*display: flex;flex-wrap: wrap;flex-direction: column;*/width: 50%;padding: 13px 25px 5px 30px;}
body.outer .main-body .content{padding: 30px}
body.outer .footer{padding: 15px 30px}

.footer{padding: 15px 25px 15px 30px;width: 50%;text-align: center;font-size: 12px;color: #000000}
.footer p{margin-bottom: 0;font-weight: 300;}
.footer p + p{margin-top: 5px;}


.table-searchbar{padding-bottom: 10px;}
.table{font-size: 14px;}
.table tr td{color: #081839;background-color: #ffffff;box-shadow: none;}
.table tbody tr:nth-child(2n + 2) td{background-color: #F4F5F9;}
.table th, .table td{padding: 11px 15px;vertical-align: middle;}
.table tbody tr td:first-child, .table thead tr th:first-child{padding: 10px 20px;width: 0%}
.table th{background-color: #081839;color: #ffffff}
.numbers-pag{font-size: 14px;opacity: .63;padding: 15px 0;}
.pagination .page-link {font-size: 14px;color: #333537;padding: 8px 15px;border-radius: 4px;background-color: #F0EFF3;border-color: #F0EFF3}
.pagination .page-link:focus{box-shadow: none;}
.pagination .page-item{padding: 0 2px;}
.pagination .page-item:first-child{margin-right: 14px;}
.pagination .page-item:first-child .page-link{padding: 8px 20px;border: 1px solid #D2D2D2;background-color: #ffffff}
.pagination .page-item:last-child{margin-left: 14px;}
.pagination .page-item:last-child .page-link{padding: 8px 20px;border: 1px solid #D2D2D2;background-color: #ffffff}
.pagination .page-item[aria-current="page"] a, .pagination .page-item.active a{background-color: #110358 !important;color: #ffffff; border-color: #110358}
.table>:not(caption)>*>*{border-bottom-width: 0px;}
.td-v-top td{vertical-align: top;}
.table .btn{font-size: 14px;}

.outer-box{margin: auto;width: 100%;max-width: 400px;color: #081839}
.outer-box h1{font-size: 32px;margin-bottom: 0;padding-bottom: 15px;}
.outer-box h1 span{font-size: 22px;display: block;margin-bottom: 10px; font-weight: normal;}
.outer-box-header{margin-bottom: 30px;}
.outer-box-header p{font-size: 16px;color: #333537;opacity: .86;margin-bottom: 0;}
.outer-box .btn{font-weight: 400;font-size: 18px;padding: 13px 25px;border-radius: 5px; text-transform: uppercase;}
.forget-text{color: #47A1B5; font-weight: 300; font-size: 16px;}

.modal{z-index: 9999}
.modal .btn:not(.normal){font-weight: bold;font-size: 18px;padding: 13px 35px;border-radius: 5px;color: #000000}
.modal-small .modal-body{padding: 40px 20px;}
.modal-small .modal-footer{padding: 10px 20px 40px;}
.modal-small h3{font-size: 24px;color: #000000}
.modal-small .modal-icon{margin-bottom: 40px;}
.modal-small p{opacity: .68;font-size: 18px;}
.modal-small .modal-dialog{max-width: 420px;}
.modal .modal-content{border-radius: 0;border: 0;}
.modal-header{border: 0;background: #F4F5F9;padding: 18px 30px;}
.modal-header h5{color: #110358;font-size: 20px;}
.modal-dialog{max-width: 600px}
.medium-modal .modal-body{padding: 20px 30px 40px;}
.popover{z-index: 999999}
.medium-modal.custom .modal-dialog{max-width: 550px}

.view-list{display: block;margin-bottom: 20px;}
.view-list li{width: 100%;padding: 20px 0;border-bottom: 1px solid #F1F1F1;color: #000000;font-size: 16px;}
.view-list li:first-child{padding-top: 0}

.video-mini{min-width: 34px;min-height: 34px;height: 34px;width: 34px;position: relative;overflow: hidden;border-radius: 5px;}
.video-mini img{height: 100%;width: 100%;object-fit: cover;}
.video-mini .playbtn{padding: 0;background-color: transparent;border: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);z-index: 9}
.video-mini:after{content: '';position: absolute;height: 100%;width: 100%;background-color: #110358;opacity: 0.36;z-index: 8;left: 0;top: 0;}

.nav-tabs {border-bottom: 1px solid #47A1B5;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color: #47A1B5 #47A1B5 #ffffff;color: #110358;opacity: 1;}

.nav-tabs .nav-link {border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #EBEEF3;
    color: #081839;
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
    padding: 8px 35px;
    border: 1px solid #EBEEF3;
    border-bottom: 1px solid #47A1B5;}
.nav-tabs .nav-link:not(.active):focus, .nav-tabs .nav-link:not(.active):hover{border: 1px solid #333537;}
.tab-content{
    padding-top: 10px;
}

.tab-content .form-select, .tab-content .form-control{
    border: 1px solid #CDD9D7;
}

.ui-datepicker .ui-widget-header {border: 1px solid #110358;background: #110358;color: #ffffff;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {filter: invert(1);}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover {border: 1px solid #f0cc26;background: #f0cc26;}



.cose_country__outer{ padding-right: 40px; display: block; width: 100%;}
.videoupload_row select,
.cose_country select{ padding-right: 30px; }

.borderRadius{ border-radius:10px !important;}

.inner-content{ width: 100% !important;}
.inner-ft{width: 100% !important;}
.herad-top{border-bottom: 1px solid #eee; background: #fff; padding: 15px 15px; border-radius: 8px 8px 0 0;}
.herad-top h5{ font-size: 20px; font-weight: 500; margin: 0;}
.sub-text{ color: #47A1B5; font-size: 16px; font-weight: 300;}

.tab_nav{position: relative;}
.tab_nav .btn.btn-primary {
    position: absolute;
    top: -5px;
    right: 12px;
    margin: 0 !important;
    min-height: 36px;
}
.tab-content .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 20px;
  }
  
  .tab-content .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .tab-content .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .tab-content .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .tab-content input:checked + .slider {
    background-color: #32B923;
  }
  
  .tab-content input:focus + .slider {
    box-shadow: 0 0 1px #32B923;
  }
  
  .tab-content input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
  }
  
  /* Rounded sliders */
  .tab-content .slider.round {
    border-radius: 34px;
  }
  
  .tab-content .slider.round:before {
    border-radius: 50%;
  }

  .back_a {
    margin-top: -3px;
    margin-left: auto;
  }

  .back_a a{
    font-size: 13px;
    color: #2C2C2C!important;
    font-weight: 300;
    position: relative;
  }
  .user-detail{
    box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
    border-radius: 4px;
    padding: 15px;
  }
  .user-detail p{
    color: #081839;
    font-weight: 500;
    margin-bottom: 0;
  }
  .rates_li{
    width: 50%;
  }
  .rates_li li{
    display: flex;
    font-weight: 500;
    font-size: 12px;
    color: #081839;
    line-height: 2;
  }
  .rates_li span{
    margin-left: auto;
    font-weight: 500;
  }
  .rates_li input{
    width: 100px;
    height: 37px;
    margin-right: 5px;
    font-weight: 500;
  }
  .rate-label{
    font-weight: 500;
    margin-bottom: 10px;
  }

  .white-box .form-control, .white-box .form-select{
    font-weight: 500;
  }

.staff-img{
  height: 58px;
  width: 58px;
  border: 1px solid #9F9F9F;
}

.staff_member ul{
  font-size: 12px;
}
.staff_member ul li:first-child{
  font-size: 14px;
  font-weight: 500;
}

select{
  height: 42px;
  border-radius: 5px;
  border: 1px solid #9F9F9F;
  font-size: 15px;
  padding: 8px 15px;
  display: block;
  width: 100%;
  font-weight: 600;
}

select:focus-visible{
  border-color: #110358;
}

.shift-duration span{
  padding: 7px;
  font-size: 14px;
  font-style: italic;
}

.staff_box {
  background-color: #F6FAFF;
  border-radius: 4px;
  width:100%;
  padding: 8px 15px;
  align-items: center;
}

.staff_box img{
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border-radius: 4px;
}

.staff_box label{
  font-weight: 500; max-width: calc(100% - 80px);
}

.staff_box input{
  margin-left: auto;
  height: 26px;
  width: 26px;
  border-color: #707070;
}
.staff_box input:checked{
  background-color: #47A1B5 !important;
}

.select_staff h6 span{
  color: #737573;
  font-size: 14px;
  font-weight: 400;
  margin-left: 1rem;
}

.pending_status{
  color:#EFB413 !important;
}
.running_status{
  color:#1084D2 !important;
}
.cancelled_status{
  color:#DB1F52 !important;
}
.completed_status{
  color:#42B11B !important;
}
.btn-confirm{
  border: 1px solid #47A1B5;
  border-radius: 50px;
  color: #47A1B5;
  padding: 3px 15px;
  font-size: 12px;
}
.btn-cancel{
  border: 1px solid #F15C59;
  border-radius: 50px;
  color: #F15C59;
  padding: 3px 15px;
  font-size: 12px;
}

.right_filters, .right_filters .shift-duration {
  align-items: end;
}

.right_filters .form-label {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 12px;
}

.right_filters select, .right_filters input {
  width: 170px;
  border-radius: 5px;
  border: 1px solid #CDD9D7;
  font-size: 15px;
  padding: 8px;
  display: block;
  color: #333537;
  font-weight: 300;
}

.right_filters div{
  margin-right: 1rem;
}

.table-searchbar select, .table-searchbar input{
  height: 36px;
}

.shift-duration .form-control{
  font-weight:400;
}
.booking-tab-content{
  margin-top:0px;
}
.user_details{
  font-size: 14px;
    margin: 3rem 0;
}

.user_details li{
  margin-bottom: 6px;
}
.running .staff_box {
  background-color: transparent;
  border-radius: 0;
  padding: 8px 0px;
}
.cancel{
  border-color: #F15C59 !important;
    background: #F15C59 !important;
}

  .inputIconsetting { 
    position: absolute;
    top: 7px;
    right: 10px;
  }
  .browseImgInput { position: absolute; height: 0px; width: 1px; opacity: 0; }
  .userImgBox { width: 100%; height: 250px; border: 1px solid #9F9F9F; background: #EBEEF3; flex-wrap: wrap; overflow: hidden; }
  .userImgBox p { width: 100%; text-align: center;}
  .userImgBox>img { max-width: 100%; text-align: center; max-height: 250px; object-fit: contain; }

  .table tr td:last-child img { min-width:20px; }
  .table tr td img.staff-img { min-width: 58px; }

  .rates_liNew li { margin-bottom: 13px; }
  .rates_liNew li label { width: 45%; font-weight: 300; font-size: 16px; color: #081839; line-height: normal; vertical-align: top;}

  .traningListNew li { margin-bottom: 15px; }
  .traningListNew li span { white-space: nowrap; }
  .traningListNew li label {
    width: 70%;
    font-weight: 300;
    font-size: 16px;
    color: #081839;
    line-height: normal;
    vertical-align: top;
  }
  .staffMemImg img { width: 180px; height: 180px; border: 1px solid #9F9F9F; object-fit: cover; }  
  .fileNameBadgeId { padding-right: 40px; position: relative; }
  .fileNameBadgeId a { position: absolute; right: 15px; top: 25px; }
  .user-detail p.fileName {
    color: #081839;
    font-weight: 500;
    margin-bottom: 0;
    max-width: calc(100% - 45px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  .custome-div{ display: flex; align-items: center; justify-content: space-between; padding-left: 0; padding-right: 0; }
  .custome-div .col-custome{ flex-grow: 1; }
  .col-custome{ margin: 0 15px; }

.modal-header h5{ display:block; font-size:22px ; color: #000;}
.locationonlabel{ display: block; padding-left: 14px; font-size: 16px; font-weight: 400; color: #081839; background: url(../images/location-icon.svg) left 5px no-repeat; }
.labelwithvalue{ display: inline-block; min-width: 48%; font-size: 14px; margin-top: 10px; color: #081839; }

.modal-body{ padding: 15px 30px; }
.sel-stafflabel{ font-size: 16px; font-weight: 400; color: #081839; display: block;}
.selectstaffmembers{ display: block; width: 100%; max-height: 80vh; overflow: auto; }


th{ white-space: nowrap; line-height: normal; }
@media screen and (min-width: 992px)
{
    .table-responsive{ max-width: calc(100vw - 300px); }
    body.menu-clicked .table-responsive{ max-width: calc(100vw - 90px); }
}
.table-responsive{  }
.staff-headder{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #EBEEF3; }
.editbtnn{ display: inline-block; color: #fff !important; font-size: 12px; background:#47A1B5 ; font-weight: 400; border-radius: 50px; height: 26px; line-height: 26px; padding: 0 15px; }
.editbtnn:hover{ background: #3E94A7; }
.editbtnn img{ filter: invert(1) brightness(1); }
.approvedby{ font-size: 14px; margin-left: 80px; }

.staffvaluesinfo{ display: flex; align-items: center; flex-grow: 1; }
.staffvaluesinfo div{ display: inline-block; text-align: left; border-right: solid 1px #DBDBDB; padding: 0 15px 0 0; font-size: 12px; margin-right: 15px; }
.staffvaluesinfo div label{ display: block;  font-weight: 500;}


.error-page{background: #EBEEF3; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; }
.error-page:after{content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/logo-icon.svg) -50% center no-repeat; background-size: 50%; opacity: 0.05;}
.errorpage_box{ display: block; text-align: center; padding:30px; width: 100%; position: relative; z-index: 2; }
.errorpage_box h1{ font-size: 9rem; }



/*nishi css*/


.user-detail p {
    word-break: break-word;
}
.pagination .page-item.active:first-child .page-link {
    background-color: #110358;
    color: #ffffff;
    border-color: #110358;
}
.sweet-alert button.cancel {
    background: #a50f1b !important;
}
.sweet-alert button.confirm {
    background: #47A1B5 !important;
}
.changePassword .inputBox span {
    position: absolute;
    left: 12px;
    top: 8px;
}
.changePassword .inputBox input {
    padding-left:40px;
}
.leftIconInput span {
    top:3px;
    left:7px;
}
.leftIconInput input {
    padding-left: 19px;
    padding-top: 2px;
}
.profileuserImgBox {
    width: 100%;
    height: 210px;
    border: 1px solid #9F9F9F;
    background: #EBEEF3;
    flex-wrap: wrap;
    overflow: hidden;
}

 .profileuserImgBox p {
        width: 100%;
        text-align: center;
 }

 .profileuserImgBox > img {
        max-width: 100%;
        text-align: center;
        max-height: 210px;
        object-fit: contain;
 }
.profileuserImgBox {
    position: relative;
}

.removeThisImage {
    width: 30px;
    height: 30px;
    background: #fff;
    color: red;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

    .removeThisImage svg {
        display: inline-block;
        margin: 6px 0 0 8px;
    }
@media screen and (max-width:1366px) {
    .userImgBox {
            height: 150px;
        }
    }


.leavereason{ font-size: 12px; }

thead .tr_under table{ width: 100%; }
thead .tr_under th{ padding:0;}
thead .th_under table th{ white-space: nowrap;  padding: 5px 10px !important; text-align: center; width: 50% !important; display: inline-block; border-top: solid 1px #737573; border-right: solid 1px #737573; border-left: solid 1px #737573; font-size: 14px; font-weight: 400; }
thead .th_under.remarkspart table th{ min-width: 120px; }

.table-bodereds th{ padding-bottom: 0 !important; }
.table tbody tr td.th_under{ white-space: nowrap; padding: 0; position: relative; }

.table-bodereds > tbody > tr > td{ border-right: solid 1px #E6E9EF; }
.table tr td.th_under td{ padding-top: 0; padding-bottom:0;  width: 50% !important; padding: 5px 10px !important; }
.viewpaper{ color: #47A1B5; }
.table tr td.th_under td:last-child{ border-right: 0; }
.table tbody tr td.th_under:before{content: ""; position: absolute; z-index: 1; top: 0; left: 50%; background:#E6E9EF; height: 100%; width: 1px; }
.table tbody tr td.th_under img{ max-width: 100%; }

.table tr td.th_under table{ display: block; width: 100%; height: 100%; }
.table tr td.th_under table tbody{ display: block; width: 100%;  height: 100%;}
.table tr td.th_under table tbody tr{ display: flex; width: 100%; height: 100%; align-items: center; }
.table tr td.th_under table tbody tr td{ width: 50% !important; min-width: 50%; height: 100%; max-width: 50%; text-align: center;}

.table tr td.th_under.remarkspart table tbody tr td{ min-width: 120px; }

.staffprofiles{ display: flex; align-items: center;  white-space: nowrap; }
.staffprofiles img{ width: 40px; height: 40px; min-width: 40px; border-radius: 6px; object-fit: cover; overflow: hidden; margin-right: 8px; }
.nowrap{ white-space: nowrap; }

.ui-timepicker-standard{ font-size: 11px !important; font-family: 'Rubik', sans-serif; }
.timepicker.form-control{ font-size: 15px; padding-left: 5px; padding-right: 20px; min-width: 90px; background: url(../images/timeicon.svg) 95% center no-repeat; }


.notificationBox .dropdown-toggle:after {
    display: none;
}

.notificationBox .dropdown-toggle {
    width: 36px;
    height: 36px;
    background: #E9E8EA;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 34px;
    position: relative;
}

.noti_count {
    position: absolute;
    left: 72%;
    top: 0;
    background: #EF2362;
    height: 18px;
    line-height: 18px;
    color: #fff;
    border-radius: 20px;
    padding: 0 4px;
    min-width: 18px;
    text-align: center;
    font-size: 12px;
}

.notificationBox h3 {
    display: block;
    width: 100%;
    border-bottom: solid 2px #EBEEF3;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0;
    padding-bottom: 8px;
    margin-bottom: 0px;
}
    .notificationBox h3 a {
        text-decoration: underline;
        font-size: 16px;
        color: #47A1B5; font-weight:400
    }

    .noti_msg {
        display: block;
        width: auto;
        border-bottom: solid 1px #EBEEF3;
        font-size: 14px;
        position: relative;
        padding: 10px;
        margin: 0;
    }

    .noti_msg label {
        margin-bottom: 0;
        font-weight: 500;
        color: #737573;
    }

    .noti_msg:hover {
        background: #F4F5F9;
    }

.noti_time {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #ABABAB;
    text-align: right;
}

.notificationBox .dropdown-menu {
    min-width: 560px;
}

.noti_scroll {
    display: block;
    width: 100%;
    max-height: 70vh;
    overflow: auto;
}

.overlay_anchor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}




.staff_availability_row {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin-bottom: 18px;
}

    .staff_availability_row input[type=checkbox] {
        height: 26px;
        width: 26px;
        border-color: #707070;
        margin-right: 14px;
        min-width: 26px;
    }

.othershift_timing {
    display: block;
    padding-left: 40px;
}

.othershift_cell {
    width: 160px;
    display: inline-block;
    vertical-align: top;
}

    .othershift_cell + .othershift_cell {
        margin-left: 20px;
    }


.form-label {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 12px;
}

.margin_r10 div {
  margin-right:8px !important
}
.resetBtn{ padding:5px 18px !important; min-height:36px !important}

.approved_color {
    color:#3ebc3e !important
}
.rejected_color {
    color: #f35e5e !important
}
.pending_color {
    color: #EFB413 !important
}
.confirmed_color {
    color: #43ABAC !important
}

.right_filters .dateBlog .datepicker-from2, .right_filters .dateBlog .datepicker-to2 {
    width: 100px !important
}

.left_15{ margin-left:15px !important}

#ShifTo-error, #ShiftFrom-error {
    padding: 0px !important;
    font-size: 12px !important;
    font-style: normal !important;
}


#AttendanceList .table .btn-primary {
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    font-weight: normal !important;
    background: #fff !important;
    border: 1px solid #47a1b5 !important;
    color: #47a1b5 !important;
}

#BookingList .btn-cancel {
    border: 1px solid #F15C59;
    border-radius: 50px;
    color: #F15C59 !important;
    padding: 3px 11px;
    font-size: 12px;
    background: #fff;
    width: 120px;
    text-align: center;
}

    #BookingList .btn-cancel:hover {
        border: 1px solid #F15C59;
        border-radius: 50px;
        color: #fff !important;
        padding: 3px 11px;
        font-size: 12px;
        background: #F15C59;
        width: 120px;
        text-align: center;
    }

.table tr td:last-child img {
    min-width: 12px !important;
}

.DropdownStyle {
    width: 250px !important;
}
.select2.select2-container {
    width:100% !important;
}
.select2-container .select2-selection--multiple {
    min-height: 42px !important;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    padding:3px 5px;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #CDD9D7 !important;
}