/*Resort Management System
Custom Theme for Resort Operations
Primary Color: Teal/Turquoise (#1a9b8e)
Secondary Color: Warm Orange/Coral (#ff7b54)
Accent: Gold/Amber (#ffa726)
*/

/* ================================
   CSS VARIABLES - RESORT THEME
   ================================ */
:root {
    /* Base Colors */
    --resort-primary: #1a9b8e;
    --resort-primary-dark: #147a70;
    --resort-primary-light: #2bc4b4;
    --resort-secondary: #ff7b54;
    --resort-secondary-dark: #e65a36;
    --resort-accent: #ffa726;
    --resort-success: #28a745;
    --resort-warning: #ffc107;
    --resort-danger: #dc3545;
    --resort-info: #2c8ff6;
    --resort-text: #2d3436;
    --resort-text-light: #636e72;
    --resort-text-dark: #000000;
    --resort-bg: #f8f9fa;
    --resort-white: #ffffff;
    
    /* Gradients */
    --resort-primary-gradient: linear-gradient(to right, #1a9b8e, #2bc4b4);
    --resort-secondary-gradient: linear-gradient(to right, #ff7b54, #e65a36);
    
    /* Active States */
    --resort-primary-active: #1a9b8e;
    --resort-primary-active-bg: rgba(26, 155, 142, 0.1);
    --resort-primary-active-gradient: linear-gradient(to right, rgba(26, 155, 142, 0.05), rgba(43, 196, 180, 0.08));
    --resort-primary-active-border: #1a9b8e;
    
    /* Borders */
    --resort-border: #e0e0e0;
    --resort-border-light: #f0f0f0;
    --resort-border-dark: #c0c0c0;
    --resort-border-subtle: #e3e3e8;
    --resort-border-input: #d4d9e2;
    --resort-border-extra-light: #f7f7f8;
    
    /* Background Variations */
    --resort-bg-light: #fbfbfb;
    --resort-bg-subtle: #f5f4f9;
    --resort-bg-table: #f9f9fa;
    --resort-bg-hover: #eaeaea;
    --resort-bg-primary-light: #e8f5f4;
    --resort-bg-primary-subtle: rgba(26, 155, 142, 0.05);
    
    /* Text Variations */
    --resort-text-muted: #919191;
    --resort-text-medium: #545454;
    --resort-text-placeholder: #646464;
    --resort-text-disabled: #b8b8b8;
    --resort-text-heading: #2d2d2d;
    --resort-text-subtle: #797986;
    --resort-text-nav: #969696;
    
    /* Status Colors */
    --resort-status-current: #3fbe0d;
    --resort-status-overdue: #ff3300;
    --resort-status-pending: #ff6803;
    --resort-status-receipts: #11cd1a;
    
    /* Focus States */
    --resort-focus-shadow: rgba(26, 155, 142, 0.25);
    --resort-focus-border: rgba(102, 175, 233, 0.6);
    
    /* Hover States */
    --resort-hover-bg: rgba(26, 155, 142, 0.2);
    --resort-hover-light: rgba(26, 155, 142, 0.08);
    
    /* Shadow Colors */
    --resort-shadow-light: rgba(16, 25, 40, 0.1);
    --resort-shadow-medium: rgba(164, 173, 186, 0.25);
    --resort-shadow-dark: rgba(0, 0, 0, 0.5);
    
    /* Icon Colors */
    --resort-icon-primary: #1a9b8e;
    --resort-icon-secondary: #ff7b54;
    --resort-icon-gray: #636e72;
    
    /* Border Colors for Success States */
    --resort-border-success: #b2e0db;
}

/* ================================
   SCROLLBAR STYLES
   ================================ */
 ::-webkit-scrollbar {width: 0px; scrollbar-width: none;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 0px grey; border-radius: 0px;} 
::-webkit-scrollbar-thumb { background: none; border-radius: 0px;}
::-webkit-scrollbar-thumb:hover { background: var(--resort-text-light); } 
 
html{   scrollbar-width: none;  scrollbar-color: var(--resort-text-light) ;}
html::-webkit-scrollbar {width: 0px;}
html::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;   border-radius: 0px;} 
html::-webkit-scrollbar-thumb { background: var(--resort-primary);  border-radius: 0px;}
html::-webkit-scrollbar-thumb:hover { background: var(--resort-primary-dark); }  

body {background: var(--resort-white) ; /* background: #f9f6f9 ;*/ font-family: 'Inter', sans-serif;  margin: 0;}
html { overflow-x: hidden; position: relative;  min-height: 100%;}
h1,h2,h3,h4,h5,h6 { color: var(--resort-text); margin: 10px 0;}
h1 { line-height: 43px;}
h2 { line-height: 35px;}
h3 {line-height: 30px;}
h3 small { color: var(--resort-text-light); }
h4 { line-height: 22px;}
h4 small { color: var(--resort-text-light); }
h5 small {color: var(--resort-text-light);}
* { outline: none !important;}
a { outline: 0; text-decoration: none;}
a:hover { outline: 0; text-decoration: none;}
a:active { outline: 0; text-decoration: none;}
a:focus { outline: 0; text-decoration: none;}
ul, ul li { list-style: none;}
.p-0 {padding:0!important}.p-t-0 {padding-top:0!important}.p-t-10 { padding-top:10px!important}
.p-b-10 { padding-bottom:10px!important}.m-0 { margin:0!important}
.m-r-5 { margin-right:5px}.m-r-10 { margin-right:10px}.m-r-15 { margin-right:15px!important}
.m-l-10 { margin-left:10px}.m-l-15 { margin-left:15px}.m-t-5 { margin-top:5px!important}
.m-t-0 { margin-top:0}.m-t-3 { margin-top:3px!important}.m-t-5 { margin-top:5px!important}
.m-t-10 { margin-top:10px!important}.m-t-15 { margin-top:15px!important}.m-t-20 { margin-top:20px !important}
.m-t-25{ margin-top:25px!important}.m-t-30 { margin-top:30px!important}.m-t-40 { margin-top:40px!important}
.m-t-50 { margin-top:50px!important}.m-t-60 { margin-top:60px!important}.m-b-0 { margin-bottom:0}
.m-b-5 { margin-bottom:0}.m-b-10 { margin-bottom:10px !important}.m-b-15 { margin-bottom:15px}.m-b-30 { margin-bottom:30px}
dl, ol, ul {  margin-top: 0;  margin-bottom: 0;}
.container { width: auto;}
.container-alt {  margin-left: auto;  margin-right: auto;  padding-left: 15px;  padding-right: 15px;}
.footer { background-color: var(--resort-bg);  border-top: 1px solid var(--resort-border);
    bottom: 0px;  color: var(--resort-text-light);    text-align: left !important;
    padding: 20px 30px; position: fixed; right: 0; left: 115px; z-index: 1000;
}
#wrapper { height: 100%; overflow: hidden; width: 100%;}
.page { bottom: 0; left: 0; right: 0;  top: 0;}
.top_main_sec {  background-color: var(--resort-white);  border-radius: 0px;  border: none;    margin-bottom: 0px;
    position: fixed; z-index: 500; width: 100%;
    box-shadow: 0px 0px 8px var(--resort-border);	top: 0;
}
.mainsection { margin: 60px 0px 0px 0px;}
.mainsection1 { margin:150px 0px 0px 0px !important;}
.till_licens {  font-size: 16px; text-align: center;}
.content { margin-top: 50px;  margin-bottom: 0px;}
.topbar .topbar-left {    margin-left: 0px;}
#divexample1 {  overflow: auto;  height: 1030px;padding-bottom: 30px;}
.scroll_modal {overflow: auto; height: 400px;}
.menu_main .nicescroll-rails {  right: 0px !important;}
.nicescroll-cursors {  background: rgba(0, 0, 0, 0.8) !important;  border: 0px !important;  width: 12px !important;}
.top_sec{ width:100%;}
.logo_m {  padding: 7px 15px 2px 8px; position: relative; z-index: 50;}

/*----------------------Login Start----------------------------*/
.login_m { width: 98%; margin: 0px auto; position: absolute; top: 32%; margin-top: -200px;}
.login_bg {background: url(../images/register_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover;}
.register_bg { background: url(../images/register_bg.jpg) var(--resort-bg);
  background-position: center top; background-repeat: no-repeat; background-size: cover;
}
.login_logo {margin-bottom: 25px;}
.wrapper-page { margin: 7% auto; width: 750px;}
.wrapper-page .panel { background-color: var(--resort-white);  border: 0px solid transparent !important;
  border-radius: 6px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px; padding: 0px 0px 15px 0px;
}
.wrapper-page .panel-primary > .panel-heading { background-color: var(--resort-primary); border-color: var(--resort-primary); color: var(--resort-white);}
.panel-pages { border-radius: 6px;}
.panel-pages .panel-body { padding: 30px;}
.panel-pages .panel-heading { -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;  border-radius: 6px 6px 0px 0px;
  padding: 7px 20px; position: relative;
  }
.panel-pages .panel-heading h3 { position: relative; z-index: 999;}
.user-thumb { margin-top: -44px; position: relative; z-index: 999;}
.user-thumb img { height: 88px; margin: 0px auto; width: 88px;}
.ex-page-content h1 { color: var(--resort-text);  font-size: 98px;  font-weight: 700;  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
    rgba(61, 61, 61, 0.3) 3px 3px;
}
.form-control-login { height: 40px !important; color: var(--resort-text) !important;  border: 1px solid var(--resort-border) !important;}
.form-control-login a { color: var(--resort-text) !important;}
.login_buttons {width: 60% !important; height: 50px; font-size: 18px; text-transform: uppercase; background: var(--resort-primary) !important;  border-radius: 40px;
  color: var(--resort-white);  border: 0px solid var(--resort-white);
}
.login_buttons:hover { background: var(--resort-primary-dark) !important;}
.forgot {font-size: 12px !important; text-align: center; padding: 0px 0px 15px 0px;}
.forgot a { font-size: 12px !important; color: var(--resort-primary); font-weight: 600;}
.login_con_m { background: var(--resort-white) none repeat scroll 0 0; box-shadow: 0 0 5px var(--resort-border); padding: 15px;}
.login_con { font-size: 14px; color: var(--resort-text); padding: 0p; margin: 0px; text-align: center; line-height: 23px;}
.login_con1 { font-size: 14px;  color: var(--resort-text);  padding: 15px 0px 15px 0px;  margin: 0px;  text-align: center;  line-height: 23px;}
.happy_bro {  font-size: 30px;  color: var(--resort-primary);  padding: 0px;  margin: 0px;  text-align: center;}
/*----------------------Login End----------------------------*/
/*----------------------Register Start----------------------------*/
.registration_forms { width: 90%; margin: 5px auto; border-radius: 8px; padding: 35px 35px 0px 35px;
height: calc(100vh - 30px);
    overflow-x: hidden;     -webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
.digimed_logo { padding: 220px 70px 70px 70px;}
.registration_forms .form-group { margin: 0px 0px 20px 0px !important;}
.registration_forms h1 { color: var(--resort-text) !important;  font-size: 32px;  margin: 0;  padding: 5px 0px 15px 0px;
  text-align: center;  text-transform: none;  font-weight: 600;
}
.registration_forms p { color: var(--resort-text) !important;  font-size: 15px;  margin: 0;  padding: 0px 0px 40px 0px;
  text-align: center;  text-transform: none;  font-weight: 400;
}
.registration__heading { color: var(--resort-text); font-size: 25px; margin: 0; padding: 50px 0px 0px 0px; text-align: left;}
.registration_forms .select-wrapper {  margin-bottom: 10px;  display: inline-block;  border: 0px solid var(--resort-border) !important;
  background: url(../images/dropdown.png) var(--resort-white) no-repeat right center;  cursor: pointer;  border-radius: 5px !important;  color: var(--resort-text) !important;  padding-left: 8px;
}
.registration_forms .select-wrapper,
.registration_forms .select-wrapper select { width: 100%; height: 48px; position: relative;}
.registration_forms .select-wrapper .holder { display: block;  margin: 17px 35px 0 5px;  white-space: nowrap;  overflow: hidden;
  cursor: pointer;  position: absolute;  font-weight: 400;  font-style: normal;
  color: var(--resort-text) !important;  font-size: 14px;
}
.registration_forms .select-wrapper select {  margin: 0;  position: absolute;  z-index: 2;  cursor: pointer;  outline: none;
  opacity: 0;
}
.registration_forms .form-control {  -moz-border-radius: 8px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 8px;  
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: var(--resort-white);  border-radius: 8px;  border: 0px solid var(--resort-border) !important; box-shadow: none;  color: var(--resort-text) !important;
  font-size: 14px;  height: 48px !important;  padding-left: 18px !important;
}
.registration_forms label {  display: inline-block;  font-weight: 400 !important;  margin-bottom: 0px;  max-width: 100%;
  font-size: 14px;  font-weight: 600 !important;  color: var(--resort-text-light);  padding: 0px 0px 5px 0px;
}
.registration_forms ::-webkit-input-placeholder { color: var(--resort-text) !important;}
.registration_forms ::-moz-placeholder { color: var(--resort-text) !important;}
.registration_forms :-ms-input-placeholder { color: var(--resort-text) !important;}
.registration_forms :-moz-placeholder { color: var(--resort-text) !important;}
.registration_forms .checkbox label { display: inline-block; padding-left: 5px; position: relative; font-size: 15px; color: var(--resort-text) !important;}
.registration_forms .btn {  margin: 15px 0px 0px 0px;}
span.field-icon { position: absolute;  display: inline-block;  cursor: pointer;  right: 20px;  top: 15px;  z-index: 500;}
.login_logo { width: 90%;  margin: 0px auto;  margin-top: 50px;  background: var(--resort-white); border-radius: 8px; padding: 140px 25px 170px 25px;  position:relative; min-height:550px;  }
.login_forms_sec { width: 90%; margin: 5px auto; border-radius: 8px;  padding: 35px 35px 0px 35px; /*background: var(--resort-white);   box-shadow: 0 0 6px var(--resort-border);*/}
.login_forms_sec h1 {  color: var(--resort-text) !important;  font-size: 32px;  margin: 0;  padding: 25px 0px 40px 0px;
  text-align: center;  text-transform: uppercase;  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.login_forms_sec h2 {  color: var(--resort-text) !important;  font-size: 32px;  margin: 0;  padding:100px 0px 40px 0px;
  text-align: center;  text-transform: uppercase;  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.login_forms_sec h3 {  color: var(--resort-text) !important;  font-size: 32px;  margin: 0;  padding:110px 0px 40px 0px;
  text-align: center;  text-transform:  none;  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.register_sucess_con {  color: var(--resort-text) !important;  font-size: 17px;  margin: 0;  padding: 0px 0px 25px 0px;
  text-align: center;  text-transform:  none;  font-weight: 500;  font-family: 'Oxygen', sans-serif;
}
.register_sucess_btn { width:105px; margin:0px auto;}
.login_forms_sec .form-control { -moz-border-radius: 8px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);  
  background-color: var(--resort-white);  border-radius: 8px;  border: 0px solid var(--resort-border) !important;  box-shadow: none;  color: var(--resort-text) !important;  
  font-size: 14px;  height: 48px !important;  padding-left: 18px !important;
  }
.login_forms_sec label { display: inline-block;  font-weight: 500 !important;  margin-bottom: 0px;  max-width: 100%;  font-size: 12px;
  font-weight: 600 !important;  color: var(--resort-text-light);  padding: 6px 0px 10px 0px;   font-family: "Inter", sans-serif;
} 
.forgot label { display: inline-block;  font-weight: 500 !important;  margin-bottom: 0px;  max-width: 100%;  font-size: 18px !important;  font-weight: 400 !important;
  color: var(--resort-text-light);  padding: 6px 0px 10px 0px;   font-family: "Inter", sans-serif;
}
.login_forms_sec .form-group { margin: 0px 0px 10px 0px !important;}
.register_logo { width: 250px; margin: 50px 0px 0px 0px; margin-top: 30px;}
.row_login {  margin-right: -15px; margin-left: -15px;}
.pin_number { width: 16.66666667%;  position: relative;  min-height: 1px; padding-right: 15px; padding-left: 15px;  float: left;}
.pin_number .form-control { -moz-border-radius: 8px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: var(--resort-white);  border-radius: 8px;  border: 0px solid var(--resort-border) !important;
  box-shadow: none;  color: var(--resort-text) !important;  font-size: 20px;  height: 48px !important; padding-left: 0px !important; padding-right: 0px !important;  text-align: center;
}
/*****Register End***********/
.register_logo { width:250px; margin:0px auto;  margin-top: 30px;}
.new_modals {  margin: 0px;  padding: 0px;}
.new_modals .modal {  position: fixed; top: 0; right: 0; bottom: 0;  left: 0;  z-index: 9999;  display: none;
     -webkit-overflow-scrolling: touch;  outline: 0;  background: rgba(0, 0, 0, 0.70);  padding-left: 0px !important;
  overflow: hidden;
}
.new_modals .close {  float: right;  font-size: 21px;    font-weight: 400;
    line-height: 1; color: var(--resort-text-light);  background: none;   filter: alpha(opacity=20);  opacity: 1;
    margin: 14px 15px 0px 0px;  position: absolute;
    right: 0px;  border: 0;   background: none;  width: 28px;
    height: 28px;  border-radius: 50%;  line-height: 20px;
    padding: 0px 0px 4px 0px; color: var(--resort-text-light);
}
.new_modals1 {  margin: 0px;  padding: 0px;}
.new_modals1 .modal {  position: fixed; top: 0; right: 0; bottom: 0;  left: 0;  z-index: 9999;  display: none;  overflow: hidden;
  -webkit-overflow-scrolling: touch;  outline: 0;  background: rgba(0, 0, 0, 0.20);  padding-left: 0px !important;
}
.new_modals1 .close {  float: right;  font-size: 35px;  font-weight: 400;  line-height: 1;  color: var(--resort-white);
  text-shadow: 0 0px 0 var(--resort-white);  filter: alpha(opacity=20);  opacity: 0.8;  margin:0px 0px 0px 0px;  position:  relative;  right: 0px;  border: 0;  
  background: none;  z-index: 500;  background: var(--resort-danger);  width:35px;  height:35px;  border-radius: 50%;  line-height:20px;
}
.new_modals  .modal-header { border-bottom-width: 2px; margin: 0; padding: 6px 15px 6px 22px;
	display: inline-block;
}
.new_modals1 .modal-footer {border-top: 0px solid var(--resort-border) !important; min-height:50px; background: var(--resort-text);}
.new_modals .form-control {  -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--resort-white);
    border-radius: 12px;
    border: 1px solid var(--resort-border) !important;
    color: var(--resort-text) !important;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}
.close1 {margin: -53px 0px 0px 0px !important;}
.new_modals .modal_save {  float: right;  margin: 15px 15px 10px 10px;  position:  relative;   }
.new_modals .modal_save1 {  float: right;  margin: 15px 0px 10px 10px;  position: absolute;  right: 10px;}
.modal_btn { color: var(--resort-white);  margin-top: 0px;  border-radius: 5px ;  background-color: var(--resort-primary);  border-color: var(--resort-primary);
    font-size: 14px ;font-weight:600;  padding: 8px 20px 8px 20px;
	min-height: 40px; 
}
.modal_btn:hover { color: var(--resort-white); background-color: var(--resort-primary-dark);  border-color: var(--resort-primary-dark);  }
.modal-dialog {  margin: 60px auto !important;  width: 90%;}
.modal_contents {  width: 100%;  padding: 15px 35px 25px 35px;  display: inline-block;} 
.modal_contents h2 {  margin-top: 10px; margin-bottom: 10px;  text-align: left; font-size: 18px;  padding: 0px 0px 0px 0px; font-weight: 600; line-height: 18px;}
.modal_contents h3 {  margin:0px;  text-align: left; font-size: 14px;  padding: 3px 0px 1px 0px; font-weight: 600;line-height: 18px;}
.modal_contents h5 { font-size: 12px; font-weight: 600 !important;  line-height: 21px;  text-align: left;  flex-grow: 1;
    color: var(--resort-danger);  padding: 0px 0px 4px 0px;  text-transform: none; 
} 
.modal label {    font-size: 12px; font-weight: 500 !important;  line-height: 21px; text-align: left; flex-grow: 1;  color: var(--resort-text) ; 
    padding: 7px 0px 0px 0px;   text-transform: none; 
}
.modal-title {  margin: 0;line-height: 41px;  padding: 15px 0px 0px 25px;font-size:23px; color: var(--resort-text);  letter-spacing: 0em;
  text-transform:  none; font-weight: 500; width: 100%;
}
.modal_title_sub {  margin: 0;line-height: 41px;  padding:5px 0px 0px 0px;font-size:18px; color: var(--resort-text);  letter-spacing: 0em;
  text-transform:  none; font-weight: 500; width: 100%;
}
.modal_title_sub1 {  margin: 0; padding:7px 0px 0px 25px;font-size:15px; color: var(--resort-text-light);  letter-spacing: 0em;
  text-transform:  none; font-weight: 500; width: 100%;     line-height: 19px;
}
.modal-con {  margin: 0px; margin-left: 0px; padding: 0px 0px 0px 25px;  text-align: left;  font-size: 14px;
    font-weight: 400;  color: var(--resort-text-light);  letter-spacing: 0em; text-transform: none;
} 
.modal-header {  padding: 15px; border-bottom: 1px solid var(--resort-border) !important;}
.modal-content {  padding: 0px;  box-shadow: 0 0px 0px rgb(0 0 0 / 50%);  border: 0px solid rgba(0, 0, 0, 0.2);}
.modal_contents {    width: 100%;    padding: 15px 25px 25px 25px; display: inline-block; overflow-y: scroll;  scrollbar-width: none; height: 600px;}
.modal_invoice {  height: auto !important; overflow: hidden !important;} 
.modal_contents1 {  height:300px !important;}
.modal_contents2 { min-height:225px; background: var(--resort-text);}
.modal_contents_img {    width:100%;    padding: 15px 35px 25px 35px; margin:0px auto ; }
.modal .modal-dialog .modal-content .modal-header { border-bottom-width: 2px; margin: 0; padding: 6px 15px 6px 22px;} 
.modal-dialog {  margin: 60px auto !important;}
.modal_icons{width: .9rem; height: .9rem; margin: 4px 0px 0px 0px;}
.clalaner_icon { float: right;  position: relative; margin: -32px 5px 0px 0px;}
.section_box1 .clalaner_icon{ float:right; position:relative; margin: -33px 11px 0px 0px;}
.time_icons { float: right; position: relative;  margin: -32px 5px 0px 0px;}
.dropdown-menu>li>a {  text-align: left; font-size: 14px;}
.search_btn{  min-height: 40px; }
.section_box { background-color: var(--resort-white); width: 100%;  padding: 6px; box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
	position: relative;  margin-bottom: 15px; display: inline-block;  border: 1px solid var(--resort-border);
	border-radius: 8px; 
}
.section_box h2 {  font-size: 20px !important; color: var(--resort-text) ; margin: 0px 0px 0px 0px; padding: 35px 0px 0px 0px;
    text-align: left;  font-weight: bold;
}
.section_box p {  font-size: 14px !important; color: var(--resort-text-light)  ; margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; text-align: left; 
}
.section_box1 { background-color: var(--resort-white); width: 100%; border: 1px solid var(--resort-border);margin: 0px 0px 15px 0px; padding: 0px; border-radius: 8px;  display: inline-block;	 
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.10);
	  box-shadow: 0 2px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.10);
	  -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
}
.section_box_modal{ background-color: var(--resort-white); width: 100%;  border: 0px solid var(--resort-border-extra-light);	margin: 0px 0px 10px 0px;
	box-shadow: 0 0px 0px 0 var(--resort-shadow-medium);padding: 0px;	border-radius: 8px; display: inline-block;	 
}
.section_box_modal1{ background-color: var(--resort-white);  width: 100%;   border: 0px solid var(--resort-border-extra-light);	margin: 15px 0px 10px 0px;
	box-shadow: 0 0px 5px var(--resort-shadow-medium);padding: 0px;	border-radius: 8px; display: inline-block;	 
	}
.section_box_modal1 h2 { font-size: 15px !important;  color: var(--resort-text) !important; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 15px;
    text-align: left; font-weight: 600;  background: var(--resort-white); border-bottom: 1px solid var(--resort-border-subtle); width: 100%; display: inline-block;
} 
.section_box1 h1 { float:left;  font-size: 20px !important; color: var(--resort-text) !important; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; text-align: left; } 
.section_box1 h2 { font-size: 15px !important; color: var(--resort-text) !important; margin: 0px 0px 0px 0px; padding: 5px 0px 2px 10px; text-align: left;  font-weight: 600;
    border-bottom: 1px solid var(--resort-border-subtle); width: 100%; display: inline-block;
}
.section_box1 h3 { font-size: 17px !important; color: var(--resort-text) !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 2px 0px;  text-align: left;    font-weight: 600;
    border-bottom: 1px solid var(--resort-border-subtle);  width: 100%; display: inline-block;
}
.section_box1_content { padding: 10px; display: inline-block;	width: 100%;}  
.section_box1_content_branch label { font-size: 14px;  font-weight: 500 !important;  line-height: 21px;
    text-align: left; flex-grow: 1; color: var(--resort-text-muted); padding: 0px 0px 3px 0px;margin-bottom:2px;
}    
.section_box1_content1 {padding: 5px 12px 7px 12px; background: var(--resort-bg);  width: 95%; margin: 0px auto;
    min-height: 200px;  margin-bottom: 10px;  margin-top: 10px;line-height: 27px;
} 
.edit_con{float: right; margin:10px 0px 0px 0px; padding:0px;}
.edit_con a { color: var(--resort-primary); text-align:right; margin:0px; padding:0px; font-weight:600; font-size:15px;    }
.edit_con a:hover { color: var(--resort-text-dark); }	   
.select-calander { width:100%;  -moz-border-radius: 2px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);    background-color: var(--resort-white);
    border-radius: 5px; border: 1px solid var(--resort-border); box-shadow: none; color: var(--resort-text)!important;
    font-size: 14px;  height: 40px !important;padding:0px 0px 0px 10px;
}
.select-calander:hover { background: var(--resort-bg) no-repeat right center;  border-color: var(--resort-primary);} 
.upload_box { width: 71%; float: left;}
.upload_box .btn-primary { text-align: center !important;    }
.upload_box_form { border-radius: 4px 0px 0px 4px !important; height:40px !important; padding: 9px 0px 9px 15px !important;}
.fileUpload {  position: relative;  overflow: hidden;   margin: 0px;
    padding: 9px 0px 9px 0px !important;  border-radius: 0px 4px 4px 0px !important;
    background: var(--resort-text) ; text-align: center; border: 1px solid var(--resort-primary) ;
}
.fileUpload input.upload { position: absolute;  top: 0;  right: 0;   margin: 0;  padding: 0px;
        font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);
    }
.fileUpload1 { position: relative;
    overflow: hidden;
    margin: 5px !important;
    padding: 0px 0px 7px 0px !important;
    background: var(--resort-white) !important;
    text-align: center;
    border: 0px solid var(--resort-primary-light) !important;
    color: var(--resort-primary);
    border-radius: 50% !important;
    width: 35px;
    height: 35px !important;
    box-shadow: 0px 0px 0px var(--resort-border) !important;
	    line-height: 35px;
}
 .fileUpload1 input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0px;
        font-size: 15px !important;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }
.fileUpload1 .fa-pencil-square-o {font-size: 15px !important; color: var(--resort-primary) !important} 
 .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--resort-white);
    border-radius: 5px;
    border: 1px solid var(--resort-border-input) !important;
    color: var(--resort-text-dark) !important;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}
.form-control:focus {
	border-color: var(--resort-primary);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--resort-focus-border);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--resort-focus-border);
} 
.section_box1 .form-group {  margin-bottom: 10px !important; clear: both; display: inline-block;  margin-bottom: 10px !important;
    width: 100%;
}    
.btn-success {  margin-top: 0px;  border-radius: 5px ; background-color: var(--resort-primary);  border-color: var(--resort-primary);
    font-size: 14px ;font-weight:600; padding: 8px 20px 8px 20px;min-height: 40px; 
}
.btn-success:hover {  background-color: var(--resort-primary-dark);  border-color: var(--resort-primary-dark); }
.sig_but { width: 100% !important;  height: 50px;  font-size: 16px !important;  text-transform: uppercase;
    background: var(--resort-text)  !important;  border-radius: 4px;  color: var(--resort-white); border: 0px solid var(--resort-white);
}
.modal-dialog { margin: 70px auto !important;}
.modal .modal-dialog .modal-content .modal-header {
    border-bottom-width: 2px; margin: 0;  padding-bottom: 15px; padding: 0;
}
.modal-header { padding: 15px;  border-bottom: 0px solid var(--resort-border) !important;}
.table_bg { width:100%;  display: table;  margin: 0px !important;  padding: 0px; border-radius: 0px 0px 15px 15px; /*border: 1px solid var(--resort-border-subtle); border-radius: 10px;*/ 	}
.table_bg1 {width: 100%;
    display: table;
    margin: 0px !important;
    padding: 0px;
    border: 1px solid var(--resort-border-subtle);
    border-radius: 10px;	}
.table { width:100%; display: table;  margin: 0px !important;  padding: 0px; }
/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px 10px 15px 10px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd; 
	vertical-align: middle !important; 
} */
.section_table th { background: var(--resort-bg) ;  padding: 12px 15px 12px 15px;  font-size: 13px;color: var(--resort-text-light); 
	 border-bottom: 1px solid var(--resort-border-subtle);  vertical-align: middle; font-weight:500;} 
.section_table td {  padding: 15px 15px 15px 15px;  font-size: 13px;   color: var(--resort-text); border-top: 1px solid var(--resort-border);  vertical-align: middle;}
.section_table th:first-child {border-radius: 15px 0px 0px 0px;}
.section_table th:last-child {border-radius: 0px 15px 0px 0px;}
.section_table tr td:first-child {border-radius: 0px 0px 0px 15px;}
.section_table tr td:last-child {border-radius: 0px 0px 15px 0px;}
.section_table tr td  { border-bottom: 0px solid var(--resort-border-subtle) !important; }

.section_table tr:last-child td:first-child {border-radius: 0px 0px 0px 15px;}
.section_table tr:last-child td:last-child {border-radius: 0px 0px 15px 0px;}
.section_table tr:last-child td  { border-bottom: 0px solid var(--resort-border-subtle) !important; }

 .section_table1 th { background: var(--resort-bg-table) ;  padding: 12px 15px 12px 15px;  font-size: 14px;	color: var(--resort-text-medium);  border-bottom: 1px solid var(--resort-border-subtle); 
	 vertical-align: middle; font-weight:500;
	 }
.section_table1 td {  padding: 15px 15px 15px 15px; font-size: 13px; color: var(--resort-text);border-bottom: 1px solid var(--resort-border);  vertical-align: middle;}
.section_table1 th:first-child {border-radius: 0px 0px 0px 0px;}
.section_table1 th:last-child {border-radius: 0px 0px 0px 0px;}
.section_table1 tr:last-child td:first-child {border-radius: 0px 0px 0px 15px;}
.section_table1 tr:last-child td:last-child {border-radius: 0px 0px 15px 0px;}
.section_table1 tr:last-child td  { border-bottom: 0px solid var(--resort-border-subtle) !important; }

.section_table2 th { background: var(--resort-bg) ;  padding: 12px 15px 12px 15px;  font-size: 13px;color: var(--resort-text-light); 
	 border-bottom: 1px solid var(--resort-border-subtle);  vertical-align: middle; font-weight:500;} 
.section_table2 td {  padding: 15px 15px 15px 15px;  font-size: 13px;   color: var(--resort-text); border-bottom: 1px solid var(--resort-border);  vertical-align: middle;}
.section_table2 th:first-child {border-radius: 15px 0px 0px 0px;}
.section_table2 th:last-child {border-radius: 0px 15px 0px 0px;}
.section_table2 tr:last-child td:first-child {border-radius: 0px 0px 0px 15px;}
.section_table2 tr:last-child td:last-child {border-radius: 0px 0px 15px 0px;}
.section_table2 tr:last-child td  { border-bottom: 0px solid var(--resort-border-subtle) !important; }


.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: var(--resort-bg) !important;--bs-table-color-state: var(--resort-bg) !important;  --bs-table-bg-state: var(--resort-bg) !important;
    color: var(--bs-table-hover-color);
}
.bd-example {  --bd-example-padding: 1.5rem;  margin-right: 0;  margin-left: 0;  border-width: 1px; border-radius: 10px;  }
.bd-example { --bd-example-padding: 1rem; position: relative;  padding: var(--bd-example-padding);  margin: 0 -1.5rem 1rem;
    margin-right: -1.5rem;  margin-left: -1.5rem; border: solid var(--bs-border-color);  border-width: 1px 0;
}
.navbar-nav > li > a { padding-top: 15px;  padding-bottom: 15px; color: var(--resort-text); font-size: 20px;} 
.navbar-nav>li>a { padding-top: 15px; padding-bottom: 10px;  line-height: 32px;}
.navbar-right { float: right!important; margin-right: 15px;}
.fa-2x { font-size: 15px !important; }
.fa-reorder { font-size: 25px !important;}
.dropdown-menu>li>a { display: block;  padding: 7px 20px; clear: both; font-weight: 400;  line-height: 1.42857143;
    color: var(--resort-text); white-space: nowrap;
}
.upload_photos{ margin:0px; padding:0px;}
.upload_photos img{ margin:0px; padding:0px; width: 73px;}
.upload_photos1{ margin:0px 0px 15px 0px; padding:0px;}
.upload_photos1 img{ margin:0px; padding:0px; width: 73px;}

.section_box1 .fileUpload { position: relative;  overflow: hidden;  margin: 0px; padding: 6px 0px 7px 0px; border-radius: 0px 4px 4px 0px;
    background: var(--resort-text) ; text-align: center;  border: 1px solid var(--resort-text);  height: 40px; line-height: 20px;
}
.section_box_branch .fileUpload { position: relative; overflow: hidden;  margin: 0px;  padding: 6px 0px 7px 0px ;
    border-radius: 0px 4px 4px 0px ;  background: var(--resort-primary) ;  text-align: center;  border: 1px solid var(--resort-primary) ;
} 
.user-tabs { margin: 0px 0px 12px 0px;}
.tabs {  margin:0 auto; padding:0; position:relative; white-space:nowrap; width:100%; }
.tabs li.tab { background-color: var(--resort-white);	display: block;	float: left;margin: 0px 0px 0px 5px;text-align: center;
	width: auto!important;	text-transform: uppercase;	border-radius: 0px;	padding: 0px 7px;
}
.tabs li.tab a { -moz-transition:color .28s ease; -ms-transition:color .28s ease; -o-transition:color .28s ease; -webkit-transition:color .28s ease;
 color: var(--resort-secondary); display:block; height:100%; text-decoration:none; transition:color .28s ease; width:100%
}
.tabs li.tab a.active { color: var(--resort-text-light) !important}
.tabs .indicator { background-color: var(--resort-text-light); bottom:0; position:absolute; will-change:left,right}
.tabs-top .indicator { top:0}
.nav.nav-tabs+.tab-content {  margin-bottom: 0px; }
.tabs-vertical-env { background-color: var(--resort-bg); margin-bottom:30px}
.tabs-vertical-env .tab-content { background: var(--resort-white); display:table-cell; margin-bottom:30px; padding:30px; vertical-align:top}
.tabs-vertical-env .nav.tabs-vertical { display:table-cell; min-width:120px; vertical-align:top; width:150px}
.tabs-vertical-env .nav.tabs-vertical li.active>a { background-color: var(--resort-white); border:0}
.tabs-vertical-env .nav.tabs-vertical li>a { color: var(--resort-text); text-align:center; white-space:nowrap}
.nav.nav-tabs>li.active>a { background-color: var(--resort-white); border:0; border-bottom: 2px solid var(--resort-primary) ;}
.nav.nav-tabs>li>a,
.nav.tabs-vertical>li>a { background-color:transparent; border-radius:0; border:none;
 color: var(--resort-text) !important; cursor:pointer; line-height:35px; font-weight:500; padding:0 0px;
 font-size:12px!important; font-weight:600; border-bottom: 2px solid var(--resort-white); border-radius: 0px;
}
.nav.nav-tabs>li>a:hover,
.nav.tabs-vertical>li>a:hover { color: var(--resort-primary) !important}
.tab-content { box-shadow:0 0 0 rgba(0,0,0,.05); color: var(--resort-text-light);}
.nav.nav-tabs>li:last-of-type a { margin-right:0}
.nav.nav-tabs { border-bottom:0; box-shadow:0 0px 0px rgba(0,0,0,.05); background: var(--resort-white);  margin:0;  border-radius: 8px;}
.navtab-bg {background-color: var(--resort-bg)}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus,
.tabs-vertical-env .nav.tabs-vertical li.active>a { border:none}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.tabs-vertical>li.active>a,
.tabs-vertical>li.active>a:focus,
.tabs-vertical>li.active>a:hover { color: var(--resort-primary)  !important}
.input-group-addon1 { height: 20px!important; padding: 0;  position: absolute; right: 21px; top: 15px; z-index: 999;}
.hr_sec { background-color: var(--resort-white); width: 100%; text-align: center; padding: 6px; color: var(--resort-text); display: inline-block; margin-bottom: 10px; border-radius: 8px;}
.hr_sec_time { font-size: 12px; color: var(--resort-text);  font-weight: 600; text-align: center;  padding: 15px 0; margin-top: 0; text-transform: uppercase;}
.hr_sec_time_bg { background: var(--resort-white); width: 100%; border-radius: 7px;}
.hr_sec_time_bg1 { background: var(--resort-white); width: 100%; border-radius: 7px;}
.hr_sec_time_bg2 { background: var(--resort-white); width: 100%;  border-radius: 7px;}
.hr_sec_time_bg3 { background: var(--resort-white); width: 100%; border-radius: 7px;}
.enquery_con { font-size: 35px!important; line-height: 25px!important;}
.enquery_con span { font-size: 12px!important;  display: inline-block; width: 100%;}   
.dash_con_sec { width:90%; float:left;}
.dash_con_sec1 { width:10%; float: right; font-size:12px; font-weight:700; text-align:center;}             
label { display: inline-flex; max-width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 13px;}
 
.content_sec{  margin:7px 0px 0px 0px; padding:0px 15px 25px 15px; position:relative;}
.top_icons { margin:3px 6px 0px 0px;}
.top_title { color: var(--resort-text); font-size: 16px;  font-weight: bold; padding: 14px 0px 0px 10px; text-align: left; position: relative;}
.top_title .fa-search {  color: var(--resort-text-light);}
.search_icon { cursor: pointer;  position: absolute; margin: 7px 0px 9px 7px; width: 30px; right: 0px; z-index: 500;}
.modal-content { -webkit-box-shadow:  0 2px 5px 0 rgb(164 173 186 / 25%); box-shadow: 0 2px 5px 0 rgb(164 173 186 / 25%);border: 0px solid rgba(0, 0, 0, .2);		} 
.form-group {  margin-bottom: 15px; width: 100%;  display: inline-block;} 
.navbar {  position: relative; min-height: 13px;  margin-bottom: 0px; border: 1px solid transparent;}
.navbar-nav { float: right; margin: 0; padding: 0px;}
.navbar-collapse { padding-right: 0px; padding-left: 0px; } 
.navbar-expand .navbar-collapse { display: block !important;  flex-basis: auto;}
.dropdown-divider { height: 0; margin: 0rem 0;  overflow: hidden;    border-top:0px solid rgba(0,0,0,.15); }
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; height: 42px; float: right; padding: 5px 0px 0px 5px; } 
.dropdown  { position: relative; margin:0px 20px 0px 0px; height: 42px; float: right; padding: 0px 0px 0px 0px;	width:30px; height:30px; text-align:center;  
	border-radius: 9px;
} 
.dropdown:hover{color: var(--resort-white)  !important; background: var(--resort-primary); width:30px;}  
.dropdown img{ width:25px;} 
.dropdown-menu[data-bs-popper] { top: 100%; left: auto;  margin-top: var(--bs-dropdown-spacer); right: 5px;  width: 250px;margin: 8px 0px 0px 0px;	border-radius: 9px;}
.dropprofile img{ width:50px !important;} 
.dropdown-item { display: block;  width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;    font-weight: 400;    color: var(--bs-dropdown-link-color);
    text-align: inherit;    text-decoration: none;    white-space: nowrap;
    background-color: transparent;    border: 0;    border-radius: var(--bs-dropdown-item-border-radius, 0);
    font-size: 13px;
}
.profile_top_m { background: var(--resort-primary); width: 35px; height: 35px;
    border-radius: 50%; font-size: 14px;  color: var(--resort-white); text-align: center;
    line-height: 35px; position: relative; margin: 0px 0px 0px 0px;
} 
.profile_bg{ background: var(--resort-primary); padding:10px; border-radius: 9px 9px 0px 0px;}
.profile_name{ font-size:14px; color: var(--resort-white); text-align:left;}
.profile_mail{ font-size:12px; color: var(--resort-white); text-align:left;}
.btn-rounded { margin: 15px;}
.dash_bg {  width: 100%; border: 0px solid var(--resort-border-extra-light); margin: 0px 0px 1px 0px; padding: 6px 0px 0px 10px; border-radius: 8px; display: inline-block;}
.dash_sec {background-color: var(--resort-bg); width: 100%; border: 0px solid var(--resort-border-extra-light); margin: 0px 0px 10px 0px;  padding: 0px 0px 0px 0px; border-radius: 8px; display: inline-block;
}  
.nav-link { font-weight: 600;  font-size: 0.65em;  letter-spacing: 0.6px;  display: inline-block;  padding: 8px 0px;  margin: 0px 2px 15px 0px;
  list-style: none;  cursor: pointer;  text-align: center;  color: var(--resort-text-heading);  border: 0px !important;  width: 100%;  text-transform: uppercase;  opacity:1;
}
.nav-link:hover { opacity: 1;}
.clinics_tabs .nav-link { font-size: 12px;    opacity: 1;	margin: 0px 12px 0px 0px;}
.content_area2 .nav-link { font-size: 12px;  margin: 0px 0px 0px 0px;  padding: 5px 0px 5px 0px;  text-transform: none;}
.wrapper.toggled .content_area2 .nav-link {    font-size: 0.6em;    margin: 0px 0px 0px 0px;    text-transform: none;    line-height: 14px;}
.content_area2 .nav-link img { width: 30px;}
.content_area2 .tab-content { margin-top: 10px;}
.nav-tabs .active { background: var(--resort-white) !important;  color: var(--resort-text-dark) !important;  border-radius: 5px !important;  opacity: 1;}
.nav-tabs .active .icons { display: none;}
.nav-tabs .active .icons1 { display: block;}
.nav-tabs .nav-link:hover .icons { display: none;}
.nav-tabs .nav-link:hover .icons1 { display: block;}
.nav-link .icons { display: block; margin: 0px 0px 5px 0px;}
.nav-link .icons1 { display: none; margin: 0px 0px 5px 0px;}
.clinics_tabs { margin: 0px;  padding: 0px;}
.clinics_tabs .nav-tabs { border-bottom: 0; box-shadow: 0px 0px 0px var(--resort-bg-hover); background: none; margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 0px; border-radius: 8px; position: relative; width: 100%; z-index: 50;
}
.clinics_tabs .nav-tabs .active {  color: var(--resort-primary) !important;  border-radius: 0px !important;  border-bottom: 2px solid var(--resort-primary) !important;}
.add_btns_p {  position: absolute; float: right;  margin: 8px 17px 0px 0px; z-index: 1000; right: 0px;}
.add_btns_p a {  margin: 4px 3px 0px 0px;   background: var(--resort-bg-primary-light);  float:  right;  padding: 1px 6px 0px 6px;  border-radius: 4px;
  color: var(--resort-primary);  text-align: center;  font-size: 11px;  border: 1px solid var(--resort-primary);  font-weight: 500;   min-height: 20px; 
}
.add_btns_p a:hover {  color: var(--resort-white);  background: var(--resort-primary);  border: 1px solid var(--resort-primary); cursor: pointer;}
.totalreceivabled_con { color: var(--resort-text-medium); font-size: 12px; font-weight: 500;}
.totalreceivabled_gr{ width:100%; height:10px; background: var(--resort-status-overdue); padding:0px; margin:7px 0px 30px 0px; border-radius: 6px;}
.totalreceivabled_gr1{ width:70%; height:10px; background: var(--resort-status-current); padding:0px; margin:7px 0px 30px 0px; border-radius: 6px;}
.receivabled_sec { background-color: var(--resort-bg-light);  width: 100%; border: 1px solid var(--resort-bg-subtle); margin: 0px 0px 0px 0px;  padding: 15px ;
    border-radius: 8px;  display: inline-block;	
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
}
.receivabled_sec1 { background-color: var(--resort-bg-light); width: 100%;  border: 1px solid var(--resort-bg-subtle);  margin: 0px 0px 10px 0px; 
    padding: 10px ; border-radius: 8px; display: inline-block;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
}
.receivabled_sec2 { background-color: var(--resort-bg-light); width: 100%; border: 1px solid var(--resort-bg-subtle); margin: 0px 0px 0px 0px;    
    padding: 15px ;  border-radius: 8px; display: inline-block;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .10);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
}
.receivabled_con { font-size: 22px !important;color: var(--resort-text-placeholder);  font-weight: 500;  text-align:  left;
    padding: 0px; margin-top: 0; text-transform: uppercase; line-height: 21px;
}
.receivabled_con1  {font-size: 12px !important; color: var(--resort-text-disabled); font-weight: 600; text-align:  left;
    padding: 0px;  margin-top: 0; text-transform:  none; line-height: 21px;
}
.receivabled_con2 { font-size: 12px !important;  font-weight: 400; text-align:  left; padding: 0px; margin: -39px 0px 6px -15px;
    text-transform: uppercase; line-height: 21px; position: absolute;
}
.current { color: var(--resort-status-current); }
.overdues { color: var(--resort-status-overdue); }
.sales_con { font-size: 13px !important;  font-weight: 400; text-align:  right;
    padding: 0px; margin: 0; text-transform:  none; line-height: 21px;
}
.sales_con1 { font-size: 18px !important; color: var(--resort-text-dark); font-weight: 600; text-align:  right;
    padding: 0px 0px 0px 0px; margin: 0; text-transform:  none; line-height: 21px;
}
.total_sales { color: var(--resort-info); }
.total_receipts{ color: var(--resort-status-receipts); }
.total_expences { color: var(--resort-status-pending); }
.total_outstanding { color: var(--resort-status-overdue); }
.fa-bars { color: var(--resort-text-medium);}
.desk{ display:block;}
.mob{ display: none;}
.tab{ display: none;}
.btn-rounded{padding:5px 10px 5px 10x; background-color: var(--resort-primary); border-color: var(--resort-primary); color: var(--resort-white); font-size: 12px;}
.btn-rounded:hover{padding:5px 10px 5px 10x; background-color: var(--resort-primary-dark); border-color: var(--resort-primary-dark); color: var(--resort-white)}
.bg-primary { background-color: var(--resort-primary) !important;
}
.topicons{width: 1rem; height: 1rem; color: var(--resort-text-dark);}
.dropdown:hover .topicons{width: 1rem; height: 1rem; color: var(--resort-white);}
.menuicons {width: 1rem; height: 1rem; }
.badge_top { position: absolute;  top: -5px !important;   background: var(--resort-secondary);
    width: 10px;  height: 10px;  border-radius: 50%;  display: block;
    font-size: 12px;  color: var(--resort-white);    line-height: 14px;
	margin: 0px 0px 0px 23px;
}
.heading_bg {  width: 100%;  display: inline-block;  margin: 0px 0px 0px 0px;  padding: 25px 0px 20px 0px;  position:  relative; } 
.head_sec { float: left; }
.head_sec1 {  float: left;  width: 72%;}
.page-title {   margin: 0px 0px 0px 0px;    padding: 0px 0px 5px 0px;  text-align: left;  font-size: 30px;
    font-weight: 700;   color: var(--resort-text-heading);  letter-spacing: 0em;  text-transform:  none;  	line-height: 40px;
}
.page-title1 {  margin: 0px 0px 0px 0px;    padding: 0px 0px 5px 0px;  text-align: left;  font-size: 30px;
    font-weight: 700;  color: var(--resort-primary);  letter-spacing: 0em;  text-transform:  none;  line-height: 40px;
}
.page-title2 {   margin: 0px 0px 0px 0px;    padding: 0px 0px 5px 0px;  text-align: left;  font-size: 30px;
    font-weight: 700;   letter-spacing: 0em;  text-transform:  none; 	background: var(--resort-primary-gradient);
    -webkit-background-clip: text;  -webkit-text-fill-color: transparent; 	line-height: 40px;
}
.page-title3 {  margin: 0px 0px 0px 0px;   padding: 0px 0px 15px 0px;  text-align:  center;  font-size: 30px;
    font-weight: 700;  color: var(--resort-primary); letter-spacing: 0em;  text-transform:  none;  line-height: 40px;
	}
.page_con{  margin: 0px;   margin-left: 0px; padding: 0px 0px 0px 0px;  text-align: left;  font-size: 15px;  font-weight: 400;
    color: var(--resort-text-subtle); letter-spacing: 0em;  text-transform:  none;  
}
.page_con1{  margin: 0px;   margin-left: 0px; padding: 0px 0px 30px 0px;  text-align: center;  font-size: 15px;  font-weight: 400;
    color: var(--resort-text-subtle); letter-spacing: 0em;  text-transform:  none;  
}
.create_new {display: flex;  float: right;  margin: 16px 0px 0px 0px;    font-size: 12px; text-transform:  none; text-align:center;}

.create_new a {  display: inline-flex;  padding: 12px 25px 12px 25px;   font-size: 13px;  font-weight: 600 !important;
    color: var(--resort-white);	background: var(--resort-primary); /*background-image: var(--resort-primary-gradient);*/
    border-radius:10px;  z-index: 500;  right: 5px;  margin: 0px 0px 0px 0px;  letter-spacing: 0em;  border: 0px solid var(--resort-primary);     
	text-align: center;  box-shadow: 0px 0px 0px var(--resort-primary);  
}
.create_new a:hover { background: var(--resort-primary-dark); }
.create_new1 {display: flex;  float: right;  margin: 16px 0px 0px 0px;    font-size: 12px;  text-transform:  none; text-align:center;}
.create_new1 a {  display: inline-flex;  padding: 10px 25px 10px 25px;  font-size: 13px;  font-weight: 600 !important;
    color: var(--resort-white); background: var(--resort-primary);
    border-radius:10px; z-index: 500;  right: 5px;   margin: 0px 0px 0px 0px;
    letter-spacing: 0;  border: 0px solid var(--resort-primary);  text-align: center;
    box-shadow: 0px 0px 0px var(--resort-primary);  
}
.create_new2{display: flex;  float: right;  margin: 16px 0px 0px 0px; font-size: 12px;  text-transform:  none; text-align: right;font-size: 13px;
    font-weight: 600 !important; color: var(--resort-text-nav); 
}
.create_new2 span{display: flex; float: right;  margin: 0px 0px 0px 10px;}
 .quate_amount{display: flex;  float: right;  margin: 16px 0px 0px 0px;  display: inline-flex;  padding: 7px 20px 7px 20px;   font-size: 16px;  font-weight: 600 !important;
    color: var(--resort-primary);	background: var(--resort-bg-primary-light); 
    border-radius:50px;  z-index: 500;  right: 5px;  margin: 0px 0px 0px 0px;  letter-spacing: 0em;  border: 1px solid var(--resort-border-success);     
	text-align: center;  box-shadow: 0px 0px 0px var(--resort-primary);  
}

.create_booking {display: flex;  float: right;  margin: 0px 0px 15px 0px;    font-size: 12px; text-transform:  none; text-align:center;}

.create_booking a {  display: inline-flex;  padding: 12px 25px 12px 25px;   font-size: 13px;  font-weight: 600 !important;
    color: var(--resort-white);	background: var(--resort-primary); /*background-image: var(--resort-primary-gradient);*/
    border-radius:10px;  z-index: 500;  right: 5px;  margin: 0px 0px 0px 0px;  letter-spacing: 0em;  border: 0px solid var(--resort-primary);     
	text-align: center;  box-shadow: 0px 0px 0px var(--resort-primary);  
}
.create_booking a:hover { background: var(--resort-primary-dark); }
 
.export_report {display: flex; float: right;  margin: 16px 0px 0px 0px;  font-size: 12px; text-transform:  none; text-align:center;}
.export_report a {  display: inline-flex;    padding: 10px 25px 10px 25px;
    font-size: 13px;    font-weight: 600 !important;
    color: var(--resort-text-heading);	background: var(--resort-white);   /*background-image: var(--resort-primary-gradient);*/
    border-radius:10px;    z-index: 500;    right: 5px;    margin: 0px 0px 0px 0px;
    letter-spacing: 0em;  border: 1px solid var(--resort-border-subtle); text-align: center; box-shadow: 0px 0px 0px var(--resort-primary);  
}
.export_report a:hover { color: var(--resort-white);background: var(--resort-primary);   }
.add_expeses { display: inline-flex;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    text-transform: none;
    text-align: center;
    position: absolute;
    right: 0px;
}
.add_expeses a { width:100%;   padding: 10px 20px 10px 15px;  font-size: 13px; font-weight: 600 !important; color: var(--resort-white);
	background: var(--resort-primary);  /*background-image: var(--resort-primary-gradient);*/
    border-radius:10px;   margin: 0px 0px 0px 0px; letter-spacing: 0em; border: 0px solid var(--resort-primary);     
	text-align: center; box-shadow: 0px 0px 0px var(--resort-primary);  display: inline-flex;
}
.back_btn {display: flex;  width: 50px;    float:  left;  margin: 3px 10px 0px 0px;   font-size: 12px;  text-transform:  none; text-align:center;}
.back_btn a {   padding: 10px 12px 10px 12px;  font-size: 13px; font-weight: 600 !important; color: var(--resort-text-dark);   border-radius:10px;
    z-index: 500;  margin: 0px 0px 0px 0px;  letter-spacing: 0;  border: 0px solid var(--resort-primary);	text-align: center;    box-shadow: 0px 0px 0px var(--resort-primary);  
	}
.back_btn a:hover {  color: var(--resort-white);   background: var(--resort-primary);   }
.back_btn1 {display: flex; float:  left;  margin:0px 10px 0px 0px;  font-size: 12px;  text-transform:  none; text-align:center;}
.back_btn1 a {   padding: 10px 12px 10px 12px;  font-size: 13px;  font-weight: 600 !important;  color: var(--resort-text-dark);   border-radius:10px;
    z-index: 500;   margin: 0px 0px 0px 0px;  letter-spacing: 0;  border: 0px solid var(--resort-primary); text-align: center; box-shadow: 0px 0px 0px var(--resort-primary);  
}
.back_btn1 a:hover {  color: var(--resort-white); background: var(--resort-primary);   }
.add_new_con { float: left; padding: 2px 5px 0px 2px;  text-transform: uppercase;}
.add_new_icon {  float: right;  margin: 0px 0px 0px 0px;}
.dash_box {  background-color: var(--resort-white);  width: 100%;  border: 1px solid var(--resort-border-subtle); margin: 0px 0px 20px 0px;
    padding: 18px; border-radius: 10px;  display: inline-block;  box-shadow: 0 0px 2px var(--resort-border-subtle); 
}
.dash_box:hover { border: 1px solid var(--resort-border-subtle);  box-shadow: 0 10px 15px var(--resort-border-subtle); }
.dash_left { width:70%; float:left;}
.dash_right { width:30%; float:left;}
.dash_icon_bg1 { width:55px; height:55px; float: right; background: var(--resort-primary-active-bg);  border-radius: 10px; text-align:center; line-height:55px; padding: 0px; margin:10px 0px 0px 0px;}
.dash_icon_bg2{ width:55px; height:55px; float: right; background: var(--resort-bg-primary-subtle);  border-radius: 10px; text-align:center; line-height:55px; padding:0px; margin:10px 0px 0px 0px;}
.dash_icon_bg3{ width:35px; height:35px; background: var(--resort-primary);  border-radius: 13px; text-align:center; line-height:32px; padding:0px; margin:0px 8px 0px 0px;     float: left;}
.dash_icons1 {width: 1.7rem; height: 1.7rem; color: var(--resort-primary);}
.dash_icons2 {width: 1.7rem; height: 1.7rem; color: var(--resort-primary);}
.dash_icons3{width: 1.2rem; height: 1.2rem; color: var(--resort-white);}
.dash_icon_s1 {width: 1rem; height: 1rem; color: var(--resort-primary);}
.dash_icon_s2 {width: 1rem; height: 1rem; color: var(--resort-secondary);}
.dash_icon_s3 {width: 1rem; height: 1rem; color: var(--resort-text-subtle);}
.dash_con1{ font-size: 14px !important;  color: var(--resort-text-medium) !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 7px 0px; text-align: left;
    font-weight:500;   width: 100%;  display: inline-block;
}
.dash_con2{ font-size:28px !important;  color: var(--resort-text-heading) !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 7px 0px; text-align: left;
    font-weight: 800;  width: 100%; display: inline-block;}
.dash_con3{ font-size: 12px !important;  color: var(--resort-primary) !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 2px 0px; text-align: left;
    font-weight: 500;  width: 100%; }
.dash_con4{ font-size: 12px !important; color: var(--resort-secondary) !important;   margin: 0px 0px 0px 0px; padding: 5px 0px 2px 0px;  text-align: left;
    font-weight: 500;   width: 100%; }
.dash_heading{ font-size: 21px !important; color: var(--resort-text-dark) !important;  margin: 0px 0px 19px 0px;  padding: 0px 0px 0px 0px;  text-align: left;
    font-weight: 500;  width: 100%; display: inline-block;}
.dash_heading span{   padding: 3px 0px 0px 7px; }
.dash_heading1{ font-size: 21px !important; color: var(--resort-text-dark) !important;  margin: 0px 0px 0px 0px;  padding: 15px 0px 0px 15px;  text-align: left;
    font-weight: 500;  }
.dash_heading1 span{   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 6px;  }
.dash_heading2{ font-size: 13px !important;  color: var(--resort-text-dark) !important;  margin: 0px 20px 0px 0px;  padding: 10px 0px 0px 0px;  text-align: left;
    font-weight: 500; float:left;}
.dash_heading3{ font-size: 18px !important; color: var(--resort-text-dark) !important;  margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px;  text-align: left;   
   font-weight: 500;  }
.dash_heading4{ font-size: 21px !important; color: var(--resort-text-dark) !important;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  text-align: left;
    font-weight: 500;  }
.dash_heading1 span{   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.cal_heading1{ font-size: 21px !important; color: var(--resort-text-dark) !important;  margin: 0px 0px 0px 0px;  padding: 20px 0px 15px 15px;  text-align: left;
    font-weight: 500;  }
.cal_heading1 span{ font-size:12px;
    text-align: center;
    color: var(--resort-text-dark); 
    padding: 9px 12px 9px 12px;
    text-transform:  none;
    font-weight: bold;
    margin: 0px 0px 0px 0px; 
    border: 1px solid var(--resort-border);
    border-radius: 7px;  
    text-align: center;
} 
.revenue_sec{display: block;  cursor: pointer;   width: 100%;margin: 0px 0px 25px 0px;    padding: 90px 25px 90px 25px;
	background:var(--resort-primary-active-bg);    /*background-image: var(--resort-primary-gradient-light);*/
    border: 1px solid var(--resort-border); border-radius: 10px;   text-align:  center; margin: 0px 10px 18px 0px;    
	 }
.revenue_con1 { font-size:40px !important; color: #1a9b8e !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 0px 0px; text-align:  center;
    font-weight: 700; width: 100%; display: inline-block; line-height:40px;
}
.revenue_con2 {  font-size: 14px !important; color: #797995 !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 7px 0px;
    text-align:  center; font-weight: 600; width: 100%; display: inline-block;
}
.revenue_con3 {font-size: 14px !important;  color: var(--resort-primary) !important; margin: 0px auto 0px auto;  padding: 8px 15px 8px 15px; text-align: center; font-weight: 500;
    width:215px; background:var(--resort-primary-light-bg); border-radius: 10px;
}
.outstanding_sec1{display: block;  cursor: pointer;    width: 100%;  padding: 20px 25px 20px 25px;background:var(--resort-primary-active-bg);    border: 1px solid var(--resort-border);
    border-radius: 10px;  text-align:  center;  margin: 0px 0px 14px 0px;     
	}
.outstanding_sec2{display: block;  cursor: pointer;   width: 100%;margin: 0px 0px 25px 0px;    padding: 20px 25px 20px 25px;	background:var(--resort-secondary-light-bg); 
    border: 1px solid var(--resort-border);  border-radius: 10px;  text-align:  center; margin: 0px 0px 14px 0px;
     }
.outstanding_sec3{display: block;   cursor: pointer;   width: 100%;	margin: 0px 0px 25px 0px; padding: 20px 25px 20px 25px;	background:var(--resort-accent-light-bg); 
    border: 1px solid var(--resort-border); border-radius: 10px;  text-align:  center; margin: 0px 0px 14px 0px;
     }
.outstanding_cons{display: inline-block;    width: 100%;      }
.outstanding_cont1{font-size: 14px !important; color: var(--resort-text-dark) !important;  margin: 0px 0px 0px 0px;  padding: 0px 0px 5px 0px; text-align: left;
    font-weight: 600; float:left; width:70%;
     }
.outstanding_cont2{font-size: 17px !important; color: var(--resort-primary)  !important;  margin: 0px 0px 0px 0px;  padding: 0px 0px 5px 0px; text-align:  right;
    font-weight: 600; float: right; width:30%;
     }
.graph_bg{ width:100%; height:12px; background:var(--resort-border-light); padding:0px; margin:0px 0px 00px 0px; border-radius: 6px;}
.graph1{ width:70%; height:12px; background:var(--resort-primary); padding:0px; margin:0px 0px 00px 0px; border-radius: 6px 0px 0px 6px;}	 
.graph2{ width:40%; height:12px; background:var(--resort-primary-light); padding:0px; margin:0px 0px 00px 0px; border-radius: 6px 0px 0px 6px;}	 
.graph3{ width:20%; height:12px; background:var(--resort-secondary); padding:0px; margin:0px 0px 00px 0px; border-radius: 6px 0px 0px 6px;}	 

.recent_invoices{   width: 100%;  padding: 15px;background:var(--resort-white);  border: 1px solid var(--resort-border);  border-radius: 10px;    margin: 0px 0px 14px 0px;
	display:inline-block;
     }
.recent_invoices:hover{  background:var(--resort-bg);  border: 1px solid var(--resort-border);  }
.recent_no { float:left;   width: 50px;   height: 50px; color:var(--resort-white);	font-size: 15px;	font-weight:700;
    background: var(--resort-primary); border-radius: 10px; text-align: center; line-height: 50px; padding: 0px 0px 0px 0px; margin: 0px 15px 0px 0px; 
}
.recent_con_sec { float:left; width:60%}
.recent_right { float: right; width:20%}
.recent_cont1{font-size: 15px !important;  color: var(--resort-text-dark) !important; margin: 0px 0px 0px 0px;  padding: 0px 0px 5px 0px; text-align: left;font-weight: 600;      }
.recent_date{font-size: 13px !important; color: var(--resort-text-medium) !important; margin: 0px 0px 0px 0px;  padding: 0px 0px 5px 0px; text-align: left; font-weight: 400;      }	 
.recent_cont2{font-size: 18px !important; color: #2d2d2d !important; margin: 0px 15px 0px 0px; padding: 10px 0px 0px 0px;  font-weight: 600; float:right;     }
.paid {   background: rgba(26, 155, 142, 0.1);  border: 1px solid rgba(26, 155, 142, 0.3);display: inline-block;  font-size: 11px !important; color: #1a9b8e  !important; 
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center; font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px;
} 
.pending {  background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3);display: inline-block; font-size: 11px !important; color: #ff7b54  !important;  
    margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px; text-align: center;font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px;
}
.overdue { background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3); display: inline-block; font-size: 11px !important; color: #ff7b54  !important; 
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px;  text-align: center; font-weight: 500;   border-radius: 10px; line-height: 12px;	height: 24px;
}
.failed {background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3); display: inline-block;  font-size: 11px !important;  color: #ff7b54 !important;
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px;
}
.paid1 {  background: rgba(26, 155, 142, 0.1); border: 1px solid rgba(26, 155, 142, 0.3);display: inline-block;  font-size: 11px !important; color: #1a9b8e  !important;
    margin: 10px auto 0px auto;  padding: 5px 10px 5px 10px; text-align: center; font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px; float:right;
} 
.pending1 { background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3);	display: inline-block; font-size: 11px !important; color: #ff7b54  !important;
    margin: 10px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center; font-weight: 500;  border-radius: 10px; line-height: 12px;height: 24px; float:right;
}
.overdue1 { background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3); display: inline-block; font-size: 11px !important; color: #ff7b54  !important;
    margin: 10px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center; font-weight: 500;  border-radius: 10px; line-height: 12px;	height: 24px; float:right;
} 
.draft{ background: #f4f4f6; border: 1px solid #e3e3e8; display: inline-block; font-size: 11px !important; color: #797986  !important;
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center; font-weight: 500;   border-radius: 10px;  line-height: 12px;	height: 24px;
}
.admin { display:inline-block; font-size: 11px !important; color: #fff !important;  margin: 0px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center;
    font-weight: 500; background: #1a9b8e; border: 1px solid #1a9b8e;  border-radius: 10px;line-height: 12px;height: 24px;    
}
.users { display:inline-block; font-size: 11px !important; color: #fff !important; margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;
    font-weight: 500;  background: #ff7b54;  border: 1px solid #ff7b54; border-radius: 10px;line-height: 12px;	height: 24px;   
} 
.useractvie { display:inline-block; font-size: 11px !important;  color: #2bc764 !important;  margin: 0px auto 0px auto;  padding: 5px 10px 5px 10px; text-align: center;
    font-weight: 500;  background: #e8f9ef;  border: 1px solid #b9f9d3;  border-radius: 10px;line-height: 12px;	height: 24px;    
}
.userinactvie { display:inline-block; font-size: 11px !important;  color: #fff !important;  margin: 0px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;
    font-weight: 500;  background: #ff7b54;  border: 1px solid #ff7b54;  border-radius: 10px;line-height: 12px; height: 24px;
}
.paused { display:inline-block; font-size: 11px !important;  color: #ff7b54 !important;  margin: 0px auto 0px auto;  padding: 5px 10px 5px 10px;   text-align: center;
    font-weight: 500;  background: rgba(255, 123, 84, 0.1);  border: 1px solid rgba(255, 123, 84, 0.3);  border-radius: 10px;line-height: 12px;height: 24px;    
}
.links { display: inline-block; font-size: 11px !important; color: #fff !important;  margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;
    font-weight: 500; background: #ff7b54;  border: 1px solid #ff7b54;  border-radius: 10px;  line-height: 12px;height: 24px;
	}
.categories { display:inline-block; font-size: 11px !important;  color: #1a9b8e !important;  margin: 0px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;
    font-weight: 500;  background: rgba(26, 155, 142, 0.1);  border: 1px solid rgba(26, 155, 142, 0.3);  border-radius: 10px;line-height: 12px;	height: 24px;    
}
.applied {  background: rgba(26, 155, 142, 0.1);  border: 1px solid rgba(26, 155, 142, 0.3);display: inline-block;  font-size: 11px !important;  color: #1a9b8e  !important;
    margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;   border-radius: 10px; line-height: 12px;height: 24px;
} 
.opens {  background: rgba(255, 123, 84, 0.1);  border: 1px solid rgba(255, 123, 84, 0.3);	display: inline-block; font-size: 11px !important;  color: #ff7b54  !important;  
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;   border-radius: 10px;  line-height: 12px;height: 24px;
}
.void { background: #f4f4f6;  border: 1px solid #e3e3e8; display: inline-block; font-size: 11px !important;  color: #797986  !important;
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;  border-radius: 10px; line-height: 12px;	height: 24px;
}
.services {  background: rgba(26, 155, 142, 0.1); border: 1px solid rgba(26, 155, 142, 0.3);display: inline-block;  font-size: 11px !important; color: #1a9b8e  !important;
    margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;  border-radius: 10px; line-height: 12px;height: 24px;
} 
.sent { background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3); display: inline-block;  font-size: 11px !important;  color: #ff7b54 !important;
    margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px;
}
.accepted{background: rgba(26, 155, 142, 0.1); border: 1px solid rgba(26, 155, 142, 0.3); display: inline-block; font-size: 11px !important; color: #1a9b8e !important;
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center;  font-weight: 500; border-radius: 10px; line-height: 12px; height: 24px;
	}
.expired{background: rgba(255, 123, 84, 0.1); border: 1px solid rgba(255, 123, 84, 0.3); display: inline-block; font-size: 11px !important; color: #ff7b54 !important;  
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center; font-weight: 500; border-radius: 10px; line-height: 12px; height: 24px;
	} 
.completed { display: inline-block;  font-size: 11px !important; color: #1a9b8e !important;  margin: 0px auto 0px auto;  padding: 5px 10px 5px 10px;
    text-align: center;  font-weight: 500;  background: rgba(26, 155, 142, 0.1);  border: 1px solid rgba(26, 155, 142, 0.3);  border-radius: 10px; line-height: 12px;  height: 24px;
}
.banktransfer { background: rgba(255, 123, 84, 0.1);  border: 1px solid rgba(255, 123, 84, 0.3); display: inline-block;  font-size: 11px !important;  color: #ff7b54 !important;
    margin: 5px auto 0px auto;  padding: 5px 10px 5px 10px;  text-align: center;   font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px;
}
.cash { background: rgba(255, 123, 84, 0.1);border: 1px solid rgba(255, 123, 84, 0.3);  display: inline-block;  font-size: 11px !important;  color: #ff7b54 !important; 
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px; text-align: center; font-weight: 500; border-radius: 10px;  line-height: 12px; height: 24px;
}
.card { background: rgba(255, 123, 84, 0.1);  border: 1px solid rgba(255, 123, 84, 0.3);  display: inline-block;  font-size: 11px !important;  color: #ff7b54 !important;
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;  border-radius: 10px; line-height: 12px; height: 24px;
}
.cheque {  background: #fbfbfc;  border: 1px solid #e3e3e8;  display: inline-block;  font-size: 11px !important;  color: #22222a !important;
    margin: 5px auto 0px auto; padding: 5px 10px 5px 10px;  text-align: center;  font-weight: 500;  border-radius: 10px;  line-height: 12px; height: 24px;
}
.view_invoices { width:100%; display:inline-block;
    margin: 0px 0px 0px 0px;   font-size: 12px;  text-transform:  none; text-align:center;
}
.view_invoices a {   padding: 9px 0px 9px 0px;  font-size: 13px;
    font-weight: 600 !important; color: #000; background:#fff; 
    border-radius:10px;  z-index: 500;
    right: 5px;  margin: 0px 0px 0px 0px;
    letter-spacing: 0em;  border: 1px solid #e3e3e8;     
	text-align: center;	width:100%; display:inline-block; 
}
.view_invoices a:hover {   
    color: #fff;
	background:#ff7b54;  
	 border: 1px solid #ff7b54;     
}
.settings_box {
    background-color: #fff;
    width: 100%;
    border: 1px solid #f4f4f6;
    margin: 0px 0px 20px 0px;
    padding: 23px;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 0 0px 2px #e8e8e8;
	position:relative;
}
.settings_box:hover {  border: 1px solid #e3e3e8;
    box-shadow: 0 10px 15px #e8e8e8; 
}
.settings_box1 {    background-color: #fff;
    width: 100%;
    border: 1px solid #f4f4f6;
    margin: 0px 0px 17px 0px;
    padding: 0px;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 0 0px 2px #e8e8e8;
	position:relative;
}
.settings_box1:hover {  border: 1px solid #e3e3e8;  box-shadow: 0 10px 15px #e8e8e8; }
.settings_box_cont {  margin: 0px 0px 0px 0px; padding: 23px 23px 23px 23px; }
.settings_box1 img {  border-radius: 15px 15px 0px 0px;  display: inline-block;  }
.settings_icons { color:#fff;
	width: 48px; height: 48px; 
    border-radius: 10px;
    text-align: center;
    line-height: 46px;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
	background-image: var(--resort-primary-gradient);
}
.settings_icons1 { color:var(--resort-white);
	width: 48px;  height: 48px; 
    border-radius: 10px;
    text-align: center;
    line-height: 46px;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
	background-image: var(--resort-secondary-gradient);
}
.settings_icons2 { color:#fff;
	width: 48px; height: 48px; 
    border-radius: 10px;
    text-align: center;
    line-height: 46px;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
	background-image: var(--resort-secondary-gradient);
}
.settings_icon {width: 1.5rem; height: 1.5rem;}
.settings_btn { width:100%; display:inline-block;
    margin: 0px 0px 0px 0px;  font-size: 12px;
    text-transform:  none; text-align:center;
}
.settings_btn a {  padding: 9px 0px 9px 0px;
    font-size: 14px;
    font-weight: 600 !important;
    color: var(--resort-white);
	background-image: var(--resort-primary-gradient);
    border-radius:10px;
    z-index: 500;
    right: 5px;
    margin: 0px 0px 0px 0px;
    letter-spacing: 0em;  
	text-align: center;
	width:100%; display:inline-block; 
}
.settings_btn a:hover {   color: var(--resort-white);	background-image: var(--resort-secondary-gradient);}
.settings_arrow { position: absolute; right: 15px; margin: 15px 0px 0px 0px;}
.settings_con { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;
    text-align: left;
    font-size: 25px;
    font-weight: 600;
    color: var(--resort-text-dark);
    letter-spacing: 0em;
    text-transform: none;
}
.settings_con1 {margin: 0px;  padding: 7px 0px 20px 17px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: var(--resort-text-light);
    letter-spacing: 0em;
    text-transform: none;
	line-height: 25px;
}
.settings_con2 {margin: 0px;  padding: 0px 0px 12px 0px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: var(--resort-text-light);
    letter-spacing: 0em;
    text-transform: none;
	display: inline-flex;
}
.settings_con3 {margin: 0px;  padding: 7px 0px 20px 0px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #797986;
    letter-spacing: 0em;
    text-transform: none;
	line-height: 25px;
}

/* ---- Filter Bar Component ---- */
.filter-bar {
	padding: 12px 15px;
	background: #f8f9fa;
	border-radius: 8px;
	border: 1px solid #eee;
}
.filter-bar .form-control {
	height: 38px;
	font-size: 13px;
	border-radius: 6px;
}
.filter-bar select.form-control { min-width: 130px; }
.filter-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin-bottom: 3px;
}
.filter-grow { flex: 1; min-width: 0; }
.filter-actions {
	display: flex;
	gap: 6px;
	align-items: center;
}
.filter-actions .btn { padding: 7px 18px; white-space: nowrap; }

.section_table { background-color: #fff;
    width: 100%;
    border: 1px solid #e3e3e8;
    margin: 0px 0px 20px 0px;
    padding: 23px;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 0 0px 0px #e8e8e8;
	position:relative;
}
.section_table1 { background-color: #fff;
    width: 100%;
    border: 1px solid #e3e3e8 !important;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 0px 0px #e8e8e8;
    position: relative;
}
.section_table2 { 
    width: 100%;
    border: 0px solid #e3e3e8 !important;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    border-radius: 0px;
    display: inline-block;
    box-shadow: 0 0px 0px #e8e8e8;
    position: relative;
}
.section_invoices { background-color: #fff;
    width: 100%;
    border: 1px solid #f4f4f6;
    margin: 0px 0px 20px 0px;
    padding: 23px;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 0 0px 0px #e8e8e8;
	position:relative; min-height:847px;
}
/*.section_table:hover {  border: 1px solid #e3e3e8;  box-shadow: 0 10px 15px #e8e8e8; }*/
.template_head  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d;
    letter-spacing: 0em;
    text-transform: none; line-height:25px;
}
.template_head span  { background:#ff7b54; color: #fff; font-size:12px; font-weight:400; text-align:center; padding:3px 7px; margin:-12px 0px 0px 12px; border-radius: 10px;
position:relative;  
}
.section_table .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}
.section_table1 .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}
.section_invoices .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}
.section_invoices  .form-group {
    margin-bottom: 22px;
    width: 100%;
    display: inline-block;
}
.form-control1{ text-align:center !important}
.form-controlr { text-align:  right !important;}
.form-control:focus {  color: #212529;  background-color: #fff;  outline: 0;  box-shadow: 0 0 0px rgba(13, 110, 253, 0.25);  border: 2px solid #1a9b8e !important;}

::-webkit-input-placeholder { color: #545454 !important; font-size:13px!important; font-weight:400 !important;     opacity: 1 !important;}
::-moz-placeholder { color: #545454 !important; font-size:13px!important; font-weight:400 !important; opacity: 1 !important; }
:-ms-input-placeholder {  color: #545454; font-size:13px!important; font-weight:400 !important; opacity: 1 !important;}
:-moz-placeholder {color: #545454 !important; font-size:13px !important; font-weight:400 !important; opacity: 1 !important;}

.table_icons1 { width: 1.25rem; height: 1.25rem; color: #1a9b8e; margin: -3px 6px 0px 0px;}
.social_icons1 { width: 1.1rem; height: 1.1rem; color: #545454; }
.border {border: 1px solid #f5f5f5 !important;}
.rounded-md { border-radius: 15px !important;}
.color_sec{   width: 100%;  height: 40px;  background: #fff;   border-radius: 10px !important; 
	border: 1px solid #f5f5f5 !important; padding:12px 10px 10px 10px
}
.color_1 { width: 100%; height: 15px;}
.w-full { width: 100%;}
.caption-bottom {  caption-side: bottom;}
.action_th{ text-align:right;}   
.edit_buttons  {   float: right;  padding: 10px 15px 10px 15px;  text-align: center; line-height: 30px; border-radius: 10px;
    display: inline-flex;  background: none; color: #000; font-weight: 600; line-height: 17px;} 
.edit_buttons:hover{color: #fff  !important; background:#1a9b8e; } 
.edit_buttons1  {  /*background:#fff; border:1px solid #fafafa;*/  float: right; padding: 10px 10px 10px 10px; margin:0px 0px 0px 5px; 
    text-align: center; line-height: 30px;  border-radius: 10px;  display: inline-flex;   color: #000;  font-weight: 500; line-height: 17px; font-size:12px;
} 
.edit_buttons1:hover{color: #fff  !important; background:#1a9b8e; border:0px solid #1a9b8e; } 
.edit_icon  {width: 1rem; height: 1rem; }
.map_icon {
    width: 1rem;
    height: 1rem;
}
.view_buttons  { width:auto; padding: 10px 10px 10px 10px;  text-align: center;
    line-height: 30px;  border-radius: 10px;  display: inline-flex;
    background: none; color: #1a9b8e; font-weight: 600; line-height: 17px;
} 
.view_buttons:hover{color: #fff  !important; background:#1a9b8e; }
.td_over:hover { background-color:  #f5f5f5;}
.acces_right {  background-color: #fff;  width: 100%;  border: 1px solid #f4f4f6; margin: 0px 0px 10px 0px;
    padding: 12px 15px ;  border-radius: 8px;  display: inline-block;  box-shadow: 0 0px 0px #e8e8e8;  position: relative; 
}
.acces_right:hover {  background-color: #f9f9fa;  border: 1px solid #f4f4f6; }
.acces_con {float: left; font-size: 14px !important;  color: #000 !important; margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  text-align: left; font-weight: 500;
	}
.acces_con1 {margin: 0px; padding: 0px 0px 0px 0px;  text-align: left;  font-size: 13px;  font-weight: 400;
    color: #797986; letter-spacing: 0em; text-transform: none;
	}
.acces_toogle{ float:right;}
.search_icons_m { position: absolute;  margin: 6px 0px 0px 9px;  width: 1.25rem; height: 1.25rem;  color: #545454;}
.search_icons_m1 { position: absolute;  margin: 15px 0px 0px 14px;  width: 1.25rem; height: 1.25rem; color: #545454;
}
.search_form{ margin:0px 0px 20px 0px; padding:0px; display:inline-block; width:100%; }
.search_form .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 14px;
    height: 40px;
    padding-left:45px;
}
.search_form .form-control:focus {  color: #212529;  background-color: #fff;  outline: 0;  box-shadow: 0 0 0px rgba(13, 110, 253, 0.25);  border: 2px solid #1a9b8e !important;}

.search_form1{ margin:0px 0px 20px 0px; padding:0px; display:inline-block; width:100%; }
.search_form1 .form-control {
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 14px;
    height: 55px;
    padding-left:45px;
	box-shadow: 0px 5px 5px  #ccc; 
}
.search_form1 .form-control:focus {  color: #212529;  background-color: #fff;  outline: 0;  box-shadow: 0 0 0px rgba(13, 110, 253, 0.25);  border: 2px solid #1a9b8e !important;} 
.search_icons1 { width: 1.2rem; height: 1.2rem; color:#888888;}
.placeholder {  display: inline-block;
    min-height: 1em;    vertical-align: middle;
    cursor: wait;    background: none;  
    opacity: 1; 
	color: #000 !important;
}
.dropdown-toggle::after { display:none; 
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-toggle{-moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 12px !important;
    border: 1px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 12px;
    height: 40px;
    padding-left: 10px;
	padding-right: 10px;
}
.dropdown-toggle:hover{ 
    background-color: #fff;
    border-radius: 12px !important;
    border: 2px solid #1a9b8e !important; 
}
.section_table1 .dropdown-toggle{-moz-border-radius: 0px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 12px !important;
    border: 1px solid #e3e3e8 !important;
    color: #000 !important;
    font-size: 12px;
    height: 40px;
    padding-left: 10px;
}
.section_table1 .dropdown-toggle:hover{ 
    background-color: #fff;
    border-radius: 12px !important;
    border: 1px solid #e3e3e8 !important; 
}
.dropdown-menu { position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 7px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #efefef; 
   border-radius: 12px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 5px 8px rgba(144, 144, 144, .175);
    background-clip: padding-box;
}
.selectpicker .dropdown-menu {  width: 100%;  padding: 4px;}
.selectpicker .dropdown-menu ul>li  {	padding:5px 0px 5px 35px;
}
.selectpicker .dropdown-menu ul>li:hover { color: #fff;
    background: #ff7b54;
	border-radius: 12px !important;
	padding:5px 0px 5px 35px;
   
}
.selectpicker .dropdown-menu ul>li.selected { color: #000; background: none;
	border-radius: 12px !important;
	padding:5px 0px 5px 35px; background-image:url(../images/tick_active.png); background-repeat:no-repeat; background-position: 12px 12px;
}
.selectpicker .dropdown-menu ul>li.selected:hover {
    color: #fff; 
	border-radius: 12px !important;
	padding:5px 0px 5px 35px; background:url(../images/tick.png) #1a9b8e; background-repeat:no-repeat; background-position: 12px 12px;
}
.selectpicker .dropdown-toggle.filled { padding-left: 10px; padding-right: 10px !important; }
.lable_block{ display: block  !important; }
.form_left { width: 95%; float: left;  margin: 0;}
.form_left1 { width: 92%;  float: left;  margin: 0;}
.form_left2 { width: 85%; float: left;  margin: 0;}
.form_right{ margin:0px 0px 0px 12px; padding:12px 0px 0px 9px; float: left; width: 35px;
	height: 40px;	background-color: #fff;    border-radius: 12px !important;    border: 1px solid #e3e3e8  !important;
    color: #58585e;    font-size: 14px;  
}
.form_right:hover{ 	background-color: #ff7b54;    border-radius: 12px !important;    border: 1px solid #ff7b54 !important;
    color: #fff ; cursor:pointer;
}
.form_right1{ margin:0px 0px 0px 12px; padding:5px 0px 0px 9px; float: left; width: 35px;
	height: 40px;	background-color: #fff;    border-radius: 12px !important;     
    color: #58585e;    font-size: 14px;  
}
 
.form_right2{ margin:0px 0px 0px 0px; padding:6px 0px 0px 9px; float: left; width: 35px;
	height: 40px;	background-color: #fff;    border-radius: 12px !important;    border: 0px solid #e3e3e8  !important;
    color: #58585e;    font-size: 14px;  
}
.form_right3{ margin:0px 0px 0px 0px; padding:12px 0px 0px 9px; float: left; width: 35px;
	height: 40px;	background-color: #fff;    border-radius: 12px !important;    border: 1px solid #e3e3e8  !important;
    color: #58585e;    font-size: 14px;  
}
.form_right3:hover{ 	background-color: #ff7b54;    border-radius: 12px !important;    border: 1px solid #ff7b54 !important;
    color: #fff ; cursor:pointer;
}
 
.form_icon { width: 1rem;  height: 1rem;  float: left;}
.form_icon1 { width: 1rem;  height: 1rem;  float: left; margin:0px 8px 0px 0px;}
.lucide-arrow-left {width: 1.25rem;  height: 1.25rem;  float: left;}
.trash { width: 1rem; height: 1rem;}
.select-calander { width: 100%;  -moz-border-radius: 5px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);  background: url(../images/calander.png) #fff;
  background-position: right;  background-repeat: no-repeat;  border-radius: 12px;  border: 1px solid #e3e3e8 !important;
  box-shadow: none;  color: #212529 !important;  font-size: 13px;  height: 40px !important;  padding: 0px 0px 0px 10px;
}
.select-calander:hover {background: url(../images/calander.png) #fff no-repeat right center;   border: 2px solid #1a9b8e !important;}
.table_form{ width:50%; float: left;}
.table_form1{ width:45%; float: left; margin:0px 0px 0px 3%;}
.table_form3{ width:30px; height:30px; float:  right; line-height:30px;
  position: relative; margin:0px 5px 0px 0px; padding: 0px; text-align:center; border-radius: 9px; cursor:pointer;color: #545454;
} 
.table_form3:hover{color: #fff  !important; background:#1a9b8e; width:30px;} 
.lucide-trash2{width: 1rem; height: 1rem;} 
.lucide-ellipsis{width: 1rem; height: 1rem;} 
.lucide-ellipsis-vertical{width: 1rem; height: 1rem;} 
.addnew_row {display: flex; float:  left;  margin: 16px 0px 0px 0px; font-size: 13px;  text-transform:  none; text-align:center;}
.addnew_row a {  display: flex;
    padding: 9px 15px 9px 15px; margin: 0px 10px 0px 0px;
    font-size: 13px;
    font-weight: 600 ;
    color: var(--resort-primary); 
    background:#fff;
    border-radius:10px;  
    letter-spacing: 0;
    border: 1px solid var(--resort-primary);     
	text-align: center; 
}
.addnew_row a:hover {  color: #fff;  background: var(--resort-primary);  border: 1px solid var(--resort-primary);   }
.unbilld{ width:100%;display: inline-flex; margin: 16px 0px 0px 0px;  font-size: 13px;
    text-transform:  none; text-align: left;  color: var(--resort-primary);  font-weight: 400 ;     
}
.unbilld a {  display: flex; padding: 0px; margin: 0px 0px 0px 4px;  font-size: 13px;  font-weight: 400 ;
    color: var(--resort-primary);    letter-spacing: 0; 
	text-align:  left; text-decoration:underline;
}
.unbilld a:hover {  color: #000; }
.text_right{ text-align:right !important;}
.border_br{ border-bottom:1px solid #e3e3e8; margin:15px 0px 25px 0px; padding:0px 0px 15px 0px; width:100%; display:inline-block}
.border_br1{ border-bottom:1px solid #e3e3e8; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
.border_br2{ border-bottom:2px solid #e3e3e8; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
.text_area{ height:100px !important;}
.invoice_con {  font-size: 12px !important;  color: #545454 !important;
    margin: 0px 0px 0px 0px;  padding: 0px 0px 15px 0px; text-align: left;  font-weight: 400;
    display: inline-block;    width: 100%;
}
.amount_sec{ width:100%; margin:0px 0px 0px 0px; padding:0px 0px 25px 0px; display: inline-flex;}
.amount_sec1 { width: 70%;  float: left; color:#000; font-size: 15px; font-weight: 400 ;text-align: left;}
.amount_sec2 { width: 30%;  float:  right; color:#000;	font-size: 15px; font-weight: 400 ;  text-align:right;}
.amount_sec3 { width: 70%;  float: left; color:#4c4c4c; font-size: 15px; font-weight: 400 ;	text-align: left;}
.sub_total { font-size: 15px !important; font-weight: 500 !important ; }
.amount_total { font-size: 18px !important; font-weight: 700 !important ; }
.upload_box { width: 71%; float: left;}
.upload_box input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload_box .btn-primary { text-align: center !important;}
.upload_box_form { border-radius: 4px 0px 0px 4px !important; height: 43px !important; padding: 9px 0px 9px 15px !important; background:#e1e2e2; }
.fileUpload { position: relative;  overflow: hidden;  margin: 0px; padding: 9px 0px 9px 0px !important;
  border-radius: 0px 4px 4px 0px !important;  background: #454545;    text-align: center; color: #fff;  border: 0px solid #00c0d1;  
}
.fileUpload input.upload { position: absolute; top: 0;  right: 0;  margin: 0;  padding: 0px;
  font-size: 20px;  cursor: pointer;  opacity: 0; filter: alpha(opacity=0);
} 
.upload_mg_btn { margin:0px 0px !important; width:150px !important; position: relative;  padding: 9px 12px 9px 12px !important;
    border-radius:10px !important;  background: #fff !important;  text-align: center; font-size:13px; color: #000 !important; float: left;
    border: 1px solid #e3e3e8 !important;   }
.upload_mg_btn:hover { margin:0px 0px !important; width:150px !important; position: relative;  padding: 9px 12px 9px 12px !important;
    border-radius:10px !important;  background: #ff7b54 !important;  text-align: center; font-size:13px; color: #fff !important; float: left;
    border: 1px solid #ff7b54 !important;   }
 .upload_mg_btn .fa {  font-size:13px  !important;}
.imgaes_upload .fa {  font-size:13px  !important; color:#000;}

.save_bt { float: right;  margin: 8px 0px 15px 8px;}
.save_btns {  color: #fff;
    margin-top: 0px;
    border-radius: 10px;
    background-image: var(--resort-primary-gradient);
    border: 1px solid var(--resort-primary);
    font-size: 13px;
    font-weight: 600;
    padding: 12px 20px 12px 20px !important;
    min-height: 27px;
    text-transform:  none;
    letter-spacing:0em;
    line-height: 16px;
}
.save_btns:hover { background:#147a70;  color: #fff; }
.save_btns1 {
    color: #545454;
    margin-top: 0px;
    border-radius: 10px;
    background-color: #fff ;
    border: 1px solid #fafafa ;
    font-size: 13px;
    font-weight: 600;
    padding:12px 20px 12px 20px !important;
    min-height: 27px;
    text-transform:  none;
    letter-spacing: 00em;
    line-height: 16px;
}
.save_btns1:hover { background:#1a9b8e;  color: #fff; }
.this_month{ display: block;
    cursor: pointer;
    width: 100%; 
    padding: 25px 25px 25px 25px;
    background: #faf5fc; 
    border: 1px solid #e3e3e8;
    border-radius: 10px;
    text-align: center;
    margin: 0px 10px 18px 0px; position:relative;
}
.last_month{ display: block;
    cursor: pointer;
    width: 100%; 
    padding:25px 25px 25px 25px;
    background: #f4f4f6; 
    border: 1px solid #e3e3e8;
    border-radius: 10px;
    text-align: center;
    margin: 0px 10px 18px 0px;  position:relative;
}
.expences_con { font-size:23px !important;
    color: #000 !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 600;
    width: 100%;
    display: inline-block; line-height:25px;
}
.expences_con1 { font-size:35px !important;
    color: var(--resort-primary) !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align:  left;
    font-weight: 700;
    width: 100%;
    display: inline-block; line-height:40px;
}
.expences_con2 { font-size: 13px !important;
    color: #797995 !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 500;
    width: 100%;
    display: inline-block;
}
.expences_con3 {font-size: 13px !important;
    color: #1a9b8e !important;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    text-align: left;
    font-weight: 500;  
}
.expences_con3_span { font-size: 13px !important;
    color: #797995 !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 500; 
}
.lastmonth_con1 { font-size:35px !important;
    color: #000 !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align:  left;
    font-weight: 700;
    width: 100%;
    display: inline-block; line-height:40px;
} 
.lastmonth_con3 {font-size: 13px !important;
    color: #797986 !important;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    text-align: left;
    font-weight: 500;  
}
.lastmonth_con3_span { font-size: 13px !important;
    color: #797995 !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 500; 
}
.expense_icons { position:absolute; right:25px; margin:0px 0px 0px 0px;}
.expense_icons1 {  width: 1.2rem;  height: 1.2rem;  color: var(--resort-primary);}
.expense_icons2 {  width: 1.2rem;  height: 1.2rem;  color: #797986;}
.tabsections{ margin:0px; padding:0px;}
.tabsections .nav-tabs { border-bottom: 0;  box-shadow: 0px 0px 0px #eaeaea;  background: #f4f4f6;  margin: 0;  padding: 5px 5px;
    border-radius: 8px;  position: relative;  width:  auto;  z-index: 50; 
	display: inline-flex;
}
.tabsections .nav-item { padding: 0px 0px; display: inline-flex;}
.tabsections .nav-link { font-weight: 600;  font-size: 13px;  letter-spacing: 0px;    padding:6px 10px 6px 10px; margin: 0px 2px 0px 0px;
    list-style: none;  cursor: pointer;  text-align: center;  color: #a5a5a5;  border: 0px !important;  width: 100%;  text-transform:  none; opacity: 1;
	display: inline-flex;
}
.tabsections .tab_content_sec1 {  margin-top: 8px !important; padding: 0px 0px 0px 0px;}
.id_no {   color: #1a9b8e !important ;   font-weight: 700;  }
.invoice_content { background: #fff; border-radius: 10px;
    width: 100%;
    position: relative;
    margin: 7px auto 0px auto;
	padding: 35px;
	border: 0px solid #e3e3e8;
    box-shadow: 0 9px 20px #d3d3d3;
}
.invoice_content1 { background: #fff; border-radius: 10px;
    width: 100%;
    position: relative;
    margin: 7px auto 0px auto;
	padding: 0px;
	border: 0px solid #e3e3e8;
    box-shadow: 0 9px 20px #d3d3d3;
}
.invoice_head_bg { background-image: linear-gradient(to right, #d847ef, #9c85f5); 
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    position: relative;
    margin: 7px auto 0px auto;
	padding: 0px;
	padding: 40px 35px 40px 35px;    
}
.invoice_content_sec {   width: 100%;
    position: relative;  margin: 0px auto 0px auto;
	padding: 35px 35px 35px 35px; 
}
.invoice_head { 
    font-size: 30px ;
    color:#9b87f5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    text-align:  left;
    font-weight: 700; line-height:30px;  
}
.invoice_head1 { 
    font-size: 38px ;
    color:#fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    text-align:  left;
    font-weight: 700; line-height:38px;  
}
.invoice_no { 
    font-size: 13px ;
    color:#767980;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 400;  
}
.invoice_no1 { 
    font-size: 13px ;
    color:#fff;
    margin: 0px 0px 0px 0px;
    padding: 7px 15px 7px 15px;
    text-align:  left;
    font-weight: 400;
	background: rgba(255, 255, 255, 0.3);
	 border-radius: 20px;
	  text-align:center; display:inline-block;
}
.invoice_company { 
    font-size:18px ; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align:   right;
    font-weight: 600;  
}
.invoice_company1 { 
    font-size:18px ;
    color:#fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align:   right;
    font-weight: 600;  
}
.invoice_address { 
    font-size: 13px ;
    color:#767980;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:   right;
    font-weight: 400;  
}
.invoice_address1 { 
    font-size: 13px ;
    color:#fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:   right;
    font-weight: 400;  
}
.invoice_br{  border-bottom:2px solid #9b87f5; margin:20px 0px 20px 0px; width:100%;}
.bill_sec { border-left:4px solid #0ea5e9;  
    background: #ebf8fd;
    border-radius: 10px;
    width: 100%;
    position: relative;
    margin: 0px auto 0px auto;
    padding: 0px;
    padding:20px; 
}
.bill_no { 
    font-size: 13px ;
    color:#767980;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 400;  
}
.bill_name { 
    font-size:16px ; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align:    left;
    font-weight: 600;  
}
.bill_address { font-size: 13px ;
    color:#767980;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:  left;
    font-weight: 400;  
}

.invoice_date { 
    font-size: 13px ;
    color:#767980;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align:  left;
    font-weight: 400;  
}
 
.invoice_date1 { 
    font-size:14px ;
    color:#1a1f2c;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align:    left;
    font-weight: 600;  
}
.invoice_date2 { 
    font-size: 13px ;
    color:#767980;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:   right;
    font-weight: 400;  
}
 
.invoice_date3 { 
    font-size:14px ; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    text-align:    right;
    font-weight: 600;  
}
.invoice_date4 { 
    font-size:14px ; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:    right;
    font-weight: 600;  
}

.invoice_th { width:100%; background: #9b87f5;
    border-radius: 5px; display:inline-block; margin:15px 0px 0px 0px; padding:6px 10px 6px 10px; color:#fff; font-size:12px; text-transform:uppercase;
} 
.invoice_th1 { width:100%; background: #d946ef;
    border-radius: 5px 5px 0px 0px ; display:inline-block; margin:25px 0px 0px 0px; padding:12px 10px 12px 10px; color:#fff; font-size:13px; text-transform:uppercase; font-weight:600;
} 
.invoice_td { width:100%; background: #fff;
    border-radius: 0px; display:inline-block; margin:3px 0px 0px 0px; padding:12px 10px 12px 10px;  font-size:13px; text-transform: none;
} 
.invoice_td1 { width:100%; background: #f5f5f5;
    border-radius: 0px; display:inline-block; margin:3px 0px 0px 0px; padding:12px 10px 12px 10px;  font-size:13px; text-transform: none;
} 
.td_right { text-align:right}
.td_service { font-weight:500;   text-align: left}
.td_amount { font-weight:500;   text-align:right}

.total_m { width: 60%;     float: right; }
.total_m1 { width: 70%;     float: right; background-image: linear-gradient(to right, #faf0fd, #eff5fd); padding:25px; margin:20px 0px 0px 0px; border-radius: 10px; }

.subtotal_sec { width:100%; display:inline-block; 	 }
.total_sec { width:100%; display:inline-block; border-top:1px solid #6e59a5; padding:15px 0px 0px 0px;	 }
.total_sec1 { width:100%; display:inline-block; border-top:1px solid #ccc; padding:15px 0px 0px 0px;	 }
.invoice_total1 { float:left; width:50%;  text-align: left; }
.invoice_total2 { float:left; width:50%; text-align: right;	
}
.subtotal_con { 
    font-size:13px ;
    color:var(--resort-text-light);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-weight: 500; 
}
.subtotal_con1 { 
    font-size:13px ;
    color:var(--resort-text-dark);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-weight: 500; 
}

.tottal_con { 
    font-size:16px ;
    color:var(--resort-primary);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 600; 
}

.tottal_con2 { 
    font-size:16px ;
    color:var(--resort-primary);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 600; 
}
.saveicon {
    width: 1rem;
    height: 1rem;
}
.subscription_total {
    display: inline-flex;
    margin: 20px 15px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    text-transform: none;
    text-align: center;
    position: absolute;
    right: 0px;
    font-size: 13px;
    color: var(--resort-text-medium);
    text-align: right;
}
.associate {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size:12px;
    font-weight: 400;
    color: var(--resort-text-medium);
    letter-spacing: 0em;
    text-transform: none;
	font-style:italic; line-height:12px;
}
 .tax_exclusive{display: flex;
    float:  left;
    margin: 16px 0px 0px 0px;  
    font-size: 12px;
    text-transform:  none; text-align: right;
	font-size: 13px;
    font-weight: 600 !important;
    color: var(--resort-text-light); 
}
.tax_exclusive span{display: flex;
    float: left;
    margin: 0px 15px 0px 0px;   
}
.tables_scroll{  scrollbar-width: none;  scrollbar-color: #333 ;}
.tables_scroll::-webkit-scrollbar {width: 0px; height: 0px;}
.tables_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tables_scroll::-webkit-scrollbar-thumb {background: none ; }
.tables_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.tables_scroll::-webkit-scrollbar-corner, .reviews_scroll::-webkit-scrollbar-track { background: none ; }
[class^=tables_scroll] { width:100%; overflow-y: hidden;overflow-x: hidden;}
.tables_scroll{     width: 100%;     
     overflow-x: hidden;   overflow-x: scroll; 
	background: var(--resort-white);	border-radius: 8px;	 position: relative;
	  z-index: 50;
} 

.tables_scrolln{  scrollbar-width: thin;  scrollbar-color: #333 ;}
.tables_scrolln::-webkit-scrollbar {width: 0px; height: 0px;}
.tables_scrolln::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tables_scrolln::-webkit-scrollbar-thumb {background: none ; }
.tables_scrolln::-webkit-scrollbar-thumb:hover { background: none ; }
.tables_scrolln::-webkit-scrollbar-corner, .reviews_scroll::-webkit-scrollbar-track { background: none ; }
[class^=tables_scrolln] { width:100%; overflow-y: hidden;overflow-x: hidden;}
.tables_scrolln{     width: 100%;     
     overflow-x: hidden;   overflow-x: scroll; 
	background: var(--resort-white);	border-radius: 8px;	 position: relative;
	  z-index: 50;
} 
.status_active {
    background-color: var(--resort-white);
    width: 100%;
    border: 1px solid var(--resort-border);
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 12px 15px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 0px 0px var(--resort-shadow);
    position: relative;
}
.status_active:hover {
    background-color: var(--resort-bg); 
    border: 1px solid var(--resort-border-light); 
}
.status_active1 {
    background-color: var(--resort-bg);
    width: 100%;
    border: 1px solid var(--resort-border);
    margin: 0px 0px 0px 0px;
    padding: 12px 15px 12px 15px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 0px 0px var(--resort-shadow);
    position: relative;
}
.status_active1:hover {
    background-color: var(--resort-bg); 
    border: 1px solid var(--resort-border-light); 
}
.status_active_sec {float: left;
    font-size: 14px !important;
    color: var(--resort-black) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 500;
}
.status_active_head {margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: var(--resort-text-dark);
    letter-spacing: 0em;
    text-transform: none;
}
.status_active_con {margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: var(--resort-text-light);
    letter-spacing: 0em;
    text-transform: none;
}
.status_active_toogle{ float:right;}
.plus_icons1 { width: 1rem; height: 1rem; margin:0px 15px 0px 0px;}
.expenses_icons  { width: 1rem;  height: 1rem; margin:0px 10px 0px 0px; }
.reports_bg {  width: 100%;  display: inline-block;  margin: 40px 0px 0px 0px;  padding: 40px 15px 40px 15px;  position:  relative; 
background-image: var(--resort-primary-gradient-light); border-radius: 10px;}
.reports_icon_bg {
    background: var(--resort-primary-light-bg);
    width: 90px;
    height: 90px;
    border-radius: 50px;
    margin: 0px auto 40px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    line-height: 90px;
}
.reports_icon { height:2.5rem;  width: 2.5rem; color:var(--resort-primary);}
.reports_sec {  background-color: var(--resort-white);  width: 100%;  border: 0px solid var(--resort-border) !important;
    margin: 20px 0px 0px 0px;    padding: 0px;    border-radius: 0px;
    display: inline-block;  position:relative;	box-shadow: 0 0px 0px var(--resort-shadow); 
}
.reports_sec_icon {
    width:50px;
    height: 50px;
    float: left;
    background-image: var(--resort-primary-gradient-light);
    border-radius: 10px;
    text-align: center;
    line-height:50px;
    padding: 0px;
    margin: 0px 15px 0px 0px;
}
.reports_icons {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--resort-primary);
    margin: 0px 0px 0px 0px;
}
.reports_top {
    font-size: 21px !important;
    color: var(--resort-black) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 500; width:100% ; display:inline-block;
}
.reports_head_sec{ float:left;
}
.reports_heading {
    font-size: 21px !important;
    color: var(--resort-black) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 700;  
}
.reports_head_con {
    font-size: 13px !important;
    color: var(--resort-text-light) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 400;  
}
 
.reports_box{  background-color: var(--resort-white);  width: 100%;	border:1px solid var(--resort-border);  margin: 20px 0px  0px 0px;
    padding: 23px;  border-radius: 10px;   display: inline-block; 
    box-shadow: 0 0px 0px var(--resort-shadow); 	position:relative; min-height:125px;
}
.reports_box:hover{  background-color: var(--resort-primary-active-bg);  width: 100%;border:1px solid var(--resort-primary-light);  margin: 20px 0px  0px 0px;
    padding: 23px;  border-radius: 10px;  display: inline-block;  box-shadow: 0 0px 0px var(--resort-shadow);position:relative;
}
.reports_con_sec {   margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; float:left; width: 85%;}
.reports_con {   margin: 0px 0px 12px 0px;  padding: 0px 0px 0px 0px; }
.reports_con a {  font-size: 15px ; color: var(--resort-text-dark) ;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  text-align: left; font-weight: 600; }
.reports_con a:hover { color: var(--resort-primary) ;  text-decoration:underline}
.reports_con span{width: 7px;
    height: 7px;
    background: var(--resort-primary);
    border-radius: 50px;
    display: inline-flex;
    margin: 0px 7px 0px 0px;
    line-height: 8px;
	 }
.reports_con1 {
    font-size: 13px !important;
    color: var(--resort-text-light) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 400;  
}
.reports_star { font-size: 21px ;  color: var(--resort-primary) ;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  text-align: left; font-weight: 500;float: right;}
.star { width: 1rem; height: 1rem; cursor:pointer;}
.star:hover { width: 1rem; height: 1rem; fill:var(--resort-primary);}
.fill-primary { fill:var(--resort-primary);}
.flex {display: flex;}
.flex-1 {flex: 1 1 0%;}

.mobile_app_bg{ width:375px; margin:0px auto; padding:10px; background:var(--resort-bg); border-radius: 3rem; position:relative; box-shadow: 0 10px 35px var(--resort-shadow);}
.mobile_app_bg1{ width:100%; margin:0px auto; padding:0px 0px 15px 0px; background:var(--resort-white); border-radius: 3rem; position:relative;  }

.mobile_app_top{ width:100%; margin:0px auto; padding: 10px 15px 2px 15px; display:inline-block; }
.mobile_time{ width:50%; margin:0px auto; padding: 7px 0px 0px 10px; float:left; font-size:12px; color:var(--resort-black); }
.mobile_app_cion{ width:50%; margin:0px auto; padding: 0px 5px 0px 0px; float:right; text-align:right;}

.mobile_app_head_bg {background-image: var(--resort-primary-gradient) ; 
    border-radius: 0px;
    width: 100%;
    position: relative;
    margin: 0px auto 0px auto;
    padding: 0px;
    padding: 20px 15px 20px 15px;
	
}

.mobile_header { width:100%; display:inline-block; }
 
.mobile_name_icon { width:42px; height:42px;  
    font-size: 18px;
    color: var(--resort-white);
    margin: 0px 10px 0px 0px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
	border:1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px; line-height:42px;
    text-align: center; float:left;
}
.mobile_app_heads_s{ width:53%; float:left;}
.mobile_top_right{ width:30%; float: right;}
.mobile_app_heads {
    font-size: 12px;
    color: var(--resort-primary-text);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 400; 
}
.mobile_app_heads1 {
    font-size: 13px;
    color: var(--resort-white);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    text-align: left;
    font-weight: 500; 
}
.mobile_app_head_bg1 { width:100%; display:inline-block;
    font-size: 13px;
    color: var(--resort-white);
    margin: 0px 0px 0px 0px;
    padding: 12px 15px 15px 15px;
    text-align: left;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.1);
	border:1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    text-align: center; 
}
.mobile_seach_icon { width:38px; height:38px; position:relative;
    font-size: 18px;
    color: var(--resort-white);
    margin: 0px 0px 0px 6px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
	border:0px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px; line-height:38px;
    text-align: center; float: right;
}
.mobile_seach_icon:hover { cursor:pointer;
    background: rgba(255, 255, 255, 0.3);
	border:0px solid rgba(255, 255, 255, 0.2); 
}
.mobile_top_icon {  width: 1rem; height: 1rem;
}
.mobile_badge {
    position: absolute;
    top:5px !important;
    background: var(--resort-secondary);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    color: var(--resort-white);
    line-height: 14px;
    margin: 0px 0px 0px 23px; border:1px solid var(--resort-white);
}
.mobile_dash_left {
    width: 70%;
    float: left;
}
.mobile_dash_right { 
    width:70px;
    float:  right;
}
.mobile_dash_con1 {
    font-size: 14px !important;
    color: var(--resort-white) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 7px 0px;
    text-align: left;
    font-weight: 500;
    width: 100%;
    display: inline-block;
}
.mobile_dash_con2 {
    font-size: 28px !important;
    color: var(--resort-white) !important;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 7px 0px;
    text-align: left;
    font-weight: 800;
    width: 100%;
    display: inline-block;
}
.mobile_dash_con3 {border-top:1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px !important;
    color: var(--resort-white) !important;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: left;
    font-weight: 500;
    width: 100%; display:inline-block;
}
.mobile_plus_icon{ position:absolute; bottom:90px; margin:0px; right:15px;
    background-image: var(--resort-primary-gradient);
    border-radius: 0px;
    width: 60px;
    height: 60px; 
    margin: 0px auto 0px auto;
    padding: 0;
    border-radius: 10px;
    text-align: center;
    color: var(--resort-white);
    line-height: 60px;
	transition: width .5s, height .5s, background-color .5s, transform .5s; 
}
.mobile_plus_icon:hover{transform: scale(1.1);
    background-image: var(--resort-primary-gradient-reverse); 
	 
	
}
.plusicon { width: 1.5rem; height: 1.5rem; margin:0px 0px 0px 0px;  transition: width .3s, height .3s, background-color .3s, transform .3s;   } 
.mobile_plus_icon:hover .plusicon { width: 1.7rem; height: 1.7rem; margin:0px 0px 0px 0px;  transform: rotate(90deg); } 

.increse { width: 1rem; height: 1rem; margin:0px 7px 0px 0px;   }  
.mobile_dash_icon_bg1 {width: 100%;
    display: inline-block;
    font-size: 13px;
    color: var(--resort-white);
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px; 
    font-weight: 400;
    background: rgba(255, 255, 255, 0.1);
    border: 0px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    text-align: center;
}
 
.mobile_app_con_bg{ scrollbar-width: none; scrollbar-color: #333 ;}
.mobile_app_con_bg::-webkit-scrollbar {width: 0px;  height: 0px;}
.mobile_app_con_bg::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.mobile_app_con_bg::-webkit-scrollbar-thumb { background: none ; }
.mobile_app_con_bg::-webkit-scrollbar-thumb:hover { background: none ; }
.mobile_app_con_bg::-webkit-scrollbar-corner, .mobile_app_con_bg::-webkit-scrollbar-track { background: none ; } 
[class^=mobile_app_con_bg] {height: 400px; overflow-y: scroll; overflow-x: hidden;}
[class^=mobile_app_con_bg]  { padding: 0rem;  overflow-x: hidden;} 
 
.mobile_app_con_bg {width: 100%;   position: relative; margin: 0px auto 0px auto; 
    padding: 15px 15px 75px 15px;
	height: 550px;
	overflow: auto; 
	-webkit-overflow-scrolling: touch; 
	    overflow-x: hidden;
		scrollbar-width: none;
}  
 
.mobile_box {
    background-color: var(--resort-white);
    width: 100%;
    border: 1px solid var(--resort-border-light);
    margin: 0px 0px 20px 0px;
    padding: 25px 9px 20px 9px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 5px 10px var(--resort-shadow);
	transition: width .5s, height .5s, background-color .5s, transform .5s;
} 
.mobile_box:hover {transform: scale(1.1);
    background-color: var(--resort-secondary-light-bg); 
}
.mobile_box1 {
    background-color: var(--resort-white);
    width: 100%;
    border: 1px solid var(--resort-border-light);
    margin: 0px 0px 20px 0px;
    padding: 25px 9px 20px 9px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 5px 10px var(--resort-shadow);
	transition: width .5s, height .5s, background-color .5s, transform .5s;
} 
.mobile_box1:hover {transform: scale(1.1);
    background-color: var(--resort-primary-active-bg); 
}

.mobile_box2 {
    background-color: var(--resort-white);
    width: 100%;
    border: 1px solid var(--resort-border-light);
    margin: 0px 0px 20px 0px;
    padding: 25px 9px 20px 9px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 5px 10px var(--resort-shadow);
	transition: width .5s, height .5s, background-color .5s, transform .5s;
} 
.mobile_box2:hover {transform: scale(1.1);
    background-color: var(--resort-accent-light-bg); 
}


.mobile_box_con1 {
    font-size: 12px !important;
    color: var(--resort-text-light) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 500;
    width: 100%;
    display: inline-block;
}
.mobile_box_con2 {
    font-size: 18px !important;
    color: var(--resort-text-dark) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 800;
    width: 100%;
    display: inline-block;
}
.mobile_title {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: var(--resort-text-dark);
    letter-spacing: 0em;
    text-transform: none;
    line-height: 40px;
}
.seeall { position:absolute; z-index: 500;  right: 15px;   margin:  12px 0px 0px 0px;    font-size: 12px; text-transform:  none; text-align:center;} 
.seeall a {   padding:  0px 0px 0px 0px;   font-size: 12px;  font-weight: 500 !important;
    color: var(--resort-primary);	   margin: 0px 0px 0px 0px;    	text-align: center;   
}
.seeall a:hover {  color: var(--resort-primary); text-decoration:underline;}
.quick_ation_m{background : var(--resort-white) ; width:25%; float:left;  
    border-radius: 10px;
    position: relative;
    margin: 0px auto 0px auto; 
    padding:10px;
    text-align:center;
	color:var(--resort-white);  
	
}
.quick_ation_m:hover{background : var(--resort-bg) ; position: relative; }
.quick_ation1{background-image: var(--resort-primary-gradient) ; 
    border-radius: 0px; width:60px; height:60px; 
    position: relative;
    margin: 0px auto 0px auto; 
    padding:0;
	border-radius: 10px; text-align:center;
	color:#fff; line-height:55px; 
	transition: width .5s, height .5s, background-color .5s, transform .5s;
}
.quick_ation1:hover{  transform: scale(1.1);
}
.quick_ation2{background-image: linear-gradient(to bottom right, #3583ee, #0f8fbb) ; 
    width:60px; height:60px; 
    position: relative;
    margin: 0px auto 0px auto; 
    padding:0;
	border-radius: 10px; text-align:center;
	color:#fff; line-height:55px;
	transition: width .5s, height .5s, background-color .5s, transform .5s;
	
}
.quick_ation2:hover{ transform: scale(1.1);
}
.quick_ation3{background-image: linear-gradient(to bottom right, #1ebf5f, #089b68) ; 
    width:60px; height:60px; 
    position: relative;
    margin: 0px auto 0px auto; 
    padding:0;
	border-radius: 10px; text-align:center;
	color:#fff; line-height:55px;
	transition: width .5s, height .5s, background-color .5s, transform .5s;
	
}
.quick_ation3:hover{  transform: scale(1.1);
}
.quick_ation4{background-image: linear-gradient(to bottom right, #f56918, #df2f24) ; 
    width:60px; height:60px; 
    position: relative;
    margin: 0px auto 0px auto; 
    padding:0;
	border-radius: 10px; text-align:center;
	color:#fff; line-height:55px;
	transition: width .5s, height .5s, background-color .5s, transform .5s;
	
}
.quick_ation4:hover{  transform: scale(1.1);
}
.quick_icons{ width: 1.5rem; height: 1.5rem; transition: width .5s, height .5s, background-color .5s, transform .5s;}
.quick_ation1:hover .quick_icons { width: 1.65rem; height: 1.65rem;}
.quick_ation2:hover .quick_icons { width: 1.65rem; height: 1.65rem;}
.quick_ation3:hover .quick_icons { width: 1.65rem; height: 1.65rem;}
.quick_ation4:hover .quick_icons { width: 1.65rem; height: 1.65rem;}

.quick_con{font-size: 11px !important;
    color: var(--resort-text-light) !important;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 0px 0px;
    text-align: left;
    font-weight: 500;
    width: 100%; text-align:center;
	
}
.recent_mobile {
    width: 100%;
    padding: 15px;
    background: var(--resort-white);
    border: 1px solid var(--resort-border);
    border-radius: 10px;
    margin: 0px 0px 3px 0px;
    display: inline-block;
}
.recent_mobile:hover { background-image: linear-gradient(to right, var(--resort-white), var(--resort-primary-active-bg), var(--resort-white));  border: 1px solid var(--resort-primary-light);  box-shadow: 0 10px 15px var(--resort-shadow);  
 
}

.recent_mobile_icon {
    float: left;
    width: 50px;
    height: 50px;
    color: var(--resort-primary);
    font-size: 15px;
    font-weight: 700;
    background: var(--resort-primary-light-bg);
    border-radius: 10px;
    text-align: center;
    line-height: 50px;
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 0px 0px;
	transition: width .3s, height .3s, background-color .3s, transform .3s;
}
.recent_mobile:hover .recent_mobile_icon {transform: scale(1.1);
}
.recent_mobile_icons { height:1.25rem; width: 1.25rem;}
.recent_mobile_con_sec { float: left; width: 55%;}
.recent_mobile_cont1 {
    font-size: 14px !important;
    color: var(--resort-text-dark) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align: left;
    font-weight: 600;
}
.recent_mobile_cont2 {
    font-size: 15px !important;
    color: var(--resort-text-dark) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 600;
    float: right; text-align:right;
	}
.recent_mobile_date {
    font-size: 13px !important;
    color: var(--resort-text-medium) !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    text-align: left;
    font-weight: 400;
}
.recent_mobile_right {
    float: right;
    width: 20%;
}
.mobile_paid {
    background: var(--resort-primary-active-bg);
    border: 0px solid var(--resort-primary-light);
    display: inline-block;
    font-size: 11px !important;
    color: var(--resort-primary) !important;
    margin: 4px auto 0px auto;
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-weight: 500;
    border-radius: 10px;
    line-height: 12px;
    height: 24px;
    float: right;
}

 

.mobile_footer { position:  absolute; bottom: 0;  z-index: 1000; width: 100%;
    padding: 5px 15px 10px 15px; border-top:1px solid var(--resort-border-light); background:var(--resort-white);  border-radius: 0rem 0rem 3rem 3rem ;
	}  
.mobile_footer ul { margin:0; padding:0}
.mobile_footer li { float:left; width:20%; list-style:none; text-align:center;  font-weight:600; text-transform: none;}
.mobile_footer li a {  width: 100%;display: inline-block;color: var(--resort-text-light); background:var(--resort-white); border-radius:10px; padding:10px 0px 10px 0px;  font-size: 11px;font-weight: 500;} 
.mobile_footer li a:hover { color:var(--resort-primary); background:var(--resort-primary-active-bg);  }
.mobile_footer .fa { font-size:18px; padding:0 0 5px} 
.mobile_footer span {float:right; color:#74b94e; position:relative; margin:-15px -2px 0 0}
.mobile_footer img { margin: 0 auto; text-align: center;  margin-bottom: 6px;  width: 23px;}
.footer_icon { padding:0px 0px 7px 0px; margin:0px;}
.footer_icons { width: 1.3rem; height: 1.3rem;}
.invoicerows { display: none;}
.arrow_right{width: 1.3rem; height: 1.3rem; color:var(--resort-text-medium);}
.palette{width: 1rem; height: 1rem; color:var(--resort-text-light);}
.search_btn {
    margin: 0px;
    padding: 10px 15px !important;
    color: var(--resort-black) !important;
    border-radius: 10px;
    font-size: 14px !important;
    background: var(--resort-bg) !important;
    border: 0px solid var(--resort-border) !important;
    text-transform: uppercase;
    min-height: 30px;
}
.section_table .dropdown {
    position: relative;
    display: inline-block;
    width: 100%; margin:0px !important;
    padding: 0px !important;
	height: auto !important;
}
.section_table .dropdown:hover{color: var(--resort-white)  !important; background: none !important;  }  
.dropdown {   position: relative;  display: inline-block;     }
.dropdown input { width: 100%; padding: 8px; box-sizing: border-box;}
.dropdown-content {  display: none;  position: absolute;   background: var(--resort-white);   width: 100%;
      max-height: 150px;  overflow-y: auto;  border: 1px solid var(--resort-border);  z-index: 999; font-size:13px;
	   scrollbar-width: thin;  scrollbar-color: var(--resort-text-dark) ;
	   text-align: left; color:var(--resort-black);
    }
.dropdown-content div { padding: 8px;  cursor: pointer; }
.dropdown-content div:hover { background: var(--resort-hover-light); }
.comingsoon {font-style: normal;
    background: var(--resort-success-light-bg);
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: normal;
    color: var(--resort-black);
}

.wrap {
    width: 100%; 
    margin: 0 auto;
    padding:0px; 
    border-radius:0px;
    box-shadow: 0 0px 0px rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.6);
  }

  /* Scroll container: horizontal scroll enabled */
  .hscroll {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding:0px;
    /* show nice overscroll on touch devices */
    -webkit-overflow-scrolling: touch;
	    opacity: 1 !important;
  }
  .hscroll_cl {
    display: flex;
    gap: 0px  !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding:0px;
    /* show nice overscroll on touch devices */
    -webkit-overflow-scrolling: touch;
	    opacity: 1 !important;
  }
 
  .hscroll::-webkit-scrollbar { height: 0; }
 
  .hscroll { scrollbar-width: none; -ms-overflow-style: none; } 
  .item {
    flex: 0 0 auto;
    padding: 10px 20px;
    border-radius: 24px;
    background: var(--resort-bg);
    color: var(--resort-text-dark);
    font-weight: 600;
    white-space: nowrap; 
	    opacity: 1 !important;
  }
  .item.active { background: var(--resort-primary); color: var(--resort-white); }

 
  .hscroll.dragging { cursor: grabbing; cursor: -webkit-grabbing; user-select: none; }
  .hscroll { cursor: grab; cursor: -webkit-grab; }
  
  
.items{  flex: 0 0 auto;} 
.items5 {
    width: 14.28%;
    flex: 0 0 auto;
    color: var(--resort-text-dark);
    font-weight: 600;
    white-space: nowrap; 
}
.items6 {
    width: 14.28%;
    flex: 0 0 auto;
    color: var(--resort-text-dark);
    font-weight: 600;
    white-space: nowrap;
	position: relative;
	 float:left;
}
.items_mob{ float:left;
    width: 48%;
    flex: 0 0 auto;
    color: var(--resort-text-dark);
    font-weight: 600;
    white-space: nowrap;
	margin:20px 0px 0px 1%;
	border-left: 1px solid var(--resort-border-dark);
	border-bottom: 1px solid var(--resort-border-dark);
}

.icon_clr1 { background: var(--resort-success); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr2 { background: var(--resort-primary); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr3 { background: var(--resort-info); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr4 { background: var(--resort-danger); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr5 { background: var(--resort-warning); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr6 { background: var(--resort-success); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr7 { background: var(--resort-secondary); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr8 { background: var(--resort-accent); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr9 { background: var(--resort-accent-dark); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr10 {background: var(--resort-secondary-light); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr11 {background: var(--resort-primary); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}
.icon_clr12 {background: var(--resort-success-dark); width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: var(--resort-white); text-align: center; line-height: 35px;}

.dairy_th {
    width: 100%;
    background: var(--resort-white);
    display: inline-block;
    border-radius: 50px;
    FONT-WEIGHT: 500;
    padding: 8px 8px 8px 8px;
	border:1px solid var(--resort-border);
}
.dairy_th:hover {
    background: var(--resort-primary-active-bg) ; 
	border:1px solid var(--resort-primary) ;
}
.name_active { 
    background: var(--resort-primary-active-bg) !important; 
	border:1px solid var(--resort-primary) !important;
}
.week_image {
    width: 36px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.week_name { float:left;
    text-align: left;
    font-size: 14px;
	font-weight:600;
    padding: 7px 15px 0px 0px;
	margin:0px 0px 0px 12px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
.week_image img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}
.dairy_date_sec {
    margin: 0px 0px 0px 0px;
    background: var(--resort-bg);
    box-shadow: 0px 0px 0px var(--resort-border);
    display: inline-block;
    padding: 3px 0px 3px 0px;
    position: relative;
    z-index: 500;
    width: 100%;
    float: left;
    height: 55px;
}
.dairy_sec {
    margin: 0px 0px 0px 0px;
    background: var(--resort-white);
    display: inline-block;
    width: 100%;
	position:relative;
}

.cal_arrwos{ width:100px;
    position: absolute; right:15px;
    margin: -47px 0px 0px 0px;
}
.list_names_l {
    float: left;
    text-align: center;
    color: var(--resort-white);
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    width: 40px;
    border: 1px solid var(--resort-border);
    border-radius: 7px;
    height: 40px;
    line-height: 36px;
    text-align: center;
}
.list_names_r {
    float:  right;
    text-align: center;
    color: var(--resort-white);
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    width: 40px;
    border: 1px solid var(--resort-border);
    border-radius: 7px;
    height: 40px;
    line-height: 36px;
    text-align: center;
}
.dairy_l {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 55px;
    float: left;
    text-align: center;
}
.h-17 {
    min-height: 72px;
    padding: 14px 0px 9px 0px;
}
.h-50 { min-height:50px;} 
.h-55 { height:55px;} 
.h-60 { height:75px;} 
.h-75 { height:75px;} 
.h-80 { height:80px;} 

.dairy_time {
    margin: 0px;
    padding: 0px;
    text-align: center; 
    border-top: 0px;
    border-bottom: 1px solid var(--resort-border-dark);
    border-right: 1px solid var(--resort-border-dark);
	 line-height:57px;
	 
}
.dairy_time_m {
    font-size: 12px;
    color: var(--resort-black);   
	
}
.dairy_time_s {
    font-size: 12px;
    color: var(--resort-text-light);
}

.dairy_r {
    margin: 0px;
    padding: 0px;
    width: 94.5%;
    float: left;
    text-align: center;
}
.work_hol_m {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    float: left;
	position: relative;
}
.week_dates{background:var(--resort-bg); border-top: 1px solid var(--resort-border-dark);  border-right: 1px solid var(--resort-border-dark);  border-bottom: 0px solid var(--resort-border-dark);}
.dates_active{background:var(--resort-primary-active-bg) !important; }

.week_dates_con{
    text-align: center;
    font-size: 14px;
    color: var(--resort-black);
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: bold; 
    margin: 3px 0px 5px 0px;
}
.week_dates_con1{
    text-align: center;
    font-size: 12px;
    color: var(--resort-text-medium);
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    text-transform:  none;
    font-weight: normal; 
    margin: 0px 0px 0px 0px;
}

.holiday_list {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    background: var(--resort-white);
    width: 100%; 
    text-align: right;
    line-height: 22px; 
    border-top: 0px;
    font-size: 10px;
    color: var(--resort-text-light);
    border-bottom: 1px solid var(--resort-border-dark);
    border-right: 1px solid var(--resort-border-dark);
    position: relative; 
}
.weeks_sec_td_gry {
    height: 30px;
    width: 100%;
    border-left: 0px solid var(--resort-border-dark) !important;
    text-align: left !important;
    padding-left: 0px !important;
    touch-action: pan-y;
    position: relative;
    background-size: 8px 8px;
    background-image: linear-gradient(45deg, transparent 46%, var(--resort-border) 49%, var(--resort-border) 51%, transparent 55%);
    background-color: var(--resort-bg);
    transition-timing-function: ease-in-out;
}
.weeks_sec_td_cl0 {
    background-color: var(--resort-primary);
    border: 0px solid var(--resort-primary-light);
    border-left: 0px solid var(--resort-primary);
    text-align: left !important;
    padding: 3px 3px 6px 3px ;
    z-index: 500;
    position: relative;
    resize: vertical;
    overflow: hidden;
	    border-radius: 7px
		
}
.week_dr_names {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: var(--resort-white);
    border-radius: 5px;
    font-size: 12px;
    text-transform: none;
    line-height: 20px;
    font-weight: 500;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.week_dr_time {
    margin: 0px;
    padding: 1px 5px 0px 5px;
    color: var(--resort-white);
    border-radius: 5px;
    font-size: 10px;
    text-transform: none;
    line-height: 12px;
    font-weight: 600;
    height: 100%;
}
.week_height60 {
    height: 60px;
}
.week_percent100 {
    width: 100%;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.cal_top_sec{ position:absolute; width:100%; margin:0px; padding:0px;
	display: flex;
    gap: 0px !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding: 0px;
    -webkit-overflow-scrolling: touch;
    opacity: 1 !important;
	border-bottom: 1px solid var(--resort-border-dark);
	z-index: 10;
	}
	

.week_time {
    background: var(--resort-white);
	border-top: 1px solid var(--resort-border); 
    border-right: 1px solid var(--resort-border); 
    text-align: left;
    padding: 23px 0px 0px 12px;
    font-size: 14px;
    color: var(--resort-text-medium);
}
.week_time1 {
    background: var(--resort-white);
    border-right: 1px solid var(--resort-border); 
    text-align: left;
    padding: 29px 0px 0px 12px;
    font-size: 12px;
    color: var(--resort-text-medium);
}
.items7 {
    width:5%;
    flex: 0 0 auto;
    color: #111827;
    font-weight: 600;
    white-space: nowrap;
    position: relative;
    float: left;
}	
.calender_r { width: 95%;float: left;   position: relative;}
.cal_con_sec_m{ position: relative; width:100%; margin:73px 0px 0px 0px; padding:0px; 
height: calc(100vh - 400px);  overflow-x: hidden;     -webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
.cal_con_sec_m1{ position: relative; width:100%; margin:73px 0px 0px 0px; padding:0px; 
height: 300px;     overflow-x: hidden;     -webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
	
.cal_con_sec{ position: relative; width:100%; margin:0px; padding:0px;
	display: flex;
    gap: 0px !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding: 0px;
    -webkit-overflow-scrolling: touch;
    opacity: 1 !important;
	border-bottom: 1px solid var(--resort-border);
	z-index: 10;
	}
.cal_list {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    background: var(--resort-white);
    width: 100%;
    text-align: right;
    line-height: 22px;
    border-top: 0px;
    font-size: 10px;
    color: var(--resort-text-light); 
    border-right: 1px solid var(--resort-border-dark);
    position: relative;
}
.cal_notification { background:var(--resort-success-light-bg);
    margin: 0px;
    padding: 0px 0px 00px 0px; 
    width: 25px;
	height:25px;
    text-align: center;
    line-height: 25px;
    border-top: 0px;
    font-size: 12px;
    color: var(--resort-success); 
    border-right: 1px solid var(--resort-border-dark);
    position:  absolute;
	 border-radius: 50%;
	 right:10px;
}
.cal_bottom{ float:left; margin:11px 0px 15px 15px; padding:0px; font-size:12px; color:var(--resort-text-medium);}

.mobile_sec{ width:100%; display:inline-block; margin: 0px ; padding:0px;}

.cal_mobile_top{
    position: absolute;
    width: 100%;
    margin: 0px;
    padding: 0px; 
}

.mobile_cal_con{ text-align:center}

.booked{ width:15px; height:15px; margin:3px 0px 0px 0px; border-radius: 5px; background:var(--resort-primary); border:1px solid var(--resort-primary); display: inline-table;}
.available { width:15px; height:15px; margin:3px 0px 0px 0px; border-radius: 5px; background:var(--resort-white); border:1px solid var(--resort-border); display: inline-table;}
.today{ width:15px; height:15px; margin:3px 0px 0px 0px; border-radius: 5px; background:var(--resort-primary-active-bg); border:1px solid var(--resort-primary-active-bg); display: inline-table;}

.cal_icon{ width:14px; color:var(--resort-white); height: 14px; }
.cal_icon_time{ position:absolute; right:10px;}

.invoice_view{ background: var(--resort-white); border-radius: 0px; 
    position: relative;
    margin: 7px auto 0px auto;
	padding: 35px;
	border: 0px solid var(--resort-border);
    /*box-shadow: 0 9px 20px var(--resort-shadow);*/
}
.a4-page {
  width: 210mm;
  background: var(--resort-white);
  margin: 20px auto;
  padding: 20mm;
  border:1px solid var(--resort-border);
  /*  height: 297mm;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
  box-sizing: border-box;
}

/* Print only A4 */
@page {
  size: A4;
  margin: 0;
}

@media print {
  body {
    background: none;
  }
  .a4-page {
    box-shadow: none;
    margin: 0;
  }
}


@media only screen and (max-width:1400px) {
.modal_contents {  height: 400px;}
.items7 { width:8%;}	
.calender_r{ width:92%;  }
}
@media only screen and (max-width:1024px) {
.tab{ display: block;}
.desk{ display: none;}
.logo_m { width: 166px;  padding: 6px 15px 2px 6px; } 
.table_bg { width: 1050px;}
.table_bg1 { width: 1050px;}
.a4-page { width: 100%; background: white;  margin: 0px auto;  padding:40px; }
.content_sec { padding: 0px 10px 25px 10px;}
.heading_bg { padding: 20px 0px 15px 0px;}
.create_new { margin: 10px 0px 0px 0px;}
.create_new a { padding: 10px 18px 10px 18px; font-size: 12px;}
}

@media only screen and (max-width:767px) {
.desk{ display: none;}
.mob{ display:  block;}
.logo_m { width: 140px; }
.dash_box { padding: 12px; }
.recent_invoices {padding: 10px;}
.recent_con_sec { float: left; width: 50%;}
.recent_no {width: 45px; height: 45px; font-size: 14px;  line-height: 45px;padding: 0px 0px 0px 0px; margin: 0px 9px 0px 0px;}
.pending1 { margin: 0px auto 0px auto; padding: 5px 10px 5px 10px; }
.recent_cont2 { font-size: 16px !important; margin: 0px 0px 0px 0px;padding: 7px 0px 0px 0px; } 
.receivabled_sec { margin: 0px 0px 18px 0px; }
.receivabled_sec1 {   margin:15px 0px 0px 0px; padding: 10px ; }
.receivabled_sec2 { margin: 15px 0px 0px 0px; }
.top_icons { margin: 1px 0px 0px 0px;}
.top-header .navbar .dropdown-menu {  width: 250px !important; }
.dropdown-menu[data-bs-popper] {width: 250px; margin: 0px 0px 0px 0px;}
.form_left { width: 83%;  float: left; margin: 0;}
.dropdown { margin: 10px 8px 0px 0px; height: 30px;  position: relative !important; }
.content_sec { margin: 7px 0px 0px 0px; padding: 0px 5px 25px 5px;}
.badge_top { position: absolute;  top: 5px !important; 	margin: 0px 0px 0px 23px;}
.page-title { font-size: 22px; line-height: 30px; }
.page-title1 {font-size: 22px; line-height: 30px; } 
.page-title2 {font-size: 22px; line-height: 30px; }
.page-title3 { font-size: 22px; line-height: 30px; }	
.section_table { padding: 10px;}

/* Filter bar mobile */
.filter-bar { padding: 10px; }
.filter-bar .col-sm-auto { flex: 0 0 auto; width: auto; }
.filter-grow { flex: 0 0 50% !important; max-width: 50%; }
.filter-actions { justify-content: stretch; }
.filter-actions .btn { flex: 1; text-align: center; padding: 8px 10px; }

.settings_con { font-size: 21px; }
.settings_box {  padding: 15px; }
.settings_box_cont { margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px;}
.settings_icons { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.settings_icons1 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.settings_icons2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.template_head { font-size: 21px; }
.heading_bg { padding: 15px 0px 10px 0px; }
.head_sec1 { float: none; width: 100%; margin: 0px 0px 5px 0px;}  
.back_btn { margin: 0px 10px 5px 0px; }
.create_new { float: none; width: 100%; margin: 8px 0px 0px 0px; }
.create_new a { padding: 10px 20px; font-size: 12px; width: 100%; justify-content: center; }
.save_bt { float: none; margin: 8px 0px 15px 0px; display: flex; flex-direction: column-reverse; gap: 8px; }
.save_btns, .save_btns1 { width: 100%; text-align: center; }
.acces_right { padding: 10px 12px; }
.acces_con { float: none; margin: 0px 0px 5px 0px; }
.acces_toogle { float: none; }
.section_invoices {  padding: 12px;  min-height: auto;}
.invoice_content_sec { margin: 7px auto 0px auto; padding: 12px;}
.reports_bg { margin: 25px 0px 0px 0px; padding: 20px 15px 15px 15px; }
.reports_icon_bg {  width: 80px; height: 80px; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; line-height: 80px;}
.reports_sec { margin: 15px 0px 0px 0px; padding: 0px;}
.reports_box { margin: 10px 0px 0px 0px;  padding: 15px 12px 15px 12px; line-height: 26px;   min-height: auto; }
.reports_con { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px;} 
.reports_con a { font-size: 14px; }
.page_con1 {padding: 0px 0px 20px 0px; font-size: 14px;}
.cal_arrwos {
    width: 100px;
    position: relative;
    right: 0px;
    margin: 5px 0px 0px 14px;
}
.week_dates {  border-radius: 14px 14px 0px 0px;}
.items_mob {border-radius: 14px 14px 0px 0px;}
.a4-page { padding:20px; }

/* Mobile card-style tables - REMOVED: replaced by dual-view pattern (desk/mob divs) */

/* ---- Mobile Card Components (used by mob views) ---- */
.mob-card {
    background: #fff;
    border: 1px solid var(--resort-border, #eee);
    border-radius: 12px;
    margin: 0 0 12px 0;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    overflow: hidden;
}
.mob-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    background: var(--resort-bg-table, #f8fafb);
    border-bottom: 1px solid var(--resort-border, #eee);
    gap: 8px;
}
.mob-card-header strong { font-size: 15px; color: var(--resort-text, #2c3e50); }
.mob-card-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
}
.mob-card-field {
    padding: 8px 14px;
    font-size: 13px;
    color: var(--resort-text, #333);
}
.mob-card-field.full {
    grid-column: 1 / -1;
}
.mob-card-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--resort-text-light, #999);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}
.mob-card-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 14px;
    border-top: 1px solid var(--resort-border, #f0f0f0);
    background: var(--resort-bg-table, #f8fafb);
    gap: 8px;
}
.mob-card-footer .edit_buttons1 {
    float: none;
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--resort-border, #eee);
}
.mob-card-footer .status-switch { vertical-align: middle; }
.mob-empty {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}
.mob-empty i { font-size: 48px; display: block; margin-bottom: 12px; }

/* ---- Mobile Room Card Layout (table → stacked cards) ---- */
#roomsTable thead { display: none; }
#roomsTable,
#roomsTable tbody { display: block; width: 100%; }
#roomsTable tr {
    display: block;
    background: #fff;
    border: 1px solid var(--resort-border, #eee);
    border-radius: 12px;
    margin: 0 0 12px 0;
    padding: 12px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
#roomsTable td {
    display: flex;
    align-items: center;
    padding: 6px 0;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
}
#roomsTable td:last-child {
    border-bottom: none !important;
    justify-content: flex-end;
    padding-top: 10px;
}
#roomsTable td::before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: 600;
    color: var(--resort-text-light, #999);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    min-width: 90px;
    flex-shrink: 0;
    padding-right: 8px;
}
#roomsTable td .form-control {
    flex: 1;
    min-width: 0;
}
#roomsTable td:last-child::before { display: none; }
.table-responsive { white-space: normal !important; }
}
@media only screen and (max-width:350px) {
	.form_left { width: 78%;  float: left; margin: 0;}
	.form_left2 {width: 78%;  float: left; margin: 0;}
 
}

/* ================================
   RESORT THEME COMPONENT STYLES
   ================================ */

/* Status badges */
.badge-active {
    background-color: var(--resort-success) !important;
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
}

.badge-inactive {
    background-color: var(--resort-text-light) !important;
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
}

/* Toggle Switch for Status */
.status-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.status-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.status-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--resort-border-dark);
    transition: .4s;
    border-radius: 24px;
}

.status-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .status-slider {
    background-color: var(--resort-primary);
}

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

/* Image preview styles */
.image-preview {
    max-width: 200px;
    max-height: 200px;
    border-radius: 8px;
    margin-top: 10px;
    border: 2px solid var(--resort-border);
}

.image-preview-round {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--resort-primary);
}

/* Icon preview box */
.icon-preview-box {
    width: 60px;
    height: 60px;
    border: 2px dashed var(--resort-primary);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--resort-icon-primary);
    margin-top: 10px;
    background-color: var(--resort-primary-active-bg);
}

/* Gallery item styles */
.gallery-item {
    position: relative;
    border: 1px solid var(--resort-border);
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    background-color: white;
}

.gallery-item-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 6px;
}

.gallery-item-actions {
    position: absolute;
    top: 15px;
    right: 15px;
}

.gallery-item-type {
    background-color: var(--resort-accent);
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    display: inline-block;
    margin-bottom: 5px;
}

/* Activity card styles */
.activity-card {
    border: 1px solid var(--resort-border);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: white;
}

.activity-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

/* Add item button */
.add-item-btn {
    background-color: var(--resort-secondary) !important;
    color: white !important;
    border: none;
    padding: 8px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.add-item-btn:hover {
    background-color: var(--resort-secondary-dark) !important;
}

/* Checkbox list for amenities */
.amenities-checkbox-list {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--resort-border);
    border-radius: 6px;
    padding: 15px;
}

.amenity-checkbox-item {
    padding: 8px 0;
    border-bottom: 1px solid var(--resort-border-light);
}

.amenity-checkbox-item:last-child {
    border-bottom: none;
}

.amenity-checkbox-item label {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.amenity-checkbox-item input[type="checkbox"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Map container */
.map-container {
    width: 100%;
    height: 300px;
    border: 1px solid var(--resort-border);
    border-radius: 8px;
    background-color: var(--resort-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--resort-text-light);
}

/* Video link preview */
.video-link-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--resort-border);
    border-radius: 6px;
    margin-bottom: 10px;
    background-color: white;
}

.video-link-icon {
    color: var(--resort-secondary);
    font-size: 24px;
    margin-right: 10px;
}

/* Upload area styling */
.upload-area {
    border: 2px dashed var(--resort-primary);
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    background-color: var(--resort-primary-active-bg);
    cursor: pointer;
    transition: all 0.3s ease;
}

.upload-area:hover {
    background-color: var(--resort-hover-light);
    border-color: var(--resort-primary-dark);
}

.upload-area i {
    font-size: 48px;
    color: var(--resort-icon-primary);
    margin-bottom: 10px;
}

/* Dimension input group */
.dimension-input-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dimension-input-group input {
    flex: 1;
}

.dimension-separator {
    color: var(--resort-text-light);
    font-weight: bold;
}

/* ================================
   BRANCH SELECTION STYLES
   ================================ */
.branch_selection {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px 0;
}

.branch_item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: var(--resort-bg-light);
    border: 1px solid var(--resort-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
}

.branch_item:hover {
    border-color: var(--resort-primary);
    background: var(--resort-bg-primary-light);
}

.branch_item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--resort-primary);
    cursor: pointer;
}

.branch_item input[type="checkbox"]:checked + label {
    color: var(--resort-primary);
    font-weight: 500;
}

.branch_item label {
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    color: var(--resort-text);
}

.branch_item:has(input[type="checkbox"]:checked) {
    border-color: var(--resort-primary);
    background: var(--resort-bg-primary-light);
    box-shadow: 0 2px 8px rgba(26, 155, 142, 0.15);
}

/* =============================================
   GALLERY CARD STYLES
   ============================================= */
.gallery-card {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    position: relative;
    transition: all 0.3s ease;
}

.gallery-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.gallery-card-media {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    background: #f0f0f0;
}

.gallery-card-footer {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;
    background: #f9f9f9;
}

.gallery-card-type {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--resort-primary);
    color: white;
    font-weight: 600;
}

.gallery-card-actions {
    display: flex;
    gap: 8px;
}

.gallery-card-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 4px;
    color: #666;
    transition: all 0.2s;
}

.gallery-card-btn:hover {
    background: #e0e0e0;
}

.gallery-card-btn.delete {
    color: #ff4444;
}

.gallery-card-btn.delete:hover {
    background: #ff4444;
    color: white;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px;
    margin-bottom: 30px;
}

/* Upload Zone Styles */
.upload-zone {
    border: 2px dashed var(--resort-primary);
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    background-color: #f0fffe;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.upload-zone:hover {
    background-color: #e0fcf8;
    border-color: var(--resort-secondary);
}

.upload-zone.drag-over {
    background-color: #e0fcf8;
    border-color: var(--resort-secondary);
}

/* Content Type Tabs */
.content-type-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 10px;
}

.content-type-tab {
    padding: 8px 16px;
    border: none;
    background: none;
    cursor: pointer;
    font-weight: 600;
    color: #999;
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
}

.content-type-tab.active {
    color: var(--resort-primary);
    border-bottom-color: var(--resort-primary);
}

.content-section {
    display: none;
}

.content-section.active {
    display: block;
}

/* =============================================
   ACTIVITY CARD STYLES
   ============================================= */
.activity-card {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.activity-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.activity-card-header,
.activity-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 15px;
    align-items: start;
    padding: 15px;
}

.activity-card-info,
.activity-info {
    padding: 15px;
    border-top: 1px solid #eee;
}

.activity-card-title,
.activity-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--resort-primary);
    margin: 0 0 8px 0;
}

.activity-card-desc {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.activity-type-badge {
    display: inline-block;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--resort-secondary);
    color: white;
    font-weight: 600;
    margin-bottom: 10px;
}

.activity-card-media,
.activity-media {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    background: #f0f0f0;
}

.activity-card-actions,
.activity-actions {
    display: flex;
    gap: 8px;
    padding: 15px;
    border-top: 1px solid #eee;
    background: #f9f9f9;
}

.activity-card-btn,
.activity-action-btn {
    flex: 1;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.activity-card-btn.edit,
.activity-action-btn.edit {
    background: var(--resort-primary);
    color: white;
}

.activity-card-btn.edit:hover,
.activity-action-btn.edit:hover {
    opacity: 0.9;
}

.activity-card-btn.delete,
.activity-action-btn.delete {
    background: #ff6b6b;
    color: white;
}

.activity-card-btn.delete:hover,
.activity-action-btn.delete:hover {
    background: #ff5252;
}

/* Form Section Styles */
.form-section {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.form-section h6 {
    color: var(--resort-primary);
    margin-bottom: 15px;
    font-weight: 600;
}

/* =============================================
   BOOTSTRAP 5 TAB STYLING FIX
   ============================================= */
.nav-tabs {
    border-bottom: 2px solid #e9ecef;
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 0 10px;
    flex-wrap: wrap;
}

.nav-tabs .nav-item {
    margin-bottom: -2px;
}

.nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #6c757d;
    font-weight: 600;
    font-size: 13px;
    padding: 12px 18px;
    margin-right: 5px;
    border-radius: 0;
    transition: all 0.3s ease;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
    color: var(--resort-primary);
    background: rgba(26, 155, 142, 0.05);
}

.nav-tabs .nav-link.active {
    color: var(--resort-primary);
    background-color: transparent;
    border-bottom: 3px solid var(--resort-primary);
}

.tab-content {
    background: #fff;
    border-radius: 0 0 8px 8px;
    padding: 0;
}

.tab-pane .section_table {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
}

/* =============================================
   AMENITY CHECKBOX STYLES
   ============================================= */
.amenity-checkbox {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.amenity-checkbox:hover {
    background: #e9ecef;
}

.amenity-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    accent-color: var(--resort-primary);
}

.amenity-checkbox.checked {
    background: rgba(26, 155, 142, 0.1);
    border: 1px solid var(--resort-primary);
}

.amenity-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 6px;
    margin-right: 12px;
    color: var(--resort-primary);
}

.amenity-name {
    flex: 1;
    font-weight: 500;
}

/* =============================================
   INVOICE PAGE STYLES
   ============================================= */
#backgroundArea {
    background-color: #ffffff;
    transition: background-color 0.2s ease;
}

/* =============================================
   INVOICE EMAIL TEMPLATE STYLES
   ============================================= */
.a4-page {
    width: 210mm;
    height: 297mm;
    background: white;
    margin: 20px auto;
    padding: 15mm;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Print only A4 */
@page {
    size: A4;
    margin: 0;
}

@media print {
    body {
        background: none;
    }
    .a4-page {
        box-shadow: none;
        margin: 0;
    }
}

/* ================================
   LOGIN PAGE STYLES
   ================================ */
.login-page {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, var(--resort-primary) 0%, var(--resort-primary-dark) 50%, #0d5a52 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 0;
}

.login-container {
    display: flex;
    max-width: 1000px;
    width: 100%;
    background: var(--resort-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.login-left {
    flex: 1;
    background: linear-gradient(135deg, var(--resort-primary) 0%, #0d5a52 100%);
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--resort-white);
    position: relative;
    overflow: hidden;
}

.login-left::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);
}

.login-left .logo {
    margin-bottom: 40px;
}

.login-left .logo img {
    height: 60px;
}

.login-left h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.login-left p {
    font-size: 16px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.login-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.login-features li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
}

.login-features li i {
    width: 24px;
    height: 24px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 12px;
}

.login-right {
    flex: 1;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-right h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--resort-primary);
    margin-bottom: 10px;
}

.login-right .subtitle {
    color: #666;
    margin-bottom: 30px;
    font-size: 14px;
}

.login-form .form-group {
    margin-bottom: 20px;
}

.login-form .form-group label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

.login-form .form-group .input-wrapper {
    position: relative;
}

.login-form .form-group .input-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.login-form .form-group input {
    width: 100%;
    padding: 14px 15px 14px 45px;
    border: 2px solid var(--resort-border);
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.3s;
}

.login-form .form-group input:focus {
    outline: none;
    border-color: var(--resort-primary);
    box-shadow: 0 0 0 4px rgba(26, 155, 142, 0.1);
}

.login-form .form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    font-size: 14px;
}

.login-form .form-options .remember {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
}

.login-form .form-options .remember input {
    width: 16px;
    height: 16px;
    accent-color: var(--resort-primary);
}

.login-form .form-options a {
    color: var(--resort-primary);
    text-decoration: none;
    font-weight: 500;
}

.login-form .form-options a:hover {
    text-decoration: underline;
}

.btn-login {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, var(--resort-primary) 0%, var(--resort-primary-dark) 100%);
    color: var(--resort-white);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-login:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(26, 155, 142, 0.3);
}

.login-right .signup-link {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
    color: #666;
}

.login-right .signup-link a {
    color: var(--resort-primary);
    font-weight: 600;
    text-decoration: none;
}

.login-right .signup-link a:hover {
    text-decoration: underline;
}

.login-right .divider {
    display: flex;
    align-items: center;
    margin: 25px 0;
    color: #999;
    font-size: 13px;
}

.login-right .divider::before,
.login-right .divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--resort-border);
}

.login-right .divider span {
    padding: 0 15px;
}

.demo-accounts {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 15px;
}

.demo-accounts h6 {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.demo-account-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--resort-white);
    border-radius: 6px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid var(--resort-border);
}

.demo-account-item:last-child {
    margin-bottom: 0;
}

.demo-account-item:hover {
    border-color: var(--resort-primary);
    background: rgba(26, 155, 142, 0.05);
}

.demo-account-item .role {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.demo-account-item .creds {
    font-size: 12px;
    color: #999;
}

@media (max-width: 768px) {
    .login-container {
        flex-direction: column;
    }
    
    .login-left {
        padding: 40px 30px;
    }
    
    .login-right {
        padding: 40px 30px;
    }
    
    .login-left h2 {
        font-size: 24px;
    }
}

/* ================================
   BRANCH SIGNUP PAGE STYLES
   ================================ */
.signup-page {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, var(--resort-primary) 0%, var(--resort-primary-dark) 50%, #0d5a52 100%);
    min-height: 100vh;
    padding: 20px 20px;
    margin: 0;
}

.signup-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.signup-header {
    text-align: center;
    margin-bottom: 15px;
}

.signup-header .logo img {
    height: 50px;
    margin-bottom: 10px;
}

.signup-header h1 {
    color: var(--resort-white);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
}

.signup-header p {
    color: rgba(255,255,255,0.85);
    font-size: 16px;
}

.signup-card {
    background: var(--resort-white);
    border-radius: 20px;
    overflow: visible;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.signup-steps {
    background: linear-gradient(135deg, var(--resort-primary) 0%, #0d5a52 100%);
    padding: 18px 30px;
    display: flex;
    justify-content: center;
    gap: 60px;
    border-radius: 20px 20px 0 0;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.6);
    position: relative;
}

.step-item.active {
    color: var(--resort-white);
}

.step-item.completed {
    color: rgba(255,255,255,0.9);
}

.step-item::after {
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    width: 30px;
    height: 2px;
    background: rgba(255,255,255,0.3);
}

.step-item:last-child::after {
    display: none;
}

.step-number {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}

.step-item.active .step-number {
    background: var(--resort-white);
    color: var(--resort-primary);
    border-color: var(--resort-white);
}

.step-item.completed .step-number {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.5);
}

.step-label {
    font-size: 14px;
    font-weight: 500;
}

.signup-form-container {
    padding: 25px 40px 20px;
}

.step-content {
    display: none;
}

.step-content.active {
    display: block;
}

.step-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--resort-primary);
    margin-bottom: 3px;
}

.step-subtitle {
    color: #666;
    font-size: 13px;
    margin-bottom: 18px;
}

.signup-form .form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

.signup-form .form-row.three-cols {
    grid-template-columns: repeat(3, 1fr);
}

.signup-form .form-group {
    margin-bottom: 0;
}

.signup-form .form-group.full-width {
    grid-column: span 2;
}

.signup-form .form-group label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
    font-size: 13px;
}

.signup-form .form-group label .required {
    color: #ff4444;
}

.signup-form .form-group input,
.signup-form .form-group select,
.signup-form .form-group textarea {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid var(--resort-border);
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.3s;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

.signup-form .form-group select {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    background: var(--resort-white);
    cursor: pointer;
    min-height: 42px;
}

.signup-form .form-group input:focus,
.signup-form .form-group select:focus,
.signup-form .form-group textarea:focus {
    outline: none;
    border-color: var(--resort-primary);
    box-shadow: 0 0 0 4px rgba(26, 155, 142, 0.1);
}

.signup-form .form-group textarea {
    resize: vertical;
    min-height: 70px;
}

.signup-form .form-group small {
    display: block;
    margin-top: 5px;
    color: #999;
    font-size: 12px;
}

.image-upload-zone {
    border: 2px dashed var(--resort-primary);
    border-radius: 10px;
    padding: 18px;
    text-align: center;
    background: #f0fffe;
    cursor: pointer;
    transition: all 0.3s;
}

.image-upload-zone:hover {
    background: #e0fcf8;
}

.image-upload-zone i {
    font-size: 28px;
    color: var(--resort-primary);
    margin-bottom: 6px;
}

.image-upload-zone p {
    color: #666;
    margin: 0;
    font-size: 14px;
}

.image-upload-zone input {
    display: none;
}

.image-preview {
    margin-top: 15px;
    display: flex;
    gap: 15px;
}

.image-preview-item {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.image-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-preview-item .remove-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: #ff4444;
    color: var(--resort-white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-form .form-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--resort-border);
}

.btn-back {
    padding: 12px 24px;
    border: 2px solid var(--resort-border);
    background: var(--resort-white);
    color: #666;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-back:hover {
    border-color: var(--resort-primary);
    color: var(--resort-primary);
}

.btn-next,
.btn-submit {
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--resort-primary) 0%, var(--resort-primary-dark) 100%);
    color: var(--resort-white);
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-next:hover,
.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(26, 155, 142, 0.3);
}

.login-link {
    text-align: center;
    padding: 15px;
    background: #f8f9fa;
    font-size: 14px;
    color: #666;
    border-radius: 0 0 20px 20px;
}

.login-link a {
    color: var(--resort-primary);
    font-weight: 600;
    text-decoration: none;
}

.login-link a:hover {
    text-decoration: underline;
}

.terms-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
}

.terms-check input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--resort-primary);
}

.terms-check label {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

.terms-check label a {
    color: var(--resort-primary);
}

@media (max-width: 768px) {
    .signup-steps {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .step-item::after {
        display: none;
    }
    
    .signup-form-container {
        padding: 30px 20px;
    }
    
    .signup-form .form-row {
        grid-template-columns: 1fr;
    }
    
    .signup-form .form-row.three-cols {
        grid-template-columns: 1fr;
    }
    
    .signup-form .form-group.full-width {
        grid-column: span 1;
    }
    
    .signup-form .form-actions {
        flex-direction: column;
        gap: 15px;
    }
    
    .btn-back,
    .btn-next,
    .btn-submit {
        width: 100%;
        justify-content: center;
    }
}