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

:root {
  --theme-body:#F6F6F6;  
  --theme-primary:#01122E;
  --theme-secondary:#102221;
  --theme-secondary1:#60EFDB;
  --theme-gray:#666666;
  --theme-gray1:#A3A3A3;
  --theme-gray2:#8B94A4;
  --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:'Lato';

  --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;
  --fw500:500;
  --fw600:600;
  --fw700:700;

}



/* 01 : Website Global CSS BOF
========================================================== */
body,html {height: 100%; }
body { background-color:#F1FCFB; font-family:'Lato'; 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:#102221; 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:#102221; color:#ffffff; } ::-moz-selection { background:#102221; color:#ffffff; } 
::-webkit-selection { background:#102221; color:#ffffff; } ::-o-selection { background:#102221; color:#ffffff; } 
::-ms-selection { background:#102221; 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);}

.font-lato{font-family: var(--theme-main-font) !important;}
/* 03 : Heading Style CSS BOF
=================================================== */
h1, h2, h3, h4, h5, h6 { font-family:'Lato'; 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:'Lato'; 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:#102221;padding:11px 20px;border:1px solid #102221;color:#ffffff;font-size:16px;font-weight:400;font-family:'Lato';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:#60EFDB !important;color:#000000 !important;border-color:#60EFDB !important;box-shadow:none;outline:none;}
.btn.btn-outline:hover{background:#01122E !important;color:#ffffff !important;border-color:#01122E !important;}
.btn:focus-visible,.btn:focus{background:#60EFDB !important;color:#000000 !important;border-color:#60EFDB !important;box-shadow:none;outline:none;}
.btn.btn-outline::focus-visible,.btn.btn-outline::focus{background:#01122E !important;color:#ffffff !important;border-color:#01122E !important;}

.btn-100{width: 100%;}

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

.fw300{font-weight: var(--fw300);}
.fw400{font-weight: var(--fw400);}
.fw500{font-weight: var(--fw500);}
.fw600{font-weight: var(--fw600);}
.fw700{font-weight: var(--fw700);}

/* 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:16px; font-weight:normal;color:#666666; 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:#102221;}
.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:#102221;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:#60efdb!important;}
.ui-datepicker-week-selected td a{background:#60efdb!important;}
.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:'Lato';font-weight: normal;padding: 10px 20px 10px 20px;height: 48px;} 

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

 /* 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:#102221;}
.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:#102221;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:#102221;background-color:#102221;}
.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:660px;padding-top:40px;padding-bottom:60px;display:var(--flex);flex-direction:var(--column); justify-content:var(--center) ;height:var(--100p);}
.login-pass-form{padding:40px 40px;background-color:var(--theme-white);border-radius:20px;}
.login-pass-form h1{font-size:32px; margin-bottom: 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 - 110px);overflow:auto;height:var(--100p);display:var(--flex);}
.login-pass-logo{padding-bottom:60px;}
.login-pass-form .btn-full .btn{font-size:20px;border-radius:40px;padding-top:12px;padding-bottom:12px;}
.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:#60EFDB;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;}

.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:#102221;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);}



.sidebar-toggle{color:#000;width:30px;height:30px;background:#102221;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-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 */
.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;}
.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);}

/* table responsive action dropdown */

ul.dropdown-menu[aria-labelledby="actionDropdown"]{width:auto;margin-top:6px;box-shadow:10px 10px 50px rgba(0,0,0,0.25);border:none;border-radius:14px;}
ul.dropdown-menu[aria-labelledby="actionDropdown"] li .dropdown-item{padding:6px 12px;display:var(--flex);align-items:var(--center);font-size: 14px;}
ul.dropdown-menu[aria-labelledby="actionDropdown"] li .dropdown-item span.icon{display:flex;width:14px;height:14px;align-items:center;flex:0 0 auto;margin-right:10px;}
ul.dropdown-menu[aria-labelledby="actionDropdown"] li .dropdown-item span.icon svg{overflow:visible;}
ul.dropdown-menu[aria-labelledby="actionDropdown"] li .dropdown-item .icon-img{width:28px;padding-right:5px;display:var(--flex);justify-content:var(--center);flex-wrap:var(--wrap);}



.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:#102221;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:#102221;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:#102221;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 #102221;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 #102221;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;}
.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:#102221 !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:12px;}
.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:#102221;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:12px;}
.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:12px;}
.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;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:#102221;border-color:#102221;}
.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:#102221;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:#102221;}
.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 #102221;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:#102221;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:#102221;color:#fff;padding:0;border:0;}
.bdatetime .timepicker .timepicker-picker table tr td button.btn:hover{color:#000;background-color:#60EFDB;}
.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:#102221;}
.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:#102221;}
.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:#102221;border-color:#102221;}
.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{background-color:#deebff;border-radius:10px;}
.noti-main{max-width:1000px;}
.noti-box .noti-txt{font-size:16px;color:#000;margin-bottom:10px;}
.noti-box .noti-tm{font-weight:bold;font-size:16px;}
.noti-box:last-child{border-bottom:0;margin-bottom:0!important;padding-bottom:0!important;}
.noti-box:not(.alert){margin-bottom:20px;padding-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:#102221;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%;}
}




/*===============================================================================
  Login Flow CSS
=================================================================================*/

.header-login-flow{padding:35px 60px;}
button.btn.btn-outline-secondary {background: transparent; color: #666666; border-color: #D9D9D9; }


.divider{position:relative;z-index:1;}
.divider:after{content:'';position:absolute;top:0px;bottom:0px;width:100%;height:2px;background:#D9D9D9;left:0px;right:0px;margin:auto;z-index:0;}
.divider span.bg-white{z-index:2;position:relative;font-size:20px;line-height:1;color:#111111;}
.d-grid button.btn{font-size:18px;}

.background {background: url('../images/bg.png') no-repeat center center / cover;  }


.otp-inputs{display:flex;flex-wrap:wrap; justify-content: center;}
.otp-inputs .otp.form-control{max-width:56px;margin-right:10px;margin-bottom:5px; text-align: center;}
.login-pass-page.otp-verification .login-pass-form {max-width: 630px; margin: 0 auto; }
.p-sec p {max-width: 508px; margin-left: auto; margin-right: auto; }


.profile-upload{display:flex;align-items:center;gap:24px;max-width:720px;}

/* circle preview area */
.upload-area{width:100px;height:100px;border-radius:50%;border: 2px solid #D9D9D9;position:relative;overflow:hidden;flex: 0 0 100px;display:flex;align-items:center;justify-content:center;background: #fff;transition:box-shadow .15s,border-color .15s,transform .08s;cursor:pointer;}
.upload-area.dragover{border-color:#1e73be;box-shadow:0 6px 18px rgba(30,115,190,0.12);transform:translateY(-2px);}

/* default avatar placeholder (SVG or circle) */
.upload-area .placeholder{width: 80px;height: 80px;background: transparent; display:flex;align-items:center;justify-content:center;color:#9b9b9b;font-size:28px;cursor: pointer !important;opacity: 1;margin-bottom: -20px;}

/* previewed image */
.upload-area img{width:100%;height:100%;object-fit:cover;display:block;}
.upload-meta{flex:1;min-width:0;}
.upload-meta .title{font-size:18px;margin-bottom:6px;display:flex;align-items:center;gap:8px;}
.upload-meta .title .browse{color:#1A73E8;font-weight:700;text-decoration:none;cursor:pointer;}
.upload-meta .desc{color:#9b9b9b;font-size:13px;margin-bottom:8px;}
.upload-meta .error{color:#d9534f;font-size:13px;display:none;margin-top:6px;}

/* hidden real file input */
.profile-upload input[type="file"]{display:none;}


.phone-number-container .iti{width:100%;}





.banner-wrap{padding:280px 0px 230px;z-index:1;}
.banner-wrap h1{font-size:68px;}
.banner-section{position:relative;}
.banner-sec-wrap{position:relative;z-index:1;}
.banner-sec-wrap .video-main{position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:-1;}
.banner-sec-wrap .video-main:before{content:'';position:absolute;left:0px;top:0px;bottom:0px;right:0px;background:rgba(0,0,0,0.5);}
.banner-sec-wrap .video-main video{width:100%;height:100%;object-fit:cover;}
header.site-header .header-main{position:absolute;top:0px;left:0px;right:0px;z-index:999;}


.occasions-sec{padding:50px 0px 100px;}
.occasions-sec .occasions-header{margin-bottom:20px;}
.occasions-row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;}
.occasions-row .occasions-col{padding:10px;width:calc(16.66%);}
.occasions-row .occasions-col .occasions-box{text-align:center;background:rgba(102,102,102,0.2);padding:16px;border-radius:12px;}
.occasions-box .occasions-icon{width:24px;height:24px;margin:0 auto 8px;}
.occasions-box .occasions-icon img,.occasions-box .occasions-icon svg{width:100%;height:100%;object-fit:contain;object-position:bottom;}




.homesearch-main{background:#fff;padding:33px 60px 70px;border-radius:20px;position: relative;margin-top: -120px;z-index: 3;box-shadow: 10px 10px 50px rgba(0,0,0,0.25);}
.homesearch-main .homesearch-main-row{display:flex;border:1px solid #E5E7EB;border-radius:10px;}
.homesearch-main .homesearch-main-row .homesearch-main-col{width:18.75%;padding:16px;border-left: 1px solid #E5E7EB;cursor:pointer; }
.homesearch-main .homesearch-main-row .homesearch-main-col:first-child{width:25%;border-left: none !important;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3{font-size:32px;}

.font-18{font-size:18px !important;font-weight:400;}
.font-26{font-size:26px !important;}
.font-24{font-size:24px !important;}
.font-22{font-size:22px!important;}
.font-20{font-size:20px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label{color:#A3A3A3;font-size:18px;margin-bottom:16px;}
.homesearch-main .homesearch-main-row .homesearch-main-col p{font-size:18px;color:#666666;font-weight:400;}
.homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label .icon-down {
    margin-left: 5px;
}
.btn.search-btn{padding:10px 70px;border-radius:50px;color:#102221;background-color:#60EFDB;border-color:#60EFDB;font-size:24px;display:flex;align-items:center;}
.btn.search-btn svg{width:28px;height:28px;object-fit:contain;overflow:visible;margin-right:10px;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;}
.btn.search-btn svg path{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;}
.btn.search-btn:hover{background:#102221!important;color:#fff!important;border-color:#102221!important;box-shadow:none;outline:none;}
.btn.search-btn:hover svg path{fill:#fff;}
.homesearch-main .search-btn-main {position: absolute; bottom: -29px; z-index: 1; left: 0px; right: 0px; display: flex; justify-content: center; }

.h-search-section{padding-bottom:50px;}
.new_occasion-pop-up .modal-dialog{max-width:1256px;width: 85%;}
.new_occasion-pop-up .modal-dialog .modal-header-main{padding:20px 40px;}
.new_occasion-pop-up .modal-dialog  .modal-body{padding:0px 40px;}
.new_occasion-pop-up .modal-dialog .modal-body .create-new-occasion-row{display:flex;border-top:1px solid rgba(229,231,235,1);border-bottom:1px solid rgba(229,231,235,1);}
.new_occasion-pop-up .modal-dialog .modal-body .create-new-occasion-row .create-new-occasion-col{width:50%;padding:20px 30px;}
.create-new-occasion-row .create-new-occasion-col:first-child{border-right:1px solid rgba(229,231,235,1);}
.new_occasion-pop-up  .form-btn-main{padding:15px 0px;}
.new_occasion-pop-up .form-btn-main .btn{min-width:190px;padding:12px;font-size:20px;}

.new_occasion-pop-up .checkbox-square-wrap .checkbox + label { font-weight:500; color:#333333; font-size:16px; }

.search-section-v2 .homesearch-main{ margin-top:0px; }
.search-section-v2{padding-top:15px;}


.list-view-filter{background:#fff;border:1px solid #E5E7EB;border-radius:12px;}
.list-view-filter .list-view-filter-title{padding:12px 16px;border-bottom:1px solid #E5E7EB;}
.list-view-filter .list-view-filter-title h4{font-size:18px;font-weight:500;margin-bottom:0px;}
.list-view-filter .create-new-occasion-col{padding:12px 16px;}
.checkbox-square-wrap .checkbox + label{color:#1F2226;font-weight: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.list-view-card-col {
    background: #fff;
    padding: 10px;
    border-radius: 12px;
}
.star{ color:#FAC91E; }



@media (min-width: 992px) {

.search-section-v2{padding-top:15px;}
.search-section-v2 .homesearch-main{margin-top:0px;box-shadow:0px 3px 12px 0px rgba(17,34,17,0.05);padding:0px;background:#fff;border-radius:12px;display:flex;}
.search-section-v2 .homesearch-main .homesearch-main-row{border:none;border-radius:0px;width:100%;}
.search-section-v2 .homesearch-main .search-btn-main{position:unset;bottom:unset;z-index:1;left:unset;right:unset;display:flex;justify-content:center;align-items:center;padding:20px;border-left:1px solid #E5E7EB;flex:0 0 auto;}
.search-section-v2 .homesearch-main .search-btn-main .btn.search-btn{padding:10px 30px;font-size:18px;}
.search-section-v2 .homesearch-main .search-btn-main .btn.search-btn svg{width:22px;height:22px;}
.search-section-v2 .homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label{font-size:14px;margin-bottom:12px;}
.search-section-v2 .homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label .icon-down svg{width:10px;}
.search-section-v2 .homesearch-main .homesearch-main-row .homesearch-main-col h3{font-size:22px;}
.search-section-v2 .homesearch-main .homesearch-main-row .homesearch-main-col h3 .font-18{font-size:16px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col p{font-size:14px;}
.search-section-v2 .homesearch-main .homesearch-main-row .homesearch-main-col h3.font-22{font-size:18px!important;}


}







@media (max-width: 1750px) {

    .banner-wrap{padding:250px 0px 200px;}
    .banner-wrap h1{font-size:60px;}

}

@media (max-width: 1550px) {

    

.banner-wrap{padding:230px 0px 180px;}
.banner-wrap h1{font-size:55px;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3{font-size:28px;}
.homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label{font-size:16px;margin-bottom:12px;}
.homesearch-main{padding:30px 35px 60px;border-radius:20px;position:relative;margin-top:-120px;}
.btn.search-btn{padding:10px 50px;font-size:22px;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-22{font-size:20px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-24{font-size:22px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col p{font-size:16px;}
.homesearch-main .search-btn-main{bottom:-27px;}
.btn.search-btn svg{width:24px;height:24px;}
.occasions-sec{padding:30px 0px 80px;}
.cta-btn .font-24.cta-link{font-size:20px!important;}

.ha-dropdown-click .user-menu img{width:45px;height:45px;}
.h-notification-main .h-notification-click{width:45px;height:45px;}
.ha-dropdown-click .user-menu .h-admin-info span{font-size:15px;}
.ha-dropdown-click .user-menu .h-admin-info span:last-child{font-size:13px;}



}

@media (max-width: 1399.98px) {
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-22{font-size:18px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-24 span.font-18{font-size:16px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3{font-size:24px;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3 span.font-18{font-size:16px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col p{font-size:14px;}
.homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label{font-size:14px;margin-bottom:10px;}
.homesearch-main{padding:30px 35px 55px;border-radius:16px;margin-top:-98px;box-shadow:5px 6px 40px rgba(0,0,0,0.25);}
.btn.search-btn{font-size:20px;}
.occasions-sec .occasions-header{margin-bottom:10px;}
.cta-btn .font-24.cta-link{font-size:18px!important;}
.occasions-icon-text p{font-size:14px;}
.banner-wrap{padding:210px 0px 170px;}
.banner-wrap h1 {font-size: 48px; }
}


@media (max-width: 1199.98px) {

    .homesearch-main{padding:18px 18px 50px;border-radius:16px;margin-top:-98px;}
    .occasions-row .occasions-col .occasions-box{padding:15px 10px;border-radius:8px;}
    .occasions-row .occasions-col{padding:5px;}
    .new_occasion-pop-up .form-btn-main .btn{min-width:170px;padding:10px;font-size:18px;}

    .homesearch-main .homesearch-main-row .homesearch-main-col{width:18%;padding:15px 12px;}
    .homesearch-main .homesearch-main-row .homesearch-main-col:first-child{width:28%;}
    .homesearch-main .homesearch-main-row .homesearch-main-col h3{font-size:22px;}
    .homesearch-main .homesearch-main-row .homesearch-main-col h3.font-24 span.font-18{font-size:14px!important;}
    .homesearch-main .homesearch-main-row .homesearch-main-col h3.font-22{font-size:14px!important;}
    .homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label .icon-down svg{width:11px;}
    .btn.search-btn{font-size:18px;padding:10px 40px;}
    .homesearch-main .search-btn-main{bottom:-24px;}



}


@media (max-width: 991.98px) {

.occasions-row .occasions-col{width:calc(33.33%);}
.homesearch-main .homesearch-main-row .homesearch-main-col:first-child{width:100%;border-bottom:1px solid #E5E7EB;}
.homesearch-main .homesearch-main-row .homesearch-main-col{width:25%;}
.homesearch-main .homesearch-main-row{flex-wrap:wrap;}
.homesearch-main .homesearch-main-row .homesearch-main-col:nth-child(2){border-left:none;}


.new_occasion-pop-up .modal-dialog .modal-body .create-new-occasion-row .create-new-occasion-col{width:100%;padding:20px 0px!important;}
.new_occasion-pop-up .modal-dialog .modal-body .create-new-occasion-row{flex-wrap:wrap;}
.create-new-occasion-row .create-new-occasion-col:first-child{border-bottom:1px solid rgba(229,231,235,1);border-right:none;}
.new_occasion-pop-up .form-btn-main .btn{min-width:115px;padding:7px;font-size:15px;}
.new_occasion-pop-up .checkbox-square-wrap .checkbox + label{font-size:15px;}
.new_occasion-pop-up .modal-dialog .modal-header-main{padding:20px;}
.new_occasion-pop-up .modal-dialog .modal-body{padding:0px 20px;}
.form-group{margin-bottom:18px;}
label.form-label{font-size:15px;}
.new_occasion-pop-up .form-btn-main{padding:10px 0px;}

}

@media (max-width:767.98px) {

.new_occasion-pop-up .modal-dialog{width: 95%;}

.homesearch-main .homesearch-main-row .homesearch-main-col{width:50%;}
.homesearch-main .homesearch-main-row .homesearch-main-col:nth-child(4){border-top:1px solid #E5E7EB;border-left:0px;}
.homesearch-main .homesearch-main-row .homesearch-main-col:nth-child(5){border-top:1px solid #E5E7EB;}


.banner-wrap h1{font-size:34px;}
.banner-wrap{padding:160px 0px 110px;}

.cta-btn .font-24.cta-link {
        font-size: 17px !important;
    }


}



@media (max-width:481px) {

.banner-wrap h1 {font-size: 26px; }
.occasions-row .occasions-col{width:50%;}

}

@media (max-width:360px) {
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-24{font-size:18px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-24 span.font-18{font-size:12px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col label.homesearch-label{font-size:13px;}
.homesearch-main .homesearch-main-row .homesearch-main-col{padding:10px 8px;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3{font-size:20px;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3 span.font-18{font-size:14px!important;}
.btn.search-btn svg{width:20px;height:20px;}
.btn.search-btn{font-size:16px;}
.homesearch-main .homesearch-main-row .homesearch-main-col h3.font-22{font-size:13px!important;}
.homesearch-main .homesearch-main-row .homesearch-main-col p{font-size:13px;}


}

.homesearch-main-col{position:relative;}
.homesearch-main-col .form-control.date-select{position:absolute;top:0px;left:0px;bottom:0px;right:0px;opacity:0;cursor:pointer;}

/* Section Title */
.filter-title{font-size:20px;display:flex;justify-content:space-between;cursor:pointer;padding-bottom:10px;}
.arrow{transition:0.3s;}
.open .arrow{transform:rotate(180deg);}

/* Slider box */
.filter-box{margin-top:10px;padding-bottom:30px;border-bottom:1px solid #eee;}
.range-wrap{position:relative;margin:20px 0 15px;}
.range-slider{width:100%;}
.range-slider input[type="range"]{width:100%;-webkit-appearance:none;background:transparent;position:absolute;top:-14px;pointer-events:none;}

/* Track */
.range-slider input[type="range"]::-webkit-slider-runnable-track{height:3px;background:#dcdcdc;}

/* Handle */
.range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:#000;border-radius:50%;cursor:pointer;pointer-events:auto;margin-top:-6px;z-index:1;}

/* Min / Max Labels */
.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#555;margin-top:20px;}
.range-value-box{background:#fff;border:1px solid #ddd;padding:8px 14px;border-radius:10px;display:inline-block;font-size:14px;margin-top:5px;}
.filter-box{padding:10px;}
.filter-box .filter-title{font-size:16px;font-family:'Lato';line-height:normal;font-weight:bold;color:#000000;}
@media (max-width:767px){
    .rooms-dropdown{left:0px!important;}
    .booking-dropdown{right:0px!important;left:auto!important;}
}






/*profile css*/


.profile-pic-wrapper{position:relative;display:flex; flex:0 0 auto;}
.profile-pic-wrapper img{width:85px;height:85px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0px 0px 6px rgba(0,0,0,0.1);}

#imageUpload{display:none;}

.profile-main{padding:30px 0px;height:100%;}
.profile-main .card-info-sidebar{background:#fff;border-radius:16px;padding:24px;min-height: calc(86vh - 50px);}
.profile-main .card-info-sidebar .user-box{padding-bottom:25px;border-bottom:1px solid #B5BAC2;}
.card-info-content .content-box{background: #fff; border-radius: 16px; padding: 24px; }
.card-info-sidebar .p-card-tab-main .nav-link.active{background:#EFFDFB;color:#102221; }
.card-info-sidebar .p-card-tab-main .nav-link{background:transparent;display: flex; align-items: center;color:#666666;font-size:16px;font-weight:500;padding:14px 20px;cursor:pointer!important;}
.card-info-sidebar .p-card-tab-main .nav-link svg{width:24px;margin-right:6px; flex: 0 0 auto;}
.logout-btn a{background:transparent;color:#EE0000;font-size:16px;font-weight:500;padding:14px 20px;cursor:pointer!important;}
.logout-btn a span.icon,.logout-btn a span.icon svg{width:24px;height:24px;}
.logout-btn a span.icon,.logout-btn a span.icon svg path{fill:#EE0000;}
.p-card-main-row{height:100%;}
.profile-main .container{height:100%;}
.page-wrapper{min-height:100%;}



.my-booking-tabs{border-bottom:none;}
.my-booking-tabs .nav-link.active{color:#fff;background:#102221;border-color:#102221;}
.bookings-main{padding:30px 0px;}
.my-booking-tabs .nav-link{color:#A3A3A3;border:1px solid #E5E7EB;border-radius:50px;background:#fff;font-size:16px;font-weight:500;}
.my-booking-tabs .nav-item{margin:8px;}
.my-booking-tabs .nav-item:last-child{margin-right: 0px;}

.booking-card{display:flex;background:#fff;border-radius:12px;overflow:hidden;padding:14px;border:1px solid #E5E7EB;margin-bottom:16px;}
.booking-card-img{width:100px;height:100px;border-radius:12px;overflow:hidden;}
.booking-card-img img{width:100%;height:100%;object-fit:cover;}
.booking-card .booking-card-info{width:calc(100% - 100px);padding-left:10px;}
.booking-card .booking-card-info h5{font-size:16px;font-weight:bold;}
.booking-card-info-top{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #E5E7EB;}
.check-item-main{display:flex;flex-wrap:wrap;}
.check-item-main .check-item{display:flex;margin-right:30px;margin-bottom:8px;margin-top:8px;}
.booking-card-info-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.check-item-main .check-item .check-item-icon{width:32px;height:32px;}
.check-item-main .check-item .check-item-icon svg{width:32px;height:32px;object-fit:contain;}
.check-item-main .check-item  .check-item-text{width:calc(100% - 32px);padding-left:8px;}
.check-item-text .check-label{color:#A3A3A3;font-size:12px;font-weight:500;display:block;width:100%;line-height:1.2; margin-bottom: 2px;}
.check-item-text .check-value{color:#112211;font-size:14px;font-weight:500;display:block;width:100%;line-height:1.2;}

.badge-status{border:1px solid #333333;color:#333333;border-radius:20px;padding:3px 10px;font-size:14px;font-weight:500;line-height:1.2;}
.badge-status.confirmed{border-color:#049153;color:#049153;}
.badge-status.cancelled{border-color:#FF3B30;color:#FF3B30;}

.check-details-links {
    min-width: 115px;
}



.rooms-deatail-main{padding:30px 0px;}
.rooms-deatail-main .deatail-header{margin-bottom:20px;}
.rooms-card-img img{width:100%;}
.rooms-card-col{height:calc(100% - 20px);background:#fff;padding:16px;border:1px solid #DDDFE3;border-radius:12px;overflow:hidden;margin-bottom:20px;}
.rooms-card-header{padding:10px 0px 20px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.room-bottom-card{padding:20px 0px 5px;margin-top:20px;border-top:1px solid #ccc;align-items:center;}
.room-bottom-card h4.font-22{display:flex;align-items:center;}
.room-bottom-card h4.font-22 sub{color:#A3A3A3;}
.room-bottom-card .btn{padding:8px 20px;font-size:14px;}
.rooms-deatail-text-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #DDDFE3;margin:20px 0px;}
.rooms-deatail-text-card p{color:#666666;line-height:1.3;}
.rooms-deatail-policies{display:flex;margin:5px 0px;}
.rooms-deatail-policies span.title{width:200px;color:#333333;font-size:15px;}
.rooms-deatail-policies   span.title-text{font-size:15px;color:#666666;}
.booking-card-v1{background:#fff;padding:24px;border:1px solid #DDDFE3;border-radius:12px;overflow:hidden;margin-bottom:20px;}
.booking-card-v1 .booking-card-v1-title{padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid #d5d5d5;}
.booking-card-v1 .booking-card-v1-title p{color:#A3A3A3;}
.booking-card-v1 .booking-card-v1-img{margin-top:20px;}
.booking-card-v1 .booking-card-v1-title p b{color:#000;}
.booking-card-v1:last-child .booking-card-v1-title{padding-bottom:0px;margin-bottom:0px;border-bottom:none;}
@media (max-width:767.98px){
    .rooms-deatail-policies{flex-direction:column;margin:20px 0px;}
    .rooms-deatail-policies span.title{margin-bottom:8px;}
    .font-22{font-size:18px!important;}
    .rooms-deatail-main{padding:20px 0px;}
}

.profile-main .card-info-sidebar .user-box img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 100%;
}

.profile-main .card-info-sidebar .user-box {
    align-items: center;
}