/* 00 : Root
========================================================== */

:root {
  --theme-body:#F6F6F6;
  --theme-primary:#01122E;
  --theme-secondary:#0450BE;
  --theme-secondary1:#FFDF5B;
  --theme-gray:#666666;
  --theme-gray1:#C0C0C0;
  --theme-gray2:#797979;
  --theme-black:#000000;
  --theme-black1:#111111;
  --theme-white:#FFFFFF;
  --theme-green:#1A932E;
  --theme-orange:#DFA510;
  --theme-red:#E65F2B;
  --theme-blue-light:#F3F8FF;
  --theme-orange-light:#F9EFDC;
  --theme-red-light:#FAE4DE;
  --theme-green-light:#DCECDE;

  --theme-main-font:'Aeonik Pro TRIAL';

  --row:row;
  --column:column;
  --inline-block:inline-block;
  --flex:flex;
  --wrap:wrap;
  --sbetween:space-between;
  --fstart:flex-start;

  --right:right;
  --center:center;
  --left:left;

  --auto:auto;
  --trans:transparent;
  --pointer:pointer;
  --no-repeat:no-repeat;

  --zero:0px;
  --50p:50%;
  --100p:100%;

  --pos-abs:absolute;
  --pos-rel:relative;

  --bold:bold;
  --fw400:400;
  --fw300:300;

}



/* 01 : Website Global CSS BOF
========================================================== */
body,html {height: 100%; }
body { background-color:#F6F6F6; font-family:'Aeonik Pro TRIAL'; font-weight:400; font-size:14px; line-height:normal; color:#000000;  text-transform: none;}
*, html { margin:0px; padding:0px;  }
a { color:var(--theme-gray); display: inline-block;} /* Common color hyperlink */
a:hover, a:active { color:#0450BE; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; }
ul { list-style:none; margin:0; padding:0; }
i { font-family:'FontAwesome'; }
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }

/* Transition Effect CSS BOF */
a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }

/* Browser Selection CSS BOF */
::selection { background:#0450BE; color:#ffffff; } ::-moz-selection { background:#0450BE; color:#ffffff; }
::-webkit-selection { background:#0450BE; color:#ffffff; } ::-o-selection { background:#0450BE; color:#ffffff; }
::-ms-selection { background:#0450BE; color:#ffffff;  }

/* 02 : Global Classes CSS BOF
==================================================== */

/* Background & Color Style CSS BOF
=================================================== */


/* Font Color Style CSS BOF */

.theme-body{color:var(--theme-body) !important;}
.theme-primary{color:var(--theme-primary) !important;}
.theme-secondary{color:var(--theme-secondary) !important;}
.theme-secondary1{color:var(--theme-secondary1) !important;}
.theme-gray{color:var(--theme-gray) !important;}
.theme-gray1{color:var(--theme-gray1) !important;}
.theme-gray2{color:var(--theme-gray2) !important;}
.theme-black{color:var(--theme-black) !important;}
.theme-black1{color:var(--theme-black1) !important;}
.theme-white{color:var(--theme-white) !important;}
.theme-green{color:var(--theme-green) !important;}
.theme-orange{color:var(--theme-orange) !important;}
.theme-red{color:var(--theme-red) !important;}

/* Background Color Style CSS BOF */

.theme-body-bg{background-color:var(--theme-body) !important;}
.theme-primary-bg{background-color:var(--theme-primary) !important;}
.theme-secondary-bg{background-color:var(--theme-secondary) !important;}
.theme-secondary1-bg{background-color:var(--theme-secondary1) !important;}
.theme-gray-bg{background-color:var(--theme-gray) !important;}
.theme-gray1-bg{background-color:var(--theme-gray1) !important;}
.theme-gray2-bg{background-color:var(--theme-gray2) !important;}
.theme-black-bg{background-color:var(--theme-black) !important;}
.theme-black1-bg{background-color:var(--theme-black1) !important;}
.theme-white-bg{background-color:var(--theme-white) !important;}
.theme-orange-light-bg{background-color:var(--theme-orange-light) !important;}
.theme-red-light-bg{background-color:var(--theme-red-light) !important;}
.theme-green-light-bg{background-color:var(--theme-green-light) !important;}

.cursor-pointer{cursor:var(--pointer);}
/* 03 : Heading Style CSS BOF
=================================================== */
h1, h2, h3, h4, h5, h6 { font-family:'Aeonik Pro TRIAL'; line-height:normal; font-weight:bold; color:#000000;}

h1 { font-size:32px; }
h2 { font-size:28px; }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:22px; }
h6 { font-size:18px; }



/* 04 : Paragraph Style CSS BOF
=================================================== */
p { line-height:normal; font-family:'Aeonik Pro TRIAL'; font-size: 16px; font-weight: normal; color:#000000; margin-bottom: 10px;}

/* 05 : Image Style CSS BOF
=================================================== */
img { margin-bottom:0; } /*margin-bottom:5px*/

/* 08 : Linedivider Style CSS BOF
=================================================== */
hr { border-top:solid 1px #DDDDDD; border-bottom:medium none; margin-top:25px; margin-bottom:25px;}

.hr{ border-bottom:1px solid  #DDDDDD;;margin-top:25px; margin-bottom:25px;width: 100%;}



.no-scroll {
    overflow: hidden;
}

/* 10 : Button Style CSS BOF
=================================================== */

.btn{background-color:#0450BE;padding:7px 15px;border:1px solid #0450BE;color:#ffffff;font-size:14px;font-weight:400;font-family:'Aeonik Pro TRIAL';transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;border-radius:14px;text-transform:capitalize;box-shadow:none;}
.btn.btn-lg{padding-top:13px;padding-bottom:13px;}
.btn.btn-outline{border:1px solid rgba(102 102 102 / 35%);background-color:transparent;color:#000000;}
/*** Buttton Varilation CSS BOF ***/

/* Hover State CSS BOF */
.btn:hover{background:#FFDF5B !important;color:#000000 !important;border-color:#FFDF5B !important;box-shadow:none;outline:none;}
.btn.btn-outline:hover{background:#01122E !important;color:#ffffff !important;border-color:#01122E !important;}
.btn-100{width: 100%;}

.btn-full{display:flex;flex-direction:column;flex-wrap:wrap;}



/* 11 : Form & Input Style BOF
==================================================== */


textarea.form-control { padding-right:5px; resize:none; overflow:auto; height:84px; }

/*** Label CSS BOF ***/
label.form-label { font-size:14px; font-weight:bold;color:#000000; margin-bottom: 10px;}


.dropdown-item.active,.dropdown-item:active{background-color:inherit!important;color:inherit!important;}


/*
| ========================================================
| INDEX PAGE CSS BOF
| ========================================================
*/

.page-wrapper { margin:0px auto; }
.text-underline{ text-decoration: underline !important; }
.text-capitalize{ text-transform: capitalize !important; }
.text-uppercase{ text-transform: uppercase !important; }
.display-none{ display: none !important; }

/* Password Icon Start */

.password-icon i{color:#C0C0C0;font-size:18px;cursor:var(--pointer);position:var(--pos-abs);right:20px;top: 19px;}
.password-icon{position:var(--pos-rel);}

/* Password Icon End */


/* Calendar Start */

.ui-datepicker{border:1px solid rgba(0,0,0,0.10);background-color:#fdfdfd;padding:7px;border-radius:10px;margin-top:15px;margin-bottom:15px;}
.ui-datepicker .ui-datepicker-header{border-radius:0;border:0;background-color:transparent;padding:5px;}
.ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon{display:none;}
.ui-datepicker .ui-datepicker-calendar th{color:#797979;font-weight:400;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before{content:"";background:url(../images/arrow-left.svg) center / 12px 8px no-repeat;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::after{content:"";background:url(../images/arrow-right.svg) center / 12px 8px no-repeat;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before,.ui-datepicker .ui-datepicker-header .ui-datepicker-next::after{width:12px;height:8px;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{display:flex;justify-content:center;align-items:center;top:4px;cursor:pointer;background-color:#0550bd;}
.ui-datepicker.ui-widget-content .ui-datepicker-calendar .ui-state-disabled{opacity:1;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover{left:5px;}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover{right:5px;}
.ui-datepicker .ui-state-default{border:0;background:transparent;color:#16151C;text-align:center;margin:2px;border-radius:50%;width:29px;height:29px;line-height:29px;padding:0;}
.ui-datepicker .ui-datepicker-title{color:var(--theme-black);font-size:14px;}
.ui-datepicker .ui-state-disabled .ui-state-default{color:rgba(22,21,28,0.5);border-radius:50%;}
.ui-datepicker .ui-datepicker-calendar th,.ui-datepicker .ui-datepicker-calendar td{font-size:14px;}
.ui-datepicker .ui-state-default:hover{background:#ddd;color:#16151C;}
.ui-datepicker .ui-datepicker-today a.ui-state-highlight{background-color:#d5dff3;color:#16151c;}
.ui-datepicker .ui-datepicker-current-day a.ui-state-active{background:#0550bd;color:#ffffff;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{border:1px solid rgba(0,0,0,0.10);padding:2px;height:27px;margin:0px 2px;border-radius:4px;}
.ui-datepicker-week-hover td a{background:#F4D8C5!important; /* Light yellow */}
.ui-datepicker-week-selected td a{background:#F4D8C5!important; /* Light orange */}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current,.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close{border-radius:4px;padding-top:0;padding-bottom:0;}


@media(max-width:370px) {
    .ui-datepicker .ui-datepicker-title{font-size: 14px;}
    .ui-datepicker .ui-datepicker-calendar th,.ui-datepicker .ui-datepicker-calendar td{font-size: 13px;}
}

/* Calendar End */

.form-group{margin-bottom:25px;position:relative;}
.form-control.border {background-color:#ffffff;border: 1px solid rgba(102 102 102 / 35%) !important;border-radius: 12px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;font-size: 14px;color:#000000;-webkit-appearance: none;font-family:'Aeonik Pro TRIAL';font-weight: normal;padding: 10px 20px 10px 20px;height: 48px;}

/*** Placeholder CSS BOF ***/
.form-control.border::placeholder{color:#797979;font-weight:normal;font-size:14px;}
.form-control.border::-moz-placeholder{color:#797979;font-weight:normal;font-size:14px;}
.form-control.border:-ms-input-placeholder{color:#797979;font-weight:normal;font-size:14px;}
.form-control.border::-webkit-input-placeholder{color:#797979;font-weight:normal;font-size:14px;}
.form-control.border::-o-input-placeholder{color:#797979;font-weight:normal;font-size:14px;}

 /* Focus State CSS BOF */
.form-control.border:focus,.form-select.border:focus {border-color:rgba(102 102 102 / 35%);box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;background-color:rgba(4 80 190 / 10%);}


.custom-table-main td,.custom-table-main th{padding:10px;vertical-align:middle;font-size: 14px;}
.custom-table-main td:first-child,.custom-table-main th:first-child{padding-left:0px;}
.custom-table-main tr td:last-child,.custom-table-main tr th:last-child{padding-right:0px;}
.custom-table-main td{border-bottom:0;}

.width-p-1{width:1%;}
.width-p-2{width:2%;}
.width-p-5{width:5%;}
.width-p-9{width:9%;}
.width-p-10{width:10%;}
.width-p-12{width:12%;}
.width-p-14{width:14%;}
.width-p-15{width:15%;}
.width-p-16{width:16%;}
.width-p-17{width:17%;}
.width-p-20{width:20%;}
.width-p-25{width:25%;}
.width-p-30{width:30%;}
.width-p-35{width:35%;}
.width-p-40{width:40%;}
.width-p-45{width:45%;}
.width-p-50{width:50%;}
.width-p-55{width:55%;}
.width-p-60{width:60%;}
.width-p-65{width:65%;}
.width-p-70{width:70%;}
.width-p-75{width:75%;}
.width-p-80{width:80%;}
.width-p-85{width:85%;}
.width-p-90{width:90%;}
.width-p-95{width:95%;}
.width-p-100{width:100%;}


.min-width-50{min-width:50px;}
.min-width-100{min-width:100px;}
.min-width-110{min-width:110px;}
.min-width-120{min-width:120px;}
.min-width-130{min-width:130px;}
.min-width-150{min-width:150px;}
.min-width-160{min-width:160px;}
.min-width-170{min-width:170px;}



.font12{font-size:12px !important;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield !important;
}



.custom-table-main td{word-break:break-word;}

input::-webkit-autofill,input::-webkit-autofill:hover,input::-webkit-autofill:focus,textarea::-webkit-autofill,textarea::-webkit-autofill:hover,textarea::-webkit-autofill:focus,select::-webkit-autofill,select::-webkit-autofill:hover,select::-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;}


/*===============================================================================
     Checkbox Radio Start
=================================================================================*/

.checkbox-radio-rounded-wrap .checkbox-radio{display:none;}
.checkbox-radio-rounded-wrap .checkbox-radio + label{position:relative;padding-left:28px;cursor:pointer;line-height:21px;display:inline-block;color:#797979;font-size:16px;}
.checkbox-radio-rounded-wrap .checkbox-radio:checked + label{color:#000000;}
.checkbox-radio-rounded-wrap .checkbox-radio + label::before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #e8e8e8;border-radius:50%;background:#fff;}
.checkbox-radio-rounded-wrap .checkbox-radio:checked + label::before{border-color:#0450BE;}
.checkbox-radio-rounded-wrap .checkbox-radio + label::after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.checkbox-radio-rounded-wrap .checkbox-radio:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.checkbox-radio-rounded-wrap .checkbox-radio + label::after{content:'';width:12px;height:12px;background:#0450BE;position:absolute;top:4px;left:4px;border-radius:50%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.checkbox-radio-rounded-main .checkbox-radio-rounded-wrap{padding-right:20px;}
.checkbox-radio-rounded-main .checkbox-radio-rounded-wrap:last-child{padding-right:0px;}
.checkbox-radio-rounded-main{display:var(--flex);flex-wrap:var(--wrap);}

.checkbox-square-wrap .checkbox{display:none;}
.checkbox-square-wrap .checkbox + label{position:relative;padding-left:28px;cursor:pointer;line-height:18px;display:inline-block;color:#797979;font-size:14px;font-weight:bold;}
.checkbox-square-wrap .checkbox:checked + label{color:#000000;}
.checkbox-square-wrap .checkbox + label::before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:2px solid #C0C0C0;background:#fff;border-radius: 2px;}
.checkbox-square-wrap .checkbox:checked + label::before{border-color:#0450BE;background-color:#0450BE;}
.checkbox-square-wrap .checkbox + label::after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.checkbox-square-wrap .checkbox:checked + label:after{content:"\f00c";opacity:1;-webkit-transform:scale(1);transform:scale(1);color:#ffffff;width:18px;height:18px;display:var(--flex);align-items:var(--center);justify-content:var(--center);font-size:12px;}
.checkbox-square-wrap .checkbox + label::after{content:'';position:absolute;top:0px;left:0px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.checkbox-square-main .checkbox-square-wrap{padding-right:20px;}
.checkbox-square-main .checkbox-square-wrap:last-child{padding-right:0px;}
.checkbox-square-main{display:var(--flex);flex-wrap:var(--wrap);}

/*===============================================================================
     Login Pass Start
=================================================================================*/

.login-pass-main{max-width:640px;padding-top:80px;padding-bottom:80px;display:var(--flex);flex-direction:var(--column);justify-content:var(--center);height:var(--100p);}
.login-pass-form{padding:40px 45px;background-color:var(--theme-white);border-radius:24px;}
.login-pass-form h1{font-size:32px;}
.login-pass-form .form-group
label.form-label{font-size:16px;font-weight:400;}
.login-pass-form .form-group .form-control{height:56px;}
.login-pass-link:hover{color:var(--theme-secondary)!important;}
.login-pass-page{min-height:calc(100vh - 56px);overflow:auto;height:var(--100p);display:var(--flex);}
.login-pass-logo{padding-bottom:60px;}
.login-pass-form .btn-full .btn{font-size:22px;border-radius:40px;padding-top:15px;padding-bottom:15px;}
.login-pass-footer-main{padding-top:15px;padding-bottom:15px;}
.login-pass-footer-wrap li{margin:5px 15px;}
.login-pass-footer-link{color:var(--theme-black);}
.login-pass-form .form-group .form-control::placeholder{color:var(--theme-gray1);}
.password-icon .form-control{padding-right:50px;}


/*===============================================================================
     Admin | Add New Shift
=================================================================================*/

.add-newshift-modal-main .modal-dialog{max-width:1054px;}
textarea.form-control.border{height:104px;}

/*===============================================================================
                            Dashboard CSS Start
=================================================================================*/

.wrapper-main{min-height:100vh;display:flex;flex-direction:column;}
.main-header{transition:margin-left .3s ease-in-out;margin-left:270px;border-bottom:1px solid rgba(0,0,0,0.1);background:#fafafa;padding:16px 30px;}
.main-sidebar{bottom:0;float:none;left:0;position:fixed;top:0;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:270px;background:#01122E;}
.content-wrapper{transition:margin-left .3s ease-in-out;margin-left:270px;min-height:calc(100vh - 94px);margin-top:94px;}
.sidebar-top{padding:30px;text-align:center;}
.sidebar-top .sidebar-logo{display:inline-block;width:80px;height:80px;}
.sidebar-top .sidebar-logo img{width:100%;height:100%;object-fit:contain;}
.sidebar.sidebar-menu-main{padding:15px 25px;height:calc(100vh - 140px);overflow-x:hidden;overflow-y:auto;scrollbar-color:#0550be transparent;scrollbar-width:thin;}
.main-sidebar li.sb-nav-item{margin-bottom:10px;}
.main-sidebar .sb-nav-item .sb-nav-link{display:flex;align-items:center;padding:13px 16px;width:100%;border-radius:24px;font-size:14px;color:#ffffff;}
.main-sidebar .sb-nav-item .sb-nav-link .sb-nav-icon{width:22px;height:22px;object-fit:contain;}
.main-sidebar .sb-nav-item .sb-nav-link p{width:calc(100% - 22px);padding-left:16px;color:#fff;margin-bottom:0px;font-size:14px;}
.main-sidebar li.sb-nav-item .sb-nav-link:hover{background:#f3eac4;color:#000;}
.main-sidebar li.sb-nav-item .sb-nav-link:hover p{color:#000;}
.main-sidebar li.sb-nav-item .sb-nav-link:hover img{filter:invert(1) brightness(0) grayscale(1);}
.main-sidebar li.sb-nav-item.active .sb-nav-link{background:#FFDF5B;color:#000;}
.main-sidebar li.sb-nav-item.active .sb-nav-link p{color:#000;}
.main-sidebar li.sb-nav-item.active .sb-nav-link img{filter:invert(1) brightness(0) grayscale(1);}
.header-left-text .font-24{display:inline-block;width:100%;font-size:24px;margin-bottom:2px;}
.header-left-text .font-28{display:inline-block;width:100%;font-size:28px;font-weight:700;}
.ha-dropdown-click{border:1px solid #0450BE;border-radius:24px;padding:5px;display:inline-block;padding-right:25px;}
.ha-dropdown-click .user-menu{display:flex;align-items:center;}
.ha-dropdown-click .user-menu img{width:38px;height:38px;border-radius:100%;object-fit:cover;object-position:center;}
.ha-dropdown-click .user-menu .h-admin-info{width:calc(100% - 38px);display:flex;flex-direction:column;min-width:120px;padding-left:10px;}
.ha-dropdown-click .user-menu .h-admin-info span{font-size:14px;color:#000;display:inline-block;width:100%;}
.ha-dropdown-click.dropdown-toggle::after{font-size: 19px; position: absolute; right: 11px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; height: 10px; margin-left: 0px; color: #000; vertical-align: middle; content: "\f107"; border: none; font-family: FontAwesome; line-height: 11px;transition: all 400ms ease;}
.ha-dropdown-click.dropdown-toggle[aria-expanded="true"]::after {transform: rotate(180deg); }
.ha-dropdown-click .user-menu .h-admin-info span:last-child{color:#797979;}
.ha-dropdown-main ul.dropdown-menu{width:100%;margin-top:6px;box-shadow:10px 10px 50px rgba(0,0,0,0.25);border:none;border-radius:14px;}
.ha-dropdown-main ul.dropdown-menu li .dropdown-item{padding:6px 12px;display:flex;align-items:center;}
.ha-dropdown-main ul.dropdown-menu li .dropdown-item span.icon{display:flex;width:18px;height:18px;align-items:center;flex:0 0 auto;margin-right:10px;}
.ha-dropdown-main ul.dropdown-menu li .dropdown-item span.icon svg{overflow:visible;}
.content-wrapper .content{padding:46px 20px;}
.main-title{margin-bottom:14px;}
.main-title h2{font-size:22px;font-weight:normal;color:#000;}
.dashboard-top-main .small-box{background:#fff;padding:18px;box-shadow:0px 0px 0px rgba(0,0,0,0);position:relative;overflow:hidden;border-radius:14px;display:flex;align-items:center;height: 100%;transition: all 400ms ease;}
.dashboard-top-main .small-box .inner{width:calc(100% - 76px);padding-left:20px;padding-right:10px;}
.dashboard-top-main .small-box .inner h3{color:#797979;font-size:14px;font-weight:normal;}
.dashboard-top-main .small-box .inner p span{color:#0450BE;font-size:28px;font-weight:normal;padding-right:10px;}
.dashboard-top-main .small-box .inner p{color:#797979;font-size:14px;font-weight:normal;margin-bottom:0px;}
.dashboard-top-main .small-box .d-box-link-main{display:flex;flex:0 0 auto;align-self:flex-start;}
.dashboard-top-main .small-box .icon{width:46px;height:46px;}
.dashboard-top-main .small-box .icon img{width:100%;height:100%;overflow:hidden;object-fit:contain;}
.dashboard-top-main .small-box .d-box-link{position:absolute;left:0px;top:0px;bottom:0px;right:0px;}
.d-box-link-main .d-box-link-icon{width:30px;height:30px;object-fit:contain;object-position:center;transition: all 400ms ease;}
.dashboard-top-main .small-box:hover{box-shadow:6px 6px 18px rgba(0,0,0,0.15);}
.dashboard-top-main .small-box:hover .d-box-link-main .d-box-link-icon{transform:translate(7px,-7px);}


.h-notification-main .h-notification-click{width:48px;height:48px;padding:5px;text-align:center;display:flex;align-items:center;justify-content:center;margin-right:10px;position:relative;box-shadow:-4px 4px 50px rgba(0,0,0,0.25);border:none;}
.sidebar-toggle{color:#000;width:30px;height:30px;background:#0450BE;font-size:18px;color:#fff;border-radius:100%;line-height:30px;position:absolute;left:-17px;text-align:center;bottom:9px;box-shadow:2px 2px 8px rgba(0,0,0,0.2);}
.sidebar-toggle i{color:#fff;}

.sidebar-show-hide .main-sidebar{width:100px;}
.sidebar-show-hide .main-sidebar .sidebar-top{padding:30px 9px;}
.main-sidebar li.sb-nav-item .sb-nav-link p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;    /* transition: color 0.3s; */}
.sidebar-show-hide .main-sidebar .sb-nav-item .sb-nav-link p{padding-left:0px;visibility:hidden;opacity:0;position:absolute;}
.sidebar-show-hide .main-sidebar .sb-nav-item .sb-nav-link{display:flex;    padding: 13px 14px;}
.sidebar-show-hide .content-wrapper{margin-left:100px;}
.sidebar-show-hide .main-header{margin-left:100px;}
.sidebar-show-hide .main-header nav.main-header{margin-left:100px;}
.sidebar-show-hide .sidebar-toggle i {transform: rotate(180deg); }



/*===============================================================================
     Admin | Support Workers
=================================================================================*/

.dashboard-umain .dashboard-uwrap{display:var(--flex);flex-wrap:var(--wrap);justify-content:var(--sbetween);align-items: var(--center);}
.search-filter-main{display:var(--flex);}
.search-filter-main .search-filter-btn{white-space:nowrap;padding-top:6px;padding-bottom:6px;}
.search-filter-title h5{margin-bottom:var(--zero);font-size: 22px;}
.search-main .form-control.border{border-color:var(--trans)!important;border-radius:55px;padding-top:6px;padding-bottom:6px;height:auto;background:var(--theme-white) url(../images/search-icon.svg) 15px center / 18px 18px no-repeat;padding-left:45px;}
.search-main{max-width:295px;width:100%;}
.search-main .form-control.border::placeholder{font-size:12px;}
.form-control.border:focus{background-color:rgba(4 80 190 / 10%);}
.search-main,.dropdown-main{padding-right:8px;}
.dropdown-main .btn::after{display:none;}
.dropdown-main .btn{border-color:var(--theme-white)!important;color:var(--theme-black)!important;font-size:14px;padding-right:34px;background:var(--theme-white) url(../images/arrow-down.svg) calc(100% - 15px) center / 10px 6px no-repeat!important;padding-top:6px;padding-bottom:6px;}
.dashboard-umain{padding-bottom:10px;}
.dropdown-main .dropdown-menu{width:100%;margin-top:6px !important;box-shadow:10px 10px 50px rgba(0,0,0,0.25);border:none;border-radius:14px;}
.dropdown-main .dropdown-menu .dropdown-item{padding: 6px 12px;display: flex;align-items: center;font-size: 14px;}
.dropdown-main .dropdown-menu .dropdown-item:hover{color:var(--theme-secondary)!important;}
.theme-box{background-color:var(--theme-white);border-radius:14px;padding:20px;}
.name-image-text-wp{display:var(--flex);align-items:var(--center);}
.name-image-text-wp .name-image-text{width:30px;height:30px;text-align:var(--center);justify-content:var(--center);align-items:var(--center);display:var(--flex);border-radius:var(--50p);overflow:hidden;flex:0 0 auto;}
.name-image-text-wp .name-image-text span{text-align:var(--center);justify-content:var(--center);align-items:var(--center);display:var(--flex);width:var(--100p);height:var(--100p);background:var(--theme-secondary);color:var(--theme-white);}
.name-image-text-wp .name-image-text img{width:var(--100p);height:var(--100p);object-fit:cover;}
.name-image-text-wp .name-text{width:calc(var(--100p) - 30px);padding-left:10px;}
.support-worker-table .active{background:rgba(26 147 46 / 18%);height:24px;border-radius:20px;display:var(--flex);align-items:var(--center);justify-content:var(--center);width:90px;}
.support-worker-table .inactive{background:rgb(223 165 16 / 18%);height:24px;border-radius:20px;display:var(--flex);align-items:var(--center);justify-content:var(--center);width:90px;}
.datepicker_icon{background-image:url(../images/calendar_icon.svg);background-repeat:var(--no-repeat);background-position:20px center;background-size:19px 18px;padding-left:50px!important;}
.datepicker-wrap{position:var(--pos-rel);padding-left:25px;font-size: 14px;}
.check-avail-wrap .datepicker-wrap{line-height:18px;display:var(--flex);flex-wrap:var(--wrap);align-items:var(--center);}
.datepicker-wrap .datepicker_icon{position:var(--pos-abs);left:var(--zero);width:19px;height:18px;top:var(--zero);background-position:var(--left);padding-left:0!important;}
.hidden-datepicker{position:absolute;opacity:0;pointer-events:none;left:0px;right:0px;top:0px;bottom:0px;}
.modal-main .modal-dialog{max-width:654px;text-align:var(--left);}
.modal-main .modal-content{border:none;border-radius:14px;padding:30px;}
.modal-main .modal-header .btn-close{border-radius:0;opacity:0.7;font-size:16px;}
.modal-main .modal-header .btn-close:focus{box-shadow:none;}
.modal-main .modal-header .btn-close:hover{opacity:1;}
.modal-title{font-size:24px;}
.modal-header{padding:var(--zero) var(--zero) 30px var(--zero);margin-bottom:30px;}
.modal .modal-footer>*{margin:var(--zero);}
.profile-edit input{display:none;}
.profile-preview{width:86px;height:86px;position:var(--pos-rel);border:2px dashed var(--theme-secondary);border-radius:var(--50p);padding:5px;box-sizing:content-box;}
.profile-preview .imagepreview{width:var(--100p);height:var(--100p);border-radius:var(--50p);background-size:cover;background-repeat:var(--no-repeat);background-position:var(--center);z-index:1;position:var(--pos-rel);}
.profile-preview .imageUpload-review{position:var(--pos-abs);width:86px;height:86px;border-radius:var(--50p);box-sizing:content-box;padding:5px;left:var(--zero);top:var(--zero);cursor:var(--pointer);z-index:2;}
.profile-upload-main{display:var(--flex);flex-wrap:var(--wrap);align-items:var(--center);padding-bottom:25px;}
.profile-edit .proimg{background-color:var(--theme-blue-light);padding:9px 15px;border-radius:40px;cursor:var(--pointer);}
.profile-edit{padding-left:30px;}
.profile-edit .profile-support{padding-top:5px;}
.profile-preview .profile-plus-icon{position:var(--pos-abs);top:27px;left:27px;}
.form-mobile-num .country-code{top:16px;left:20px;font-size:14px;}
.form-mobile-num .mobile-num{padding-left:55px !important;}
.custom-form-select{color:var(--theme-gray2)!important;padding-right:34px!important;cursor: var(--pointer);background:var(--theme-white) url(../images/arrow-down.svg) calc(100% - 15px) center / 10px 6px no-repeat!important;}
.btn.action-btn{background-color:var(--trans)!important;border:var(--zero)!important;}
.add-new-clients-link{font-size:20px;color:var(--theme-gray2);}
.modal-header-right{margin-left:var(--auto);}
.theme-sm-title{font-size:14px;font-weight:bold;text-transform:capitalize;color:var(--theme-black);margin-bottom:10px;}
.new-clients-wa-wna .name-image-text-wp .name-text{font-size:16px;}
.new-clients-wa-wna .name-image-text-wp .name-text .name-stext{font-size:14px;}
.new-clients-wa-wna .wa-wna{font-size:14px;align-self:var(--center);}
.new-clients-wa-wna{display:var(--flex);flex-wrap:var(--wrap);justify-content:var(--sbetween);padding-top:14px;padding-bottom:14px;}
.new-clients-wa-wna-wrap .new-clients-wa-wna:last-child{border-bottom:var(--zero)!important;}
.new-clients-wa-wna .name-image-text-wp{max-width:70%;}
.new-clients-wa-wna-wrap{max-height:375px;overflow-y:auto;scrollbar-color:#0550be transparent;scrollbar-width:thin;}
.check-avail-wrap{cursor:var(--pointer);}
.custom-table-main .ui-datepicker th{padding:.7em .3em;}
.custom-table-main .ui-datepicker td{padding:1px;}
.action-dropdown-click::after{display:none;}
.action-dropdown-click{padding:0px 10px;}
.action-dropdown ul.dropdown-menu li .dropdown-item .icon-img{width:28px;padding-right:5px;display:var(--flex);justify-content:var(--center);flex-wrap:var(--wrap);}


.action-dropdown-click .user-menu{display:flex;align-items:center;}
.action-dropdown-click .user-menu img{width:38px;height:38px;border-radius:100%;object-fit:cover;object-position:center;}
.action-dropdown-click .user-menu .h-admin-info{width:calc(100% - 38px);display:flex;flex-direction:column;min-width:120px;padding-left:10px;}
.action-dropdown-click .user-menu .h-admin-info span{font-size:14px;color:#000;display:inline-block;width:100%;}
.action-dropdown-click.dropdown-toggle::after{position:absolute;right:11px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;height:10px;margin-left:0px;color:#0550be;vertical-align:middle;content:"";border-top:.7em solid;border-right:.5em solid transparent;border-bottom:0;border-left:.5em solid transparent;}
.action-dropdown-click .user-menu .h-admin-info span:last-child{color:#797979;}
.action-dropdown ul.dropdown-menu{width:100%;margin-top:6px;box-shadow:10px 10px 50px rgba(0,0,0,0.25);border:none;border-radius:14px;}
.action-dropdown ul.dropdown-menu li .dropdown-item{padding:6px 12px;display:var(--flex);align-items:var(--center);font-size: 14px;}
.action-dropdown ul.dropdown-menu li .dropdown-item span.icon{display:flex;width:14px;height:14px;align-items:center;flex:0 0 auto;margin-right:10px;}
.action-dropdown ul.dropdown-menu li .dropdown-item span.icon svg{overflow:visible;}


.dropdown-active-inactive select.status-dropdown{border-radius:20px;width:90px;border:none;padding:5px 10px;line-height:1;height:30px;font-size:12px;cursor:pointer;}


.infobox-row{display:flex;flex-wrap:wrap;margin-left:-7px;margin-right:-7px;}
.infobox-row .infobox-col{padding:7px;width:20%;}
.infobox-row .infobox-col .infobox-main{background:#fff;position: relative; padding:10px;border-radius:20px;text-align:center;display:flex;flex-direction:column;height: 100%; transition: all 400ms ease; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);}
.infobox-img{width:90px;height:90px;margin:0px auto 10px;}

.infobox-main .infobox-name-email{flex-grow:1;}
.infobox-main .font-16{font-size:16px;margin-bottom:6px;}
.infobox-main .font-14{font-size:14px;margin-bottom:10px;color:#797979;}
.shifts-experience-info .shifts{width:50%;padding:5px;}
.shifts-experience-info{display:flex;border-top:1px solid rgba(0,0,0,0.10);padding-top:5px;}
.infobox-row .infobox-col .infobox-main:hover {box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
.infobox-row .infobox-col .infobox-main .infobox-link {position: absolute; font-size: 0px; left: 0px; right: 0px; bottom: 0px; top: 0px; }
.shifts-experience-info .shifts span{display:inline-block;width:100%;margin-bottom:0px;}
.shifts-experience-info .font-12{color:#797979;font-size:12px;line-height:20px;}
.shifts-experience-info .shifts span.font-16{font-weight:600;}

.d-events-row{background:#fff;padding:18px;border-radius:14px;margin-top:7px;}
.d-events-row .d-events-col .d-events-img{position:relative;height:160px;overflow:hidden;border-radius:8px;}
.d-events-row .d-events-col .d-events-img img{width:100%;height:100%;object-fit:cover;transition:all 400ms ease;transform:scale(1);}
.d-events-row .d-events-col .d-events-img:hover img{transform:scale(1.1);}
.d-events-row .d-events-col .d-events-img a{position:absolute;left:0px;right:0px;top:0px;bottom:0px;transform:scale(0);transition:all 400ms ease;margin:auto;background:rgba(0,0,0,0.2);}
.d-events-row .d-events-col .d-events-img:hover a{transform:scale(1);}
.d-events-info-top{display:flex;justify-content:space-between;padding:10px 0px;}
.d-events-info-top .event-name-location {width: calc(100% - 110px); }
.d-events-info-top .event-name-location h5{font-size:14px;margin-bottom:2px;transition: all 400ms ease; word-break: break-word;}
.d-events-row .d-events-col{margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.10);}
.d-events-row .d-events-col:last-child{border-bottom:none;padding-bottom:0px;margin-bottom:0px;}
.d-events-col-info .font-12{display:inline-block;width:100%;font-size:12px;color:#797979;}
.d-events-info-top .event-date-time{text-align:right;}
.dashboard-top-main .small-box .inner p {margin-right: -26px;display: flex ; align-items: baseline; }
.infobox-main .infobox-name-email p.font-14 {display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word;}
.d-events-info-top a:hover h5{color:#0550be;}

.filter .form-control.border {color: #000 !important; border: 1px solid #000 !important; padding-top: 5px !important; padding-bottom: 5px !important;height: 37px; text-align: left; padding-left: 15px;}

.sidebar-bottom{text-align:center;}
.sidebar-bottom span.font-20{display:inline-block;width:100%;font-size:16px;color:#fff;padding:15px 0px;margin-top:15px;}
.sidebar.sidebar-menu-main{display: flex;flex-direction: column; justify-content: space-between;}
.sidebar-show-hide .sidebar-bottom span.font-20 {font-size: 0px; }

/*===============================================================================
     Admin | Shift Management
=================================================================================*/

.status-btn{width:100px;height:24px;display:var(--flex);border-radius:20px;align-items:var(--center);justify-content:var(--center);}
.assign-worker-btn{background-color:var(--trans);border:var(--zero);padding:var(--zero);color:var(--theme-secondary);border-radius:var(--zero);}
.assign-worker-btn:hover{background-color:var(--trans)!important;color:#0266f8!important;}
.clock_icon{background-image:url(../images/clock-icon.svg);background-repeat:var(--no-repeat);background-position:20px center;background-size:21px 21px;padding-left:50px!important;}
.sh-man-search-main{max-width:295px;width:100vw;}
.worker-list-wrap h5{font-size:14px;font-weight:bold;text-transform:capitalize;color:#000000;margin-bottom:10px;}
.worker-op{justify-content:var(--sbetween);align-items:var(--center);padding-bottom:15px;border-bottom:1px solid #e8e8e8!important;padding-top:15px;}
.worker-op:last-child{border-bottom:var(--zero)!important;}
.worker-op .name-image-text-wp .name-image-text{width:40px;height:40px;}
.worker-op .name-image-text-wp .name-text{font-size:16px;}
.worker-op .name-image-text-wp .name-text span{font-size:14px;}
.worker-list-wrap{margin-bottom:20px;min-height:97px;}
.worker-list-wp{overflow-y:auto;max-height:290px;scrollbar-color:#0550be transparent;scrollbar-width:thin;}
.worker-op .name-image-text-wp{max-width:70%;padding-right:10px;}
.worker-op .status-btn:hover{background-color:#bfdfc3!important;}


.bs-timepicker .bootstrap-datetimepicker-widget{width:240px;}
.bs-timepicker .bootstrap-datetimepicker-widget table tr td{height:34px;line-height:34px;width:34px;}
.bs-timepicker .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td a.btn{padding:var(--zero);border-radius:var(--zero);border:var(--zero)!important;background-color:var(--trans)!important;color:#000;font-size:20px;}
.bs-timepicker .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td span{width:34px;height:34px;line-height:34px;margin:var(--zero);}
.bs-timepicker .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td.separator{height:auto;line-height:normal;width:10px;}
.bs-timepicker .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td .btn.btn-primary{border-radius:4px;padding:0;width:34px;height:34px;border: 0;}


.modal-header-wsub{align-items:var(--fstart);padding-bottom:20px;margin-bottom:20px;}
.modal-header-sub{font-size:16px;}
.title-info-row{display:var(--flex);flex-wrap:var(--wrap);padding-bottom:30px;}
.title-info-row .title-wrap{font-size:16px;padding-bottom:5px;}
.title-info-row .info-wrap{font-weight:var(--bold);font-size:18px;}
.title-info-row .title-info-wrap{min-width:168px;max-width:330px;padding-right:40px;}
.title-info-row .title-info-wrap:last-child{padding-right:0;}






/*===============================================================================
     Admin | Support Workers Profile View
=================================================================================*/

.header-left-text .font-24{font-weight:300;}
.hidden-datepicker{border:0;}
.sw-profile-head-title h5{font-size:22px;color:var(--theme-black);}
.user-text .user-name{font-size:20px;font-weight:bold;color:#000;display:flex;flex-wrap:wrap;align-items:center;padding-bottom:10px;position:relative;padding-right:35px;}
.user-text .user-role{color:#797979;font-size:16px;}
.user-wrap .user-img{width:100px;height:100px;}
.user-wrap .user-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;}
.user-wrap{display:flex;flex-wrap:wrap;align-items:center;max-width:70%;}
.user-wrap .user-text{padding-left:24px;width:calc(100% - 100px);}
.user-availability-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.availability-wrap-wp{position:relative;padding:15px;background-color:#0450BE;border-radius:14px;font-size:20px;color:#fff;cursor: pointer;}
.availability-wrap-wp img{padding-right:10px;}
.availability-wrap-wp .datepicker-container{display:flex;align-items:center;justify-content:center;position:relative;padding-left:35px;}
.datepicker_wicon{background-image:url(../images/support-workers-profile/calendar-icon-white.svg);background-repeat:var(--no-repeat);background-size:22px 22px;position:var(--pos-abs);left:var(--zero);width:22px;height:22px;top:var(--zero);background-position:var(--left);}
.btn.btn-outline1{border-color:#797979;font-size:16px;color:#000;padding-top:9px;padding-bottom:9px;}
.space-center-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e8e8e8;}
.basic-info-box{display:flex;flex-wrap:wrap;padding-right:100px;flex-direction:column;}
.basic-info-wrap{display:flex;flex-wrap:wrap;}
.basic-info-label{color:#797979;font-size:16px;padding-top:25px;padding-bottom:10px;}
.basic-info-value{font-size:18px;color:#000000;font-weight:bold;word-break:break-word;}
.basic-info-email{min-width:322px;}
.basic-info-mobilenum{min-width:237px;max-width:250px;}
.basic-info-city{min-width:182px;max-width:240px;}
.basic-info-lspoken{min-width:188px;max-width:210px;}
.add-info-btn-wrap .add-info-btn{display:flex;align-items:center;font-size:16px;color:#000000;flex-wrap:wrap;}
.add-info-btn-wrap .add-info-btn img{padding-right:6px;}
.space-center-wrap-bt{padding-bottom:20px;margin-bottom:20px;}
.user-text .user-name .edit-icon-wrap{position:absolute;right:0;top:0;}
.exp-edu-box .exp-edu-head{position:relative;padding-right:40px;}
.exp-edu-box .ex-edu-title-year .ex-edu-title-wrap{display:flex;flex-wrap:wrap;align-items: flex-start;}
.exp-edu-box .ex-edu-title-year .ex-edu-title{font-size:18px;color:#000000;font-weight:bold;line-height:1.2;padding-right: 15px;padding-top: 1px;padding-bottom: 8px;}
.exp-edu-box .ex-edu-year{border-radius:12px;background-color:#F3F8FF;font-size:12px;color:#0450BE;padding:5px 10px;font-weight:normal;text-align: center;margin-bottom: 8px;}
.exp-edu-box .exp-edu-head .edit-icon-wrap{position:absolute;right:0;top:0px;}
.exp-edu-box .ex-edu-info{font-size:16px;color:#797979;padding-bottom:15px;}
.ex-edu-detail{font-size:16px;color:#797979;}
.ex-edu-detail li{position:relative;padding-left:25px;line-height:1.4;padding-bottom:10px;}
.ex-edu-detail li::before{content:"";width:5px;height:5px;position:absolute;left:10px;top:9px;background-color:#797979;border-radius:50%;}
.exp-edu-box{padding-left:40px;position:relative;padding-bottom:30px;}
.exp-edu-box::before{content:"M";width:26px;height:26px;background-color:#0450BE;border-radius:50%;position:absolute;left:0;color:#ffffff;font-size:11px;display:flex;align-items:center;justify-content:center;z-index:1;}
.exp-edu-box::after{content:"";width:1px;height:100%;border-left:2px dashed #0450BE;position:absolute;left:12px;top:0;}
.exp-edu-box:last-child::after{display:none;}
.exp-edu-box .ex-edu-info span{font-style:italic;}
.exp-edu-box:last-child{padding-bottom:0;}
.sw-profile-qu-title-edit{border-bottom:1px solid #e8e8e8;padding-bottom:15px;margin-bottom:15px;position:relative;padding-right:50px;}
.sw-profile-qu-title-edit .edit-lg-icon-wrap{position:absolute;right:0;top:0;}
.sw-profile-qu-title-edit .sw-profile-head-title h5{line-height:1.5;}
.sw-profile-qu-ans-box .sw-profile-qu{font-size:18px;color:#000000;font-weight:bold;padding-bottom:8px;}
.sw-profile-qu-ans-box .sw-profile-ans{font-size:16px;color:#797979;line-height:1.3;padding-bottom:15px;}
.sw-profile-qu-ans-box:last-child .sw-profile-ans{padding-bottom:0;}
.sw-about-me{font-size:16px;line-height:1.5;margin-bottom: 0;}
.basic-info-box:last-child{padding-right:0;}
.ex-edu-detail-wrap .ex-edu-detail:last-child{margin-bottom:0;}
.imgUpload-form .profile-preview{padding:0;border:0;width:100px;height:100px;box-sizing:border-box;}
.imgUpload-form .profile-preview .imageUpload-review{padding:0;width:100px;height:100px;box-sizing:border-box;}
.imgUpload-form .profile-preview .profile-img{position:var(--pos-abs);top:0;left:0;}

/*===============================================================================
     Admin | Support Workers Profile View Add
=================================================================================*/

.add-exp-edu{height:192px;display:flex;align-items:center;justify-content:center;}
.add-pro-per-fun{height:108px;display:flex;align-items:center;justify-content:center;}




.events-box-main{background:#fff;border-radius:8px;overflow: hidden;height: calc(100% - 28px);margin: 14px 0px;}
.events-box-main .events-img{position:relative;height:200px;overflow:hidden;}
.events-box-main .events-img img{width:100%;height:100%;object-fit:cover;transition:all 400ms ease;transform:scale(1);}
.events-box-main .events-img:hover img{transform:scale(1.1);}
.events-box-main .events-img a{position:absolute;left:0px;right:0px;top:0px;bottom:0px;transition:all 400ms ease;}
.events-box-main .events-img:hover a{transform:scale(1);}
.events-info-top{display:flex;justify-content:space-between;padding:10px 0px;}
.events-info-top .event-name-location {width: calc(100% - 110px); }
.events-info-top .event-name-location h5{font-size:14px;margin-bottom:2px;transition: all 400ms ease; word-break: break-word;}

.events-col-info .font-12{display:inline-block;width:100%;font-size:12px;color:#797979;line-height: 1.4;}
.events-info-top .event-date-time{text-align:right;}
.events-info-top a:hover h5{color:#0550be;}

.events-box-main .events-img a:after{position:absolute;left:0px;right:0px;top:0px;bottom:0px;transform:scale(0);transition:all 400ms ease;margin:auto;background:rgba(0,0,0,0.2);content:'';}
.events-box-main .events-img:hover a:after{transform:scale(1);}
.events-box-main .events-col-info {padding: 10px 18px; }

.event-bottom-main{display:flex;justify-content:space-between;align-items:center;margin:25px -10px 5px;}
.event-bottom-main .event-bottom-info,.event-bottom-main .event-edit-btn{padding:0px 10px;}
.event-bottom-main .event-bottom-info h5{font-size:14px;font-weight:600;margin-bottom:3px;}

.event-photo-upload-main{position:relative;width:100%;}
.event-photo-upload-main .imageUpload-review{position:absolute;width:100%;height:100%;;border-radius:20px;box-sizing:border-box;padding:5px;left:0px;top:0px;cursor:pointer;z-index:2;}
.event-photo-preview{width:100%;height:200px;border:2px dashed #0450BE;border-radius:20px;padding:5px;box-sizing:border-box;background:#F3F8FF;position:relative;margin-bottom:25px;}
.event-photo-upload-main .proimg.fw-bold{background-color:#fff;padding:9px 15px;border-radius:40px;cursor:pointer;color:#000;font-size:15px;margin-bottom:13px;}
.event-photo-edit input{position:absolute;opacity:0;width:0;}
.event-photo-edit{text-align:center;position:absolute;left:0px;bottom:0px;right:0px;margin:auto;height:auto;top:0px;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.event-photo-preview .imagepreview{position:absolute;left:0px;right:0px;top:0px;bottom:0px;background-repeat:no-repeat;background-position:center;border-radius:20px;z-index:1;background-size:cover;}


.event-details-page-main .events-box-main{display:flex;border-radius:8px;}
.event-details-page-main .events-box-main .events-img{width:35%;height:auto;border-radius:0px;min-height: 100%;}
.event-details-page-main .events-col-info{width:65%;}
.event-details-page-main .events-info-top .event-name-location h5{font-size:18px;}
.event-details-page-main .events-col-info .font-12{font-size:16px;line-height:1.5;}
.event-details-page-main .events-box-main .events-img:hover img {transform: none; }
.event-details-page-main .events-info-top{border-bottom:1px solid rgba(0,0,0,0.10);margin-bottom:15px;padding-bottom:15px;}
.event-details-page-main .events-col-info p.font-12{border-bottom:1px solid rgba(0,0,0,0.10);padding-bottom:16px;}
.event-details-page-main .events-col-info {display: flex; flex-direction: column; justify-content: space-between; }
.event-details-page-main .event_guest_list {margin-top: 60px; }
.event-details-page-main .event-bottom-main .event-bottom-info h5 {font-size: 16px; }
.event-status {min-width: 100px; padding: 6px 10px; border-radius: 20px; font-size: 12px; line-height: 1.2; }
/*===================  CSS  ==========================*/

.form-control[disabled] {opacity: 0.5; }



/*===============================================================================
     Admin | Messages Chat
=================================================================================*/

.filter-cwrap .form-control.border{border-radius:14px;border:0px !important;}
.search-main{width:100vw;}
.messages-chat-main{background-color:#ffffff;border-radius:14px;}
.head-title h5{font-size:22px;color:var(--theme-black);margin-bottom:0;}
.chat-area{display: flex;flex-wrap: wrap;height: calc(100vh - 186px);position: relative;overflow: hidden;}
.chatlist{outline:0;height:100%;overflow:hidden;width:349px;}
.chat-area .modal-content{border:none;border-radius:0;outline:0;height:100%;}
.chat-area .modal-dialog-scrollable{height:100%!important;}
.chatbox{width: calc(100% - 349px);overflow:hidden;height:100%;border-left: 1px solid #e8e8e8;}
.chat-header .head-title{padding-left: 24px;border-bottom: 1px solid #e8e8e8;padding-right: 24px;height: 79px;display: flex;align-items: center;}
.chatbox .modal-dialog,.chatlist .modal-dialog{max-width:100%;margin:0;}
.msg-search{padding:12px 24px;}
.chat-list-wrap{padding:12px;display:flex;flex-wrap:wrap;border-radius: 14px;margin-bottom: 8px;}
.chat-list-img{width:48px;height:48px;border-radius: 100%;overflow: hidden;}
.chat-list-nm{font-size:14px;color:#000000;font-weight:bold;padding-right:35px;width:100%;}
.chat-list-nm-tm .chat-list-tm{font-size:14px;font-weight:bold;color:#d7d7d7;position:absolute;right:0;top: 1px;}
.chat-list-nm-tm{display:flex;flex-wrap:wrap;padding-bottom:5px;position: relative;}
.chat-list-msg{font-size:12px;color:#797979;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break: break-word;}
.chat-list-img img{border-radius:12px;width:100%;height:100%;object-fit:cover;object-position:center;}
.chat-list-txt{padding-left:15px;width:calc(100% - 48px);padding-top: 3px;position: relative;}
.chat-list-wrap.active{background-color:#0450BE !important;}
.chat-list-wrap.active .chat-list-nm{color:#ffffff;}
.chat-list-wrap.active .chat-list-msg{color:#c1c1c1;}
.chat-list-wrap:hover{background-color: #3776d2;}
.chat-list-wrap:hover .chat-list-nm{color:#ffffff;}
.chat-list-wrap:hover .chat-list-msg{color:#c1c1c1;}
.chat-list{padding-left:16px;padding-right:16px;}
.msg-body{padding:20px;}
.chat-area .modal-body{scrollbar-color:#0550be transparent;scrollbar-width:thin;}
.msg-head-txt h3{font-size:20px;font-weight:bold;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.msg-head-txt p{color: #797979;font-size:14px;font-weight: bold;margin-bottom:0;}
.msg-head-wrap{display:flex;align-items:center;height: 79px;border-bottom: 1px solid #e8e8e8;padding-left: 24px;padding-right: 24px;}
.msg-head-img{width:40px;height:40px;}
.msg-head-img img{object-fit:cover;object-position:center;width:100%;height:100%;border-radius:100%;}
.msg-head-txt{padding-left:15px;width:calc(100% - 40px);}
.msg-body ul{overflow:hidden;}
.msg-body ul li{list-style:none;margin-bottom: 10px;}
.send-emoji-box{border-top:1px solid #e8e8e8;display: flex;flex-wrap: wrap;padding: 24px;}
.chat-icon{display:none;}
.reply-ww{background-color:#0450BE;padding:10px 16px 10px 16px;border-radius:12px;display:inline-block;margin-bottom:10px;text-align:left;min-width:80px;}
.reply-box .reply-img{width:40px;height:40px;position:absolute;right:0;top:0;}
.reply-box .reply-img img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:100%;}
.reply-wp .reply-msg{font-size:14px;color:#fff;padding-bottom:15px;line-height: 1.5;word-break: break-word;}
.reply-box{max-width:44%;position:relative;padding-right:55px;display:inline-block;}
.reply-wp .reply-tm{font-size:14px;color:#B8B8B8;text-align: right;}
.reply-wrap{text-align:right;}
.msg-body ul li.msg-divider{margin-bottom:0;text-align:center;padding-top:5px;padding-bottom:25px;font-size: 14px;}
.sender-wrap{text-align:left;}
.sender-box{max-width:44%;position:relative;padding-left:55px;display:inline-block;}
.sender-ww{background-color:#F3F8FF;padding:10px 16px 10px 16px;border-radius:12px;display:inline-block;margin-bottom:10px;text-align:left;min-width:80px;}
.sender-wp .sender-msg{font-size:14px;color:#000000;padding-bottom:15px;line-height:1.5;word-break: break-word;}
.sender-wp .sender-tm{font-size:14px;color:#797979;text-align:right;}
.sender-box .sender-img{width:40px;height:40px;position:absolute;left:0;top:0;}
.sender-box .sender-img img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:100%;}
.msg-search .form-control{background-color:#F3F8FF;border:0!important;}
.send-msg-wrap{padding-left: 24px;width: calc(100% - 24px);}
.send-msg-wrap .form-control.border{border-width:2px!important;padding-right:50px;}
.send-msg-wrap .btn{background-color:transparent !important;border:0;padding:0px;position:absolute;right:20px;top:13px;}
.send-msg-wrap .send-msg{position:relative;}
.send-emoji-box .emoji-wrap{display:flex;align-items:center;flex-wrap:wrap;}


/*===============================================================================
     Admin | Shift Detail View
=================================================================================*/

.theme-box1{background-color:var(--theme-white);border-radius:20px;padding:30px;}
.sd-status{border-radius:20px;width:100px;text-align:center;height:28px;display:flex;align-items:center;justify-content:center;font-size: 16px;}
.head-title h4{margin-bottom:0;}
.sd-wrap{padding-bottom:10px;position:relative;padding-right: 140px;}
.sd-wrap .sd-status{position:absolute;right:0;top:0;}
.sd-main .sd-txt{font-size:16px;color:#797979;line-height:1.4;width:calc(100% - 100px);}
.sd-head-main .btn{min-width:118px;padding-left:20px;padding-right:20px;margin-right:12px;}
.sd-head-main .btn.btn-outline{color:#000;}
.sd-head-main .btn:last-child{margin-right:0;}
.sd-main{padding-bottom:20px;border-bottom:1px solid #e8e8e8;}
.sd-client-img-txt{display:flex;flex-wrap:wrap;padding-top:20px;}
.sd-client-img-txt .sd-client-txt span{font-size:14px;color:#797979;font-weight:300;display:inline-block;margin-bottom:2px;}
.sd-client-img-txt .sd-client-txt h6{font-size:18px;color:#000000;font-weight:bold;margin-bottom:0;}
.sd-client-img-txt .sd-client-img{width:40px;height:40px;}
.sd-client-img-txt .sd-client-img img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;}
.sd-client-img-txt .sd-client-txt{width:calc(100% - 40px);padding-left:10px;}
.sd-client-info-box{display:flex;flex-wrap:wrap;align-items: center;padding-top:25px;}
.sd-client-info-box .sd-client-info-tl{font-size:16px;color:#797979;max-width: 160px;width: 100%;padding-right:10px;}
.sd-client-info-box .sd-client-info-stl{font-size:16px;color:#000000;font-weight:bold;width: calc(100% - 160px);}
.sd-client-info-box .sd-client-info-stl-em{word-break:break-word;}
.sd-box-main{margin-bottom:10px;}
.min-width-310{min-width:310px;}
.min-width-280{min-width:280px;}
.min-width-320{min-width:320px;}
.min-width-100{min-width:100px;}

.progress-notes-table .ch-ob-wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:401px;}
.filterAC-main .filterAC-dropdown-menu{width:370px;padding:15px 20px;}
.filterAC-main .filterAC-dropdown-menu .accordion-item{border-bottom:0;}
.filterAC-acc .accordion-button{background-color:transparent;box-shadow:none;padding:5px 0px;font-weight:bold;font-size:16px;margin-bottom:5px;color:#000000;}
.filterAC-acc .accordion-button::after{width:12px;height:12px;background-size:12px;}
.filterAC-acc .filterAC-dt .form-group label.form-label{font-weight:400;font-size:13px;}
.filterAC-acc .accordion-body{padding:0px;}
.filterAC-acc .filterAC-dt .form-control.border{border-radius:6px;height:37px;padding:10px 10px 10px 30px!important;background-size:16px 15px;background-position:5px center;font-size:13px;}
.filterAC-acc .filterAC-dt .form-group{margin-bottom:10px;}
.filterAC-acc .filterAC-st .form-control.border{height:40px;border-radius:10px;}
.filterAC-acc .filterAC-st .form-control.border{height:40px;border-radius:10px;padding:10px 30px 10px 10px!important;background-position:calc(100% - 10px)!important;font-size:14px;}
.progress-notes-table .status-btn{display:inline-flex}
.dropdown-approved-pending select.status-dropdown{width:95px;}


/*===============================================================================
     Admin | Settings
=================================================================================*/

.settings-nav-pills .nav-link{padding:13px 24px;border-radius:24px;border:1px solid #e0e0e0;font-size:14px;color:#000000;display:flex;flex-wrap:wrap;align-items:center;}
.settings-nav-pills .nav-item{margin: 0px 10px 30px 0;}
.settings-nav-pills .nav-link .settings-npills-icon{width:22px;margin-right:8px;}
.settings-head-title{padding-bottom:20px;}
.settings-nav-pills .nav-link.active{color:#ffffff;background-color:#0450BE;border-color:#0450BE;}
.settings-nav-pills .nav-link.active .settings-npills-icon svg path{fill:#ffffff;}
.settings-nav-pills .nav-link .settings-npills-icon svg path{fill:#000000;}
svg{overflow:visible;}
.settings-tab-content>.tab-pane{opacity:0;visibility:hidden;transition:opacity 400ms ease,visibility 400ms ease;}
.settings-tab-content>.active{opacity:1;visibility:visible;}
.head-title h6{font-size:20px;color:#000000;font-weight:bold;margin-bottom:10px;}
.head-title-wrap .head-title-txt{font-size:16px;color:#666666;font-weight:300;margin-bottom:20px;}
.settings-tc-box{max-width:1000px;width:100%;}
.settings-tc-btn-wrap .btn{max-width:300px;width:100%;padding:12px 15px;font-size:14px;font-weight:bold;}
.settings-tc-btn-wrap{text-align:right;}
.head-title-mx{max-width:1000px;}
.checkbox-radio-rounded-border-main .checkbox-radio-rounded-wrap .form-group label{border:1px solid #e8e8e8;padding:13px 16px 13px 52px;border-radius:12px;font-size:14px;color:#000000;}
.checkbox-radio-rounded-border-main .checkbox-radio-rounded-wrap .form-group .checkbox-radio + label::before{left:20px;top:12px;}
.checkbox-radio-rounded-border-main .checkbox-radio-rounded-wrap .form-group .checkbox-radio:checked + label{border-color:#000000;}
.checkbox-radio-rounded-border-main .checkbox-radio-rounded-wrap .form-group .checkbox-radio + label::after{top:16px;left:24px;}
.form-dollar-icon-wrap .dollar-icon{font-size:14px;color:#c0c0c0;position:absolute;right:20px;top:16px;}
.form-dollar-icon-wrap .form-control.border{padding-right:40px;}
.settings-tc-wrap .table tbody tr td .edit-btn{width:100px;height:24px;background-color:#F3F8FF;border-radius:20px;border:0;font-size:12px;color:#0450BE;padding:0;display:inline-flex;align-items:center;justify-content:center;}
.min-width-400{min-width:400px;}
.min-width-300{min-width:300px;}
.payment-structure-table{margin-bottom:0;}
.settings-tc-head-btn-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px;justify-content:space-between;}
.settings-tc-head-btn-wrap .head-title-wrap .head-title-txt{margin-bottom:0;}
.settings-tc-head-btn-wrap .head-title-wrap{max-width:85%;}
.settings-tc-fpwrap{display:flex;align-items:center;flex-wrap:wrap;}
.settings-tc-fpwrap .settings-tc-fplink{font-size:16px;color:#111111;border-bottom: 1px solid #111111;}
.settings-tc-fpwrap .settings-tc-fplink:hover{color:#0450BE;}
.settings-nav-pills .nav-link .settings-npills-icon svg{width:100%;height:100%;}
.settings-nav-pills .nav-item:last-child{margin-right:0;}

.shift-infobox-main{background:#fff;padding:16px;border-radius:14px;position: relative;}
.shift-infobox-top{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.10);}
.shift-info-title h5.font-18{font-size:18px;line-height:normal;color:#000;word-break: break-word; margin-bottom: 5px;}
.shift-info-title p.font-16{color:#797979;font-size:16px;font-weight:500;margin-bottom:0px;}
.shifts-person-info{display:flex;align-items:center;margin-bottom:15px;}
.shifts-person-info .shifts-person-img{width:40px;height:40px;border-radius:100%;overflow:hidden;}
.shifts-person-info .shifts-person-img img{width:100%;height:100%;object-fit:cover;}
.shifts-person-info .shifts-person-name-email{width:calc(100% - 40px);padding-left:10px;}
.shifts-person-info .shifts-person-name-email h5.font-16{font-size:18px;margin-bottom:4px;}
.shifts-person-info .shifts-person-name-email p.font-14{margin-bottom:0px;}

.shifts--info{display:flex;flex-wrap:wrap;}
.shifts--info .shifts--wp{padding-right:85px;padding-bottom:15px;padding-top:15px;}
.shifts--info .shifts--wp span{display:block;width:100%;margin-bottom:0px;}
.shifts--info .shifts--wp:last-child{padding-right:0px;}
.shifts--info .shifts--wp span.font-12{font-size:16px;color:#797979;margin-bottom:8px;}
.shifts--info .shifts--wp span.font-16{font-size:16px;font-weight:500;color:#000;word-break:break-word; line-height: 1.3;}
.shift-infobox-top{display:flex;justify-content:space-between;}
.shift-infobox-top .shift-info-title{display:flex;flex-direction:column;width:100%;padding-right:30px;}
.shift-infobox-right{flex:0 0 auto;padding:5px 0px;}

.shift-infobox-main .shifts-link {position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; }
.upcoming-shifts .shift-infobox-main:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
.upcoming-shifts .shift-infobox-main{transition:all 400ms ease;box-shadow:0px 0px 0px rgba(0,0,0,0.0);margin-bottom:15px;margin-top: 15px; height:calc(100% - 30px);}
.upcoming-shifts .shift-infobox-main:hover {background: #f6f3eb; }
.upcoming-shifts-main .shifts--info .shifts--wp {padding-right: 40px; }


/*===============================================================================
     Support Worker | My Shift
=================================================================================*/

.min-width-110{min-width:110px;}
.sw-myshift-table{margin-bottom:0;}
.action-two-wrap{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.action-two-acp .action-two-acp-btn{padding:3px 15px;font-size:12px;border-radius:20px;min-width: 70px; color: #000;}
.action-two-cl .action-two-cl-btn{padding:0;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;}
.action-two-cl .action-two-cl-btn:hover{background-color:var(--theme-red-light)!important;border-color:var(--theme-red-light)!important;}
.action-two-cl .action-two-cl-btn:hover svg path{fill:var(--theme-red);}
.filterAC-acc .form-control.border.filterAC-in{border-radius:6px;padding:10px;height:37px;font-size:13px;}
.filterAC-acc .form-control.border.filterAC-in::placeholder{font-size:13px;}
.filterAC-acc .form-control.border.filterAC-sl{border-radius:6px;padding:5px 10px!important;height:37px;font-size:13px;}
.filterAC-acc .form-group{margin-bottom:10px!important;}


/*===============================================================================
     Support Worker | Add Progress Notes
=================================================================================*/

.pnotes-photo-edit input{display:none;}
.pnotes-photo-preview{position:relative;margin-bottom: 30px;}
.pnotes-photo-preview .imageUpload-review{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:1;cursor:pointer;}
.pnotes-photo-edit{display:flex;align-items:center;justify-content:center;border:2px dashed #0450BE;border-radius:12px;padding:5px;background:#F3F8FF;height:48px;margin-bottom:20px;max-width:300px;width:100%;cursor: pointer;}
.pnotes-photo-preview .imagepreview{position:absolute;left:0px;right:0px;top:0px;bottom:0px;background-repeat:no-repeat;background-position:center;border-radius:50%;z-index:1;background-size:cover;}
.pnotes-photo-upload-mains{display:none;}
.qu-radio label.form-label{font-weight:normal;font-size:16px;color:#797979;}
.pnotes-shift-dbox{display:flex;flex-wrap:wrap;margin-bottom:25px;}
.pnotes-shift-dbox .pnotes-stitle{font-size:16px;color:#797979;min-width:160px;padding-right:10px;}
.pnotes-shift-dbox .pnotes-sbtitle{font-size:16px;font-weight:bold;color:#000000;width: calc(100% - 160px);}
.modal-header{border-color:#e8e8e8;}
.pnotes-photo-edit label{cursor:pointer;}
.pnotes-shiftd-main .head-title{margin-bottom:10px;padding-top:25px;border-top:1px solid #e8e8e8;}
.pnotes-shiftd-main .pnotes-shiftd-txt{font-size:16px;color:#797979;line-height:1.4;margin-bottom: 20px;}
.pnotes-shiftd-img img{max-height:250px;object-fit:cover;object-position:center;}

/*===============================================================================
     Client | Shift Detail
=================================================================================*/

.cl-sd-box-main .head-title{margin-bottom:10px;}
.bck-icon-wrap{display:flex;flex-wrap:wrap;align-items:center;}
.bck-icon-wrap .bck-icon{padding-right:12px;}

/* select2 */

.select2-container{display:block;}
.select2-results__option{padding-right:20px;vertical-align:middle;}
.select2-results__option:before{content:"";display:inline-block;position:relative;height:20px;width:20px;border:2px solid #e9e9e9;border-radius:4px;background-color:#fff;margin-right:8px;vertical-align:middle;}
.select2-results__option[aria-selected=true]:before{font-family:fontAwesome;content:"\f00c";color:#fff;background-color:#0550bd;border:0;display:inline-block;text-align:center;line-height:20px;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:#fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#eaeaeb;color:#272727;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-radius:4px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#0550bd;border-width:2px;}
.select2-container--default .select2-selection--multiple{border-width:2px;}
.select2-container--open .select2-dropdown--below{border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,0.5);z-index:9999;}
.select2-nt-ch .select2-results__option::before{display:none;}


/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge{display:none;}
.select-icon .placeholder{/*  display: none; */}
.select-icon .select2-results__option:before,.select-icon .select2-results__option[aria-selected=true]:before{display:none!important;    /* content: "" !important; */}
.select-icon  .select2-search--dropdown{display:none;}

.select2-container--default .select2-selection--multiple .select2-selection__choice{display:flex;flex-direction:row-reverse;background-color:#0550be;border:1px solid #aaa;padding:5px;border-radius:16px;align-items:center;}
.select2-container--default .select2-selection--multiple{display:flex;flex-wrap:wrap;width:100%;min-height:37px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{width:100%;display:flex;flex-wrap:wrap;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:unset;width:auto;background: transparent !important;outline:none;border:none;color: #fff !important;margin-left:4px;cursor: pointer;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{color:#fff;font-size:14px;}
.select2-container--default .select2-search--inline .select2-search__field{font-size:14px;padding-left:6px;margin-top:7px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:unset;width:auto;background:transparent;outline:none;border:none;color:#fff;margin-left:4px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{color:#fff;font-size:14px;}
.select2-container .select2-selection{border:1px solid rgba(102, 102, 102, 0.35)!important;min-height: 37px;}
.select2-container--default .select2-search--inline .select2-search__field{font-size:13px;padding-left:6px;margin-top:7px;}
.select2-container--default .select2-selection--multiple::before{content:"";background:url(../images/arrow-down.svg) 0px 0px / 10px 6px no-repeat!important;width:10px;height:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#797979;font-size:13px;line-height:35px;height:35px;color:#797979;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:35px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b::before{content:"";background:url(../images/arrow-down.svg) 0px 0px / 10px 6px no-repeat!important;width:10px;height:6px;position:absolute;right:0px;top:50%;transform:translateY(-50%);}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:0;margin:0;}
.select2-container--default .select2-selection--single .select2-selection__clear{height:35px;margin-right:30px;}
.select2-container--default .select2-selection--single .select2-selection__clear span{display:inline-block;transform:translateY(-1px);}
.select2-results__options .select2-results__option{display:flex;align-items:center;flex-wrap:wrap;}


.select2-custom .select2-container .select2-selection{border:1px solid rgba(102,102,102,0.35)!important;min-height:auto;height:48px;border-radius: 12px !important;}
.select2-custom .select2-container .select2-selection .select2-selection__rendered{height:46px;line-height:46px;padding-left:20px;padding-right:20px;}
.select2-custom .select2-container .select2-selection .select2-selection__arrow{height:46px;right: 11px;}
.select2-custom .select2-container--default .select2-selection--single .select2-selection__clear{height:46px;margin-right:45px;}


/*===============================================================================
    bootstrap datetimepicker
=================================================================================*/

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{display:none;}
.bootstrap-datetimepicker-widget .datepicker .picker-switch{font-size:16px;font-weight:700;height:auto;line-height:normal;display:flex;justify-content:center;width:auto!important;align-items:center;padding:5px 10px;}
.bootstrap-datetimepicker-widget .datepicker .prev,.bootstrap-datetimepicker-widget .datepicker .next{position:relative;background-color:transparent!important;}
.bootstrap-datetimepicker-widget .datepicker table th.prev::after,.bootstrap-datetimepicker-widget .datepicker table th.next::after{content:"";color:#fff;border:0;text-align:center;display:flex;justify-content:center;align-items:center;width:34px;height:34px;margin:0;position:absolute;clip:auto;border-radius:5px;}
.bootstrap-datetimepicker-widget .datepicker table th.prev::after{top:0;left:0;background:#0550bd url(../images/arrow-left.svg) center / 12px 8px no-repeat;}
.bootstrap-datetimepicker-widget .datepicker table th.next::after{right:0;top:0;background:#0550bd url(../images/arrow-right.svg) center / 12px 8px no-repeat;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table th{position:relative;cursor:pointer;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td.day,.bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(2) th{height:36px;line-height:36px;width:36px;border-radius:50%;text-shadow:none;color:#16151C;font-size:16px;text-align: center;}
.bootstrap-datetimepicker-widget table thead tr:first-child th{height:34px;line-height:34px;width:34px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tr{display:flex;justify-content:space-between;align-items:center;}
.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table td.active.today:before{display:none;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table th.dow{font-weight:400;color:#797979!important;    padding: 0;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td.old,.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td.new{color:rgba(22,21,28,0.5);}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#6f92c5;color:#fff;}
.datepicker{border:1px solid rgba(0,0,0,0.10);padding:14px;border-radius:14px;}
.bootstrap-datetimepicker-widget table thead tr:first-child th{border-radius:0;}
.bootstrap-datetimepicker-widget table table.table-condensed thead tr:first-child{display:flex;align-items:center;justify-content:space-between;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td.today{background-color:#d5dff3 !important;color: #16151C !important;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(2){margin-bottom:15px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr{display:flex;justify-content:space-between;align-items:center;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tbody td .month.active{text-shadow:none;background-color:#0550bd;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tbody td .year.active{text-shadow:none;background-color:#0550bd;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tbody tr td .decade.active{text-shadow:none;background-color:#0550bd;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tbody tr td{width:auto;height:auto;display:flex;flex-wrap:wrap;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tbody tr td .decade{padding:0px 2px;display:inline-block;margin:1px;line-height:54px!important;width:calc(33.33% - 2px);font-size:14px;height:auto;}
.bootstrap-datetimepicker-widget table td.today:before{display:none;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td.active{background-color:#0450BE;color:#fff;}
.bootstrap-datetimepicker-widget.dropdown-menu{padding:0;border-radius:14px;border:1px solid rgba(0,0,0,0.10);}
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour{width:285px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tbody tr td .month{font-size:16px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tbody tr td .year{font-size:16px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td.day{cursor:pointer;margin-bottom:3px;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table th .fa{display:none;}
.bootstrap-datetimepicker-widget:before,.bootstrap-datetimepicker-widget:after{display:none !important;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tr th.picker-switch{border-bottom:0;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table th.dow{border:none;}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr td{padding:0;border:none;}
.bootstrap-datetimepicker-widget.dropdown-menu{margin-top:15px!important;margin-bottom:15px!important;}


.bdatetime .bootstrap-datetimepicker-widget.dropdown-menu{width:100%;max-width:360px;}
.bdatetime .datepicker{border:none;padding-bottom: 0;}
.bdatetime .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table tr td a[title] span.fa{line-height:normal;height:auto;padding:10px;}
.bdatetime .timepicker .timepicker-picker table tr td a.btn{padding:0;background-color:transparent;border:none;border-radius:0px;color:#000000;font-size: 20px;}
.bdatetime .timepicker .timepicker-picker table tr td a.btn[title]:hover{background-color:transparent!important;}
.bdatetime .timepicker .timepicker-picker .timepicker-hour,.bdatetime .timepicker .timepicker-picker .timepicker-minute,.bdatetime .timepicker .timepicker-picker table tr td button.btn{font-size:16px;}
.bdatetime .timepicker .timepicker-picker table tr td button.btn{width:54px;height:54px;border-radius:4px;background-color:#0450BE;color:#fff;padding:0;border:0;}
.bdatetime .timepicker .timepicker-picker table tr td button.btn:hover{color:#000;background-color:#FFDF5B;}
.bdatetime .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table tbody tr td a[data-action]{padding:0;}


.bdate .datepicker{border:none;}


/*===============================================================================
     Availability
=================================================================================*/

.bdt-picker-main .bdt-picker-holi-wrap .bdt-picker-ct{font-size:14px;color:#797979;padding-left:30px;line-height:24px;}
.bdt-picker-holi-wrap{display:flex;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8;}
.bdt-picker-holi-wrap .bdt-picker-holi-un-wrap::before,.bdt-picker-holi-wrap .bdt-picker-hday-wrap::before{content:"";width:24px;height:24px;border-radius:50%;position:absolute;left:0;}
.bdt-picker-holi-wrap .bdt-picker-holi-un-wrap::before{background-color:#0450BE;}
.bdt-picker-holi-wrap .bdt-picker-hday-wrap::before{background-color:#01122E;}
.bdt-picker-holi-wrap .bdt-picker-holis-wrap{padding-right:30px;position:relative;}
.bdt-picker-hcat-wrap .head-title{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;}
.bdt-picker-hcats-box{margin-bottom:25px;padding-left:20px;position:relative;}
.bdt-picker-hcats-box .bdt-picker-hname{font-size:16px;color:#000000;margin-bottom:5px;}
.bdt-picker-hcats-box .bdt-picker-hdate{font-size:14px;color:#797979;}
.bdt-picker-hcats-box::before{content:"";position:absolute;width:3px;height:100%;left:0;}
.bdt-picker-haday::before{background-color:#01122E;}
.bdt-picker-una::before{background-color:#0450BE;}
.availability-modal-main .modal-dialog{max-width:488px!important;}
.availabilityDatepicker .ui-datepicker{width:100%;}

/*===============================================================================
     Event Popup
=================================================================================*/

.clevent-details-info{display:flex;flex-wrap:wrap;justify-content:space-between;}
.clevent-tml{font-size:16px;color:#797979;}
.clevent-name-loc{display:flex;flex-direction:column;width: calc(100% - 160px);}
.clevent-date-time{text-align:right;}
.clevent-loc{padding-top:4px;}
.clevent-date{padding-bottom:2px;}
.clevent-details-img{padding-top:30px;padding-bottom:30px;}
.clevent-details-title{font-size:16px;font-weight:bold;padding-bottom:10px;}
.clevent-details-txt{font-size:14px;color:#797979;line-height:1.3;padding-bottom:30px;}
.clevent-details-img img{max-height:297px;object-fit:cover;object-position:center;border-radius:8px;}
.table-responsive tbody tr td .dropdown{position:static;}
.table-responsive tbody tr td .dropdown .dropdown-menu{width:auto;}

/*===============================================================================
     View Popup
=================================================================================*/

.assign-worker-btn:focus{color:#0266f8!important;}
.custom-table-main .table{margin-bottom:0;}
.title-info-row .info-wrap{word-break:break-word;}
.title-info-row{padding-bottom:0px;}
.title-info-row .title-info-wrap{padding-bottom:30px;}


/*===============================================================================
     Filter
=================================================================================*/

.dropdown-main .dropdown-menu{z-index:1030;}
.dropdown-main.filterAC-main-sm .filterAC-dropdown-menu{width:280px;}
.filterAC-main .checkbox-radio-rounded-wrap .checkbox-radio + label{font-size:14px;padding-left:22px;line-height:17px;}
.filterAC-main .checkbox-radio-rounded-wrap .checkbox-radio + label::before{width:17px;height:17px;}
.filterAC-main .checkbox-radio-rounded-wrap .checkbox-radio + label::after{width:11px;height:11px;top:3px;left:3px;}
.pnotes-photo-preview .imagepreview[style]{height:100px;width:100px;position:relative;}
.pnotes-photo-preview{width:100px;}
.bdt-picker-hcats{overflow-y:auto;max-height:250px;scrollbar-color:#0550be transparent;scrollbar-width:thin;}
.bck-icon-wrap .bck-icon{display: flex;align-items:center;}
.settings-nav-pillspage .nav-link:hover{color:#ffffff;background-color:#0450BE;border-color:#0450BE;}
.nav-link.active,.settings-nav-pillspage .nav-link:hover .settings-npills-icon svg path{fill:#ffffff;}


/*===============================================================================
     Notification
=================================================================================*/

.ha-dropdown-main.notification-sm .dropdown-menu{width:330px;padding:15px;overflow-y:auto;max-height:300px;scrollbar-color:#0550be transparent;scrollbar-width:thin;}
.ha-dropdown-main.notification-sm .dropdown-menu .notification-txt .notification-msg{font-size:14px;color:#000000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:5px;}
.ha-dropdown-main.notification-sm .dropdown-menu .notification-txt .notification-tm{font-size:12px;color:rgba(0,0,0,0.5);font-weight:bold;}
.notification-sm .notification-txt{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e8e8e8;}
.notification-sm .notification-txt:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.noti-box{padding:20px;margin-bottom:15px;border-bottom:1px solid #e8e8e8;}
.noti-box.alert.unread{background-color:#deebff;border-radius:10px;}
.noti-box.alert.unread:hover{background-color:#e8f4ff}
.noti-main{max-width:1000px;min-height: 190px;}
.noti-box .noti-txt{margin-bottom: 5px;}
.noti-box .noti-tm{font-weight: 300;font-size: 14px;color: #777;}
.noti-box:last-child{border-bottom:0;margin-bottom:0!important;}
.noti-box:not(.alert){margin-bottom:20px;padding-top:0;}
.noti-txt-head {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}
.noti-stxt {
    color: #555;
    font-size: 16px;
    margin-bottom: 0;
}
/** Notification list design **/

.notification-dropdown-menu .notification-item:last-child {
    border-bottom: 0;
}

.notification-dropdown-menu .notification-item .notification-time {
    margin-top: 0;
}

.day-selector{display:flex; flex-wrap: wrap;}
.day-selector .day{position:relative;margin-right: 10px;margin-bottom: 7px;}
.day input[type="checkbox"]{visibility: hidden; position: absolute; opacity: 0;}
.day label{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid #333;border-radius:50%;cursor:pointer;transition:all 0.3s ease;font-size:15px;background-color:transparent;user-select:none;}
.day input[type="checkbox"]:checked + label{background-color:#333;color:white;}

@media (max-width:767px) {
    .day-selector .day  {margin-right: 7px;}
    .day label{width:35px;height:35px;font-size:12px;}
}

.notice-box{background-color:#dee5f0;border:1px solid #0550be;}
.form-group-title h4{font-size:16px;border-bottom:1px solid rgba(0,0,0,0.1);color:#0550be;padding-bottom:10px;margin-bottom:15px;}
.edit-clients-modal-main.modal-main .modal-dialog{max-width:1200px;}
.edit-clients-modal-main .day input[type="checkbox"]:checked + label{background-color:#0450BE;border-color:#0550be;}
.edit-clients-modal-main .day label{border:1px solid #797979;}
.profile-main-wrap .shifts--info .shifts--wp{max-width:550px;}
.notice-box p{color:#797979;}

@media (max-width:1299px) {
    .edit-clients-modal-main.modal-main .modal-dialog{max-width:95%;}
}

.select2-container--default .select2-results__option--selected.select2-results__option:before {font-family: fontAwesome; content: "\f00c"; color: #fff; background-color: #0550bd; border: 0; display: inline-block; text-align: center; line-height: 20px; }

.view-more-clients-modal-main .modal-content{background:#f6f6f6;}
.view-more-clients-modal-main .modal-content .theme-box{border:1px solid #ccc;}
.multipleselect2-custom .select2-selection--multiple.select2-selection{height:auto !important;}
.multipleselect2-custom .select2-selection--multiple .select2-selection__choice{line-height:normal;margin-left:0px;margin-right:5px;padding-left:10px;border-radius:7px;border:none;    white-space: normal;}
.multipleselect2-custom .select2-selection--multiple.select2-selection .select2-search.select2-search--inline{display:none;}
.multipleselect2-custom .select2-selection--multiple .select2-selection__rendered{height:auto!important;padding-left:10px!important;min-height:40px;}