@import url("glyphicons.css"); /* Using a url */
:root, [data-bs-theme=light] {
    --bs-blue: #3369ff;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #db380a;
    --bs-orange: #fd7e14;
    --bs-yellow: #ba8202;
    --bs-green: #1f796f;
    --bs-teal: #20c997;
    --bs-cyan: #539bff;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #2a3547;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f6f9fc;
    --bs-gray-200: #eaeff4;
    --bs-gray-300: #dfe5ef;
    --bs-gray-400: #7c8fac;
    --bs-gray-500: #5a6a85;
    --bs-gray-600: #2a3547;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #3369ff;
    --bs-secondary: #007bbd;
    --bs-success: #1f796f;
    --bs-info: #539bff;
    --bs-warning: #ba8202;
    --bs-danger: #db380a;
    --bs-light: #f6f9fc;
    --bs-dark: #2a3547;
    --bs-muted: #5a6a85;
    --bs-indigo: #6610f2;
    --bs-light-indigo: #ebf3fe;
    --bs-primary-rgb: 51, 105, 255;
    --bs-secondary-rgb: 0, 123, 189;
    --bs-success-rgb: 31, 121, 111;
    --bs-info-rgb: 83, 155, 255;
    --bs-warning-rgb: 186, 130, 2;
    --bs-danger-rgb: 219, 56, 10;
    --bs-light-rgb: 246, 249, 252;
    --bs-dark-rgb: 50, 50, 50;
    --bs-muted-rgb: 132, 132, 131;
    --bs-indigo-rgb: 102, 16, 242;
    --bs-light-indigo-rgb: 235, 243, 254;
    --bs-primary-text-emphasis: shade-color(#3369ff, 60%);
    --bs-secondary-text-emphasis: shade-color(#007bbd, 60%);
    --bs-success-text-emphasis: shade-color(#1f796f, 60%);
    --bs-info-text-emphasis: shade-color(#539bff, 60%);
    --bs-warning-text-emphasis: shade-color(#ba8202, 60%);
    --bs-danger-text-emphasis: shade-color(#db380a, 60%);
    --bs-light-text-emphasis: #f6f9fc;
    --bs-dark-text-emphasis: #2a3547;
    --bs-primary-bg-subtle: #ecf2ff;
    --bs-secondary-bg-subtle: #e8f7ff;
    --bs-success-bg-subtle: #e6fffa;
    --bs-info-bg-subtle: #ebf3fe;
    --bs-warning-bg-subtle: #fef5e5;
    --bs-danger-bg-subtle: #fbf2ef;
    --bs-light-bg-subtle: #f6f9fc;
    --bs-dark-bg-subtle: #2a3547;
    --bs-primary-border-subtle: #becfff;
    --bs-secondary-border-subtle: #b6e5ff;
    --bs-success-border-subtle: #a1f2e3;
    --bs-info-border-subtle: #bad7ff;
    --bs-warning-border-subtle: #ffdfa5;
    --bs-danger-border-subtle: #fdd0c4;
    --bs-light-border-subtle: #eaeff4;
    --bs-dark-border-subtle: #5a6a85;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Plus Jakarta Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #5a6a85;
    --bs-body-color-rgb: 132, 132, 131;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(132, 132, 131, 0.75);
    --bs-secondary-color-rgb: 132, 132, 131;
    --bs-secondary-bg: #eaeff4;
    --bs-secondary-bg-rgb: 234, 239, 244;
    --bs-tertiary-color: rgba(132, 132, 131, 0.5);
    --bs-tertiary-color-rgb: 132, 132, 131;
    --bs-tertiary-bg: #f6f9fc;
    --bs-tertiary-bg-rgb: 246, 249, 252;
    --bs-heading-color: #2a3547;
    --bs-link-color: #2a3547;
    --bs-link-color-rgb: 50, 50, 50;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #3369ff;
    --bs-link-hover-color-rgb: 51, 105, 255;
    --bs-code-color: #d63384;
    --bs-highlight-color: #5a6a85;
    --bs-highlight-bg: #ffefd2;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dfe5ef;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 7px;
    --bs-border-radius-sm: 5px;
    --bs-border-radius-lg: 15px;
    --bs-border-radius-xl: 12px;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: unset;
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(51, 105, 255, 0.25);
    --bs-form-valid-color: #1f796f;
    --bs-form-valid-border-color: #1f796f;
    --bs-form-invalid-color: #db380a;
    --bs-form-invalid-border-color: #db380a
   }
    [data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #7c8fac;
    --bs-body-color-rgb: 124, 143, 172;
    --bs-body-bg: #202936;
    --bs-body-bg-rgb: 32, 41, 54;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: #7c8fac;
    --bs-secondary-color-rgb: 124, 143, 172;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(124, 143, 172, 0.5);
    --bs-tertiary-color-rgb: 124, 143, 172;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #9eb7ff;
    --bs-secondary-text-emphasis: #92d8ff;
    --bs-success-text-emphasis: #71ebd5;
    --bs-info-text-emphasis: #98c3ff;
    --bs-warning-text-emphasis: #ffce79;
    --bs-danger-text-emphasis: #fcb8a6;
    --bs-light-text-emphasis: #f6f9fc;
    --bs-dark-text-emphasis: #dfe5ef;
    --bs-primary-bg-subtle: #253662;
    --bs-secondary-bg-subtle: #1c455d;
    --bs-success-bg-subtle: #1b3c48;
    --bs-info-bg-subtle: #223662;
    --bs-warning-bg-subtle: #4d3a2a;
    --bs-danger-bg-subtle: #4b313d;
    --bs-light-bg-subtle: #465670;
    --bs-dark-bg-subtle: #333f55;
    --bs-primary-border-subtle: #385199;
    --bs-secondary-border-subtle: #2c7299;
    --bs-success-border-subtle: #0b856f;
    --bs-info-border-subtle: #325d99;
    --bs-warning-border-subtle: #996813;
    --bs-danger-border-subtle: #965240;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #7c8fac;
    --bs-link-hover-color: #3369ff;
    --bs-link-color-rgb: 124, 143, 172;
    --bs-link-hover-color-rgb: 51, 105, 255;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #7c8fac;
    --bs-highlight-bg: #66460c;
    --bs-border-color: #333f55;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #71ebd5;
    --bs-form-valid-border-color: #71ebd5;
    --bs-form-invalid-color: #fcb8a6;
    --bs-form-invalid-border-color: #fcb8a6
   }

*:not(.fc-scroller)::-webkit-scrollbar { width: 5px; height: 5px;   }
*:not(.fc-scroller)::-webkit-scrollbar-track { box-shadow: none; border-radius: 5px; background-color: #F0F1F4; }
*:not(.fc-scroller)::-webkit-scrollbar-thumb { background: #B7BCC6; border-radius: 5px; }
@supports (-ms-overflow-style: none) {
    * { scrollbar-width: thin; scrollbar-color: #B7BCC6 #F0F1F4;}
    *:not(.fc-scroller) {-ms-overflow-style: none;   }
}
body {overflow-x: hidden;}
.table tbody.ui-sortable tr  { position: relative;}
.table tbody.ui-sortable tr td:first-child::before { background: url(../img/sort_shift_icon.svg) no-repeat center; position: absolute; left: 3px; top: 50%; content: ''; display: block; width: 20px; height: 20px; background-size: 10px auto; margin: -10px 0 0 0;}
.table tbody.ui-sortable tr td:first-child { padding-left: 22px !important; }
.form-upload { max-width: 375px; width: 100%; margin: 0; }
.upload-button { display: flex; }
.badge-img-cont { width: 105px; margin-right: 20px; }
.badge-img-cont.w-179 { width: 179px; }
.badge-img-cont img, .profile-pic, .event-image { width: 105px; height: 105px; border-radius: 10px; object-fit: cover; border: 1px solid #B1B0B0; }
.badge-img-cont img.w-179, .profile-pic.w-179, .event-image.w-179 { width: 179px; }
.event-image { width: 179px; }
.badge-img-name { width: 100%; }
.badge-img-name h4 { font-size: 12px; line-height: 18px; color: #2C2C2C; font-weight: 400; padding-bottom: 0px; margin: 0; word-break: break-word; }
.badge-img-name p {font-weight: 700;color: #2C2C2C;font-size: 12px;line-height: 18px;min-height: 40px;margin-bottom: 0;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.badge-img-name .form_input_file { max-width: 180px; width: 100%; }
.info-btn { outline: none !important; border: none !important; width: 14px; background: transparent !important; color: var(--bs-body-color); line-height: 1; }
.table-responsive .dataTables_wrapper .dataTables_filter select { padding: .25rem .5rem; font-size: .765625rem; border-radius: 5px; border: 1px solid var(--bs-border-color);}
.page-wrapper .container-fluid, html[data-layout=horizontal][data-boxed-layout=boxed] .navbar { max-width: 100% !important; }
.font-10 { font-size: 0.625rem !important; }
.font-11 { font-size: 0.688rem !important; line-height: 1 !important; }
.font-12 { font-size: 0.75rem !important; line-height: 1.25rem !important; }
.font-13 { font-size: 0.813rem !important; line-height: 1.25rem !important; }
.font-14 { font-size: 14px !important; line-height: 1.25rem !important; }
.line-height-1 { line-height: 1rem !important; }
.line-height-1-1 { line-height: 1.1rem !important; }
.line-height-1-2 { line-height: 1.2rem !important; }
.font-16 { font-size: 1rem !important; line-height: 1.25rem !important; }
.font-18 { font-size: 18px !important; line-height: 24px !important; }
.font-20 { font-size: 20px !important; line-height: 25px !important; }
.min-90 { min-width: 90px; }
.min-h-40 { min-height: 40px; }
.min-h-45 { min-height: 45px; }
.min-h-25 { min-height: 25px; }
.min-100 { min-width: 100px; }
.min-110 { min-width: 110px; }
.min-120 { min-width: 120px; }
.max-60 { max-width: 60px; }
.max-100 { max-width: 100px; }
.max-120 { max-width: 120px; }
.max-124 { max-width: 124px; }
.max-130 { max-width: 130px; }
.max-135 { max-width: 135px; }
.max-145 { max-width: 145px; }
.max-150 { max-width: 150px; }
.max-160 { max-width: 160px; }
.max-170 { max-width: 170px; }
.max-180 { max-width: 180px; }
.max-190 { max-width: 190px; }
.max-200 { max-width: 200px; }
.max-w-300 { max-width: 300px; }
.max-w-250 { max-width: 250px; }
.max-width-100 { max-width: 100px !important; }
.select2-container {display: inline-block !important; width: 100% !important;}
.salonlist-body .widget-content .card.card-body{    min-height: calc(100vh - 201px);}
.reports-border-bookings .skill-item .chart, .reports-border-bookings .skill-item .chart canvas { margin: 0 auto;/* width: 70px !important; height: 70px !important; border: dashed 1px currentColor; */border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.reports-border-bookings.reports-bookings .skill-item .percent{justify-content: center; font-size: 14px; line-height: 18px; color: currentColor; font-weight: 700;}
.highcharts-credits {display: none !important;}
.reports-card:has(.highcharts-contextbutton.highcharts-button-pressed) {z-index: 9;}
.totalRecordsTxt {display: none;}
.overlay-logo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2; }
.overlay-logo .overlay-logo-img { width: 115vw; height: 20vw; left: -6vw; position: absolute; bottom: -7vw; }
.icon-shape {  width: 48px; height: 48px;  min-width: 48px; background-position: center;  border-radius: 0.75rem; align-items: center; display: flex; justify-content: center; border: 1px solid #B1B0B0; }
.log-layout { position: relative; width: 100%; max-width: 100%; min-height: 100vh; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; overflow: hidden; }
.text-break {word-break: break-all;}
div.dataTables_wrapper div.dataTables_filter input { /*background-image: url(../../assets/img/search_icon.svg);*/ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.331" height="13.331" viewBox="0 0 13.331 13.331"><path id="SEARCH" d="M6.666,2a4.666,4.666,0,1,0,3.049,8.186L10,10.47v.862l4,4L15.331,14l-4-4H10.47l-.284-.284A4.656,4.656,0,0,0,6.666,2Zm0,1.333A3.333,3.333,0,1,1,3.333,6.666,3.323,3.323,0,0,1,6.666,3.333Z" transform="translate(-2 -2)" fill="%232c2c2c"/></svg>') !important; background-repeat: no-repeat !important; background-position: 98% center !important; background-position: calc(100% - 0.625rem) center !important;  padding-right: 18px; }
/* div.dataTables_wrapper div.dataTables_filter input:focus{
    background-image: none !important;
} */
.btn i {line-height: inherit;}

/*--ClientsView--*/
.clientViewTitle { font-size: 21px; padding: 6px 0 0; }
.clientViewTitle span { display: block; font-size: 12px; color: #2C2C2C; font-weight: 400; line-height: 21px; }
.clientListBox {/* border: 1px solid #ebf1f6; *//* border-radius: 20px; */margin-bottom: 16px;}
.clientListHeading {/* font-size: 16px; *//* color: #2C2C2C; *//* font-weight: 700; *//* line-height: 25px; */vertical-align: middle;/* text-align: center; */min-height: 29px;display: flex;align-items: center;justify-content: space-between;position: relative;/* border-bottom: 1px solid #ebf1f6; */}
.clientListHeading small { position: absolute; right: 0; top: 0; }
.clientListHeading span { position: absolute; right: 0; top: 0; }
.clientListCont .clientAptList h3 { color: var(--bs-primary); font-weight: 400; float: right; margin: 0; }
.clientAptList ul { display: inline-block; width: 100%; }
.clientAptList ul li { display: flex; width: 100%; padding-bottom: 6px !important; z-index: 1; position: relative; }
.clientAptList ul li:before { content: ''; width: 2px; z-index: -1; position: absolute; top: 0; left: 13px; height: 100%; border-right: 2px solid #B1B0B0; margin-left: -2px; }
.clientAptList ul li:last-child:before { display: none; }
.clientAptList ul li .clientAptCircle { width: 25px; min-width: 25px; height: 25px; background: #1B318E; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin-right: 12px; }
.clientAptList ul li .clientAptCircle img { width: 15px; height: auto; object-fit: contain; }
.clientAptcont { width: 100%; }
.clientAptcont h4 { color: #2C2C2C; font-size: 13px; font-weight: 400; line-height: 18px; margin: 0; }
.clientAptcont h4 span { font-size: 11px; }
.clientAptcont p { font-size: 11px; color: #2C2C2C; line-height: 16px; margin: 0; }
.clientListCont { padding: 0; }
.clientListCont h2 { font-size: 16px; font-weight: bold; color: #2C2C2C; line-height: 24px; margin: 0 0 5px; }
.clientListCont h3 { font-size: 13px; font-weight: bold; color: #2C2C2C; line-height: 21px; margin: 0 0 5px; }
.clientListCont ul { list-style: none; padding: 0; margin: 0 0 5px; }
.clientListCont ul li { font-size: 13px; font-weight: 400; line-height: 21px; padding-bottom: 4px; color: #2C2C2C; }
.clientListCont ul li.alert { padding: 0; font-size: 11px; margin: 0; }
.clientListCont ul li.alert small { vertical-align: 1px; margin-right: 2px; }
.clientListCont ul li span { float: right; }
.dangerHeading { background-color: #B1101B; border-radius: 20px 20px 0 0; color: #fff; }
.dangerHeading span img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7453%) hue-rotate(56deg) brightness(134%) contrast(102%); }
.font16 { font-size: 16px; }
.textMore { color: var(--bs-primary); font-size: 13px; font-weight: 400; text-decoration: underline; }
.liabilitiesCont p { color: #213E49; font-size: 13px; text-decoration: underline; margin: 0 0 10px; }
.mh93 { min-height: 93px; }
.successCircle { background: #213E49 !important; }
 .clientListScorll::-webkit-scrollbar {width: 0px;}
 .clientListScorll::-webkit-scrollbar-track { background: transparent;}
 .clientListScorll::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 20px; border: 1px solid transparent;}
.clientListScorll { max-height: 288px; overflow-y: auto; }
.clientListImg img { width: 100%; height: 96px; object-fit: cover; border-radius: 7px 7px 0 0; }
.clientListprofile { max-width: 79px; margin: -35px auto 10px; width: 100%; }
.clientListprofile img { border: 1px solid #ebf1f6; border-radius: 100%; height: 79px; object-fit: cover; }
.clientListProfile h3 { font-size: 14px; color: #2C2C2C; text-align: center; position: relative; }
.clientListProfile h3 span { vertical-align: 1px; margin-left: 10px; position: absolute; top: -6px; }
.clientListProfile p { font-size: 11px; color: #2C2C2C; text-align: center; margin-bottom: 5px; }
.clientListProfile ul { list-style: none; padding: 5px 10px 5px; border-bottom: 1px solid #ebf1f6; margin: 0; }
.clientListProfile ul li { color: #2C2C2C; font-size: 14px; font-weight: 700; padding-bottom: 5px; overflow: hidden; }
.clientListProfile ul li span { width: 167px; float: right; text-align: right; font-size: 12px; font-weight: 400; }
.optInStatus span { width: 150px !important; }
.optInStatus span small { color: #797978; display: block; font-size: 12px; }
.optInStatus li { padding: 0 !important; }
.clientRating { padding: 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ebf1f6; }
.clientRating h4 { color: #2C2C2C; font-size: 14px; font-weight: 700; margin: 0; }
.clientRating ul { border: 0; padding: 0 0 0 15px; }
.clientRating ul li { display: inline-block; padding-right: 4px; padding-bottom: 0; }
.clientRating ul li:last-child { padding-right: 0; }
.clientID { text-align: center; padding: 10px 0; }
.clientID h5 { font-size: 11px; color: #2C2C2C; line-height: 18px; font-weight: 400; margin: 0; }
.clientID p { font-size: 13px; margin: 0 0 5px; }
.clientID ul { border: 0; padding-bottom: 0; }
.clientID ul li { display: inline-block; padding-right: 2px; padding-bottom: 0px; }
.cardDetailsList { display: flex; position: relative; padding-right: 44px; padding-bottom: 15px; }
.cardParagh { width: 95px; min-width: 95px; }
.cardParagh p { font-size: 13px; color: #2C2C2C; line-height: 21px; }
.cardNumber { width: 100%; text-align: right; }
.cardNumber p { font-size: 13px; color: #2C2C2C; line-height: 21px; margin: 0; }
.cardEditPositoin { position: absolute; right: 0; top: 0; }
.cardEditPositoin img { width: 15px; height: auto; }
.cardDetailsBox { padding-bottom: 15px; }
.cardDetailsBox .form-check-label { padding-left: 15px; font-size: 13px; }
.cardDanger p { color: #B1101B; }
.deteleClient p { margin-bottom: 0; }
.deteleClient p img { margin-right: 6px; vertical-align: -3px; }
.version-text { position: absolute; top: 7px; right: 43px; text-decoration: none; font-size: 14px !important; line-height: 20px !important; color: #fff !important; z-index: 2; }
.accord-blue .version-text-main .accordion-button::after { position: absolute; right: 10px; }
.accord-blue .version-text-main .accordion-button { padding-right: 150px; }
.modal-frame { border: 1px solid gray; padding: 10px; overflow: auto; height: 100%; ; }
/***client***/

/* froalaEditor */
.smallfroalaEditor .fr-box.fr-basic .fr-toolbar{ border-color:#B1B0B0 !important; /* border-radius: 0 !important; background-color: #DFDFDF !important;*/ padding: 0 3px !important; }
.smallfroalaEditor .fr-toolbar .fr-btn-grp { margin: 0px !important;  }
.smallfroalaEditor .fr-toolbar .fr-command.fr-btn, .smallfroalaEditor .fr-toolbar .fr-btn {height: 20px !important;width: 20px !important; background-color: #fff !important; border: 1px solid #ffffff !important; border-radius: 0 !important; margin: 4px 2px !important; padding: 0 !important;}
.smallfroalaEditor .fr-toolbar .fr-command.fr-btn i, .smallfroalaEditor .fr-toolbar .fr-btn i, .smallfroalaEditor .fr-toolbar .fr-command.fr-btn svg, .smallfroalaEditor .fr-toolbar .fr-btn svg {width: 18px !important; height: 18px !important; margin: 0px !important;}
.smallfroalaEditor .fr-box.fr-basic .fr-element {padding: 5px !important;}
.smallfroalaEditor .fr-box.fr-basic .fr-element p {font-size: 0.825rem;}
.smallfroalaEditor #fr-logo>span {padding: 4px 5px 4px 5px !important;}
.smallfroalaEditor .fr-box .fr-counter {font-size: 12px !important; padding: 4px 5px 4px 5px !important;}
.smallfroalaEditor .fr-toolbar .fr-more-toolbar>.fr-command.fr-btn { margin-left: 2px !important; margin-right: 2px !important;  }
.smallfroalaEditor #fr-logo>svg { height: 16px !important; width: 45px !important; margin: 0 !important;   }
.smallfroalaEditor .fr-toolbar .fr-more-toolbar.fr-expanded {display: inline-flex;}
.smallfroalaEditor .fr-toolbar .fr-more-toolbar.fr-expanded { flex-wrap: wrap; height: auto !important; display: inline-flex; padding: 0 !important; justify-content: flex-end;   }
.smallfroalaEditor .fr-toolbar .fr-newline {background: transparent !important; height: 1px !important; margin: 0 !important; box-shadow: none !important; line-height: 0; font-size: 0; border-top: 1px solid #B1B0B0 !important;}
.smallfroalaEditor .fr-second-toolbar, .smallfroalaEditor .fr-box.fr-basic.fr-top .fr-wrapper {border-color: #B1B0B0 !important;}
/*froalaEditor*/
button[data-cmd="insertImage"] { display: none; }
button[data-cmd="insertFiles"] { display: none; }
button[data-cmd="insertFile"] { display: none; }
.fr-second-toolbar>a {display: none !important;}
.fr-command[data-cmd="getPDF"] { display: none !important; }
.fr-command[data-cmd="print"] { display: none !important; }
.fr-command[data-cmd="insertVideo"] { display: none !important; }
button.fr-command.fr-btn[data-title="Open Filestack File Picker"], button.fr-command.fr-btn[title="Open Filestack File Picker"], button.fr-command.fr-btn[data-cmd="openFilePicker"] {display: none !important;}
.preloader .spinner-border {display: inline-block; width: 50px; position: absolute; top: calc(50% - 10.5px); left: 0; right: 0; margin: 0 auto; height: 50px; color:#5d87ff;}

.tab-menu {display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap;}
.tab-menu-top-pills { display: inline-flex; align-items: center; flex-wrap: wrap; background: #fff !important; padding:0 !important; box-shadow: 0 0.025rem 0.55rem rgba(0, 0, 0, 0.075); border-radius: 5px !important; border: 0 !important; overflow: hidden;  }
.tab-menu-top-pills li a, .tab-menu-top-pills li .nav-link {font-size: 14px; line-height: 20px; border-radius: 0 !important; color: #2c2c2c; background: transparent; position: relative; padding:12px 15px !important; }
.salonlist-body .tab-menu-top-pills li a, .salonlist-body .tab-menu-top-pills li .nav-link {padding:12px 10px !important;}
.tab-menu-top-pills li a:not(.active), .tab-menu-top-pills li .nav-link:not(.active) {color: #2c2c2c;}
.tab-menu-top-pills li a[data-url], .tab-menu-top-pills li .nav-link[data-url] {cursor: pointer;}
.tab-menu-top-pills li a.active, .tab-menu-top-pills li .nav-link.active { color: #5d87ff; background: rgba(93,136,255,0.16); background: -moz-linear-gradient(top, rgba(93,136,255,0.16) 0%, rgba(255,255,255,0.16) 79%, rgba(255,255,255,0.16) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,136,255,0.16)), color-stop(79%, rgba(255,255,255,0.16)), color-stop(100%, rgba(255,255,255,0.16))); background: -webkit-linear-gradient(top, rgba(93,136,255,0.16) 0%, rgba(255,255,255,0.16) 79%, rgba(255,255,255,0.16) 100%); background: -o-linear-gradient(top, rgba(93,136,255,0.16) 0%, rgba(255,255,255,0.16) 79%, rgba(255,255,255,0.16) 100%); background: -ms-linear-gradient(top, rgba(93,136,255,0.16) 0%, rgba(255,255,255,0.16) 79%, rgba(255,255,255,0.16) 100%); background: linear-gradient(to bottom, rgba(93,136,255,0.16) 0%, rgba(255,255,255,0.16) 79%, rgba(255,255,255,0.16) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d88ff', endColorstr='#ffffff', GradientType=0 );}
.tab-menu-top-pills li a.active:before, .tab-menu-top-pills li .nav-link.active:before { background: #5d87ff; width: 100%; height: 3px; content: ''; position: absolute; top: 0; left: 0; }
.tab-menu-top-pills .nav-item .nav-link[disabled="disabled"] { opacity: 0.8 !important; pointer-events: none !important; color: #cdcccc !important;}
.tab-menu-top-pills .nav-item .nav-link em{ width: 15px; height: 15px; background: #9F0015; font-size: 10px; color: #fff; font-weight: 700;padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; right: -1px;
 top: 5px; font-style: normal;}

 /* div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){font-size: 15px !important; font-weight: 500 !important;} */
.swal2-html-container { font-size: 14px; line-height: 1.5; color: #807d7d;}
.swal2-title{font-size: 20px;}
.card-title-inner {font-size: 16px;}
.form-label {font-size: 14px;margin-bottom: .3rem;}
/* .card.bg-secondary-subtle.shadow-none.position-relative  {} */
/* .card.bg-secondary-subtle.shadow-none.position-relative .card-body.px-4.py-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important;}
.card.bg-secondary-subtle.shadow-none.position-relative .img-fluid.mb-n4 {width: 95px; height: 95px; margin: -15px -130px 0 0 !important;} */
#event-images-preview-container1:has(.position-relative.preview-event-image) #event-images-preview-container .position-relative {display: none;}
#event-images-preview-container .position-relative[data-id^="new-"]{display: block !important;}
.portfolioImageListItem { width: 60px; height: 60px; border-radius: 10px; object-fit: cover; position: relative; margin-right: 15px; margin-bottom: 10px; }
.portfolioImageListItem>img { border-radius: 10px; border: 1px solid #B1B0B0; object-fit: cover; }
.portfolioImageListItemClose { position: absolute; right: -11px; top: -11px; cursor: pointer; }
.imageTablePlaceholder { border-radius: 10px; border: 1px solid #B1B0B0; object-fit: cover; }
[data-layout=vertical] .topbar {      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.045);}
.disabled-icon { pointer-events: none; filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(369%) hue-rotate(57deg) brightness(96%) contrast(87%) !important;}
.specials-preview {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 585px; margin: 0 auto; }
.specials-preview-item { width: 274px; height: 594px; padding:110px 7px 34px; margin:0 5px 20px  }
.specials-preview-item.ios-preview-item { background: url('../img/ios-placeholder.png') no-repeat;}
.specials-preview-item.android-preview-item { background: url('../img/android-placeholder.png') no-repeat;}
.specials-preview-content {width: 100%; height: 100%; overflow: auto; }
.specials-preview-content>img {width: 100% !important; height: auto; border:1px solid #ebf1f6; max-width: 100% !important;}
.specials-preview-content img {width: 100% !important; height: auto; border:1px solid #ebf1f6; max-width: 100% !important;}
.specials-preview-content iframe, .specials-preview-content video { width: 100%; height: auto; }
.special-preview-desc {padding:10px; border:1px solid #ebf1f6; background: #fff; margin-top: 13px; }
.special-preview-desc p {font-size: 0.625rem !important; margin-bottom: 0.5rem !important; }
.special-preview-desc img {width: 100% !important; max-width: 100% !important; height: auto; border:1px solid #ebf1f6; margin-bottom: 0.5rem !important;}

.accord-module .accordion-button::after { filter: brightness(0) saturate(100%) invert(50%) sepia(24%) saturate(2487%) hue-rotate(201deg) brightness(99%) contrast(108%); }
.accord-module .accordion-item:has(.accordion-collapse.show) { height: 100%; }


.datepickerui, .datepickerui_hidefuture { background-image: url(../img/date.svg); background-position: 94% center; background-position: calc(100% - 10px) center; background-repeat: no-repeat; }
.timepicker { background-image: url(../img/clock.svg); background-position: 94% center; background-position: calc(100% - 10px) center; background-repeat: no-repeat; }
.datepickerui.bg-none, .datepickerui_hidefuture.bg-none, .timepicker.bg-none { background-image: none;  }

.events-calendar-view { width: 100%; max-width: 950px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.events-calendar-view-lft { width: 100%; max-width: 531px; margin:0 5px 0;}
.events-calendar-view-rgt { width: 100%; max-width: 304px; margin:0 5px 0; }
.events-calendar-colors {border:1px solid #707070; border-radius: 10px; padding: 5px 10px; width: 100%; max-width: 184px; margin: 0 auto; }
.events-calendar-colors-item {position: relative; font-size: 14px; line-height: 18px; margin: 2px 0; padding-left: 20px; }
.events-calendar-colors-item span {position: absolute; width: 10px; height: 10px; border: 2px solid #2C93AF; background-color: #2C93AF; border-radius: 10px; left: 0; top: 3px; display: inline-block; }
.events-calendar-colors-item strong {position: absolute; left: -2px; top: 0; display: inline-block; color: #2C93AF; font-weight: 900; }
.events-calendar-list { border-radius: 10px; border:1px solid #707070; padding:14px 8px; margin-top: 11px; }
.events-calendar-list-head { display: flex; align-items: center; justify-content: space-between; padding:4px 0 6px; border-bottom: 1px solid #707070; }
.events-calendar-list-head-title {font-size: 24px; line-height: 32px; font-weight: 600; color: #2C2C2C; padding: 0; margin:0; }
.events-calendar-list-item {padding: 10px 0; border-bottom: 1px solid #707070;}
.events-calendar-list-divider {height: 1px; width: 16px; background: #707070; display: inline-block; vertical-align: middle; margin: 5px;}
.events-calendar-list-item-scroll { width:100%; min-height: 276px; max-height: 276px; overflow: auto; }
.nofify-nav {width: 12px; height: 12px; background: #9F0015; font-size: 8px; line-height: 12px; text-align: center; color: #fff; display: inline-block; position: absolute; right: 0; top: 0; border-radius: 12px; }
.widget-content.searchable-container>.card:last-child {margin-bottom: 40px;}
.mb-40 {margin-bottom: 40px !important;}

.zsiq_theme1.zsiq_floatmain { width: 50px !important; max-height: 50px !important;}
.zsiq_theme1 .zsiq_flt_rel { width: 50px !important; border-radius: 50px !important; height: 50px !important;}
.zsiq_theme1 .siqicon:before {line-height: 50px !important;}
  /* ---- Jquery Inline Date Picker ----*/
:root{ --input-datepicker-width:280px; --inline-datepciker-header-clr : #1B318E; --inline-datepicker-width: 531px;}
.ui-datepicker {position: relative; width: var(--input-datepicker-width)!important; box-shadow: none!important; border: 1px solid #707070!important; border-radius: 10px!important; padding: 10px!important; }
.ui-datepicker th { font-size: 14px!important; color: var(--inline-datepciker-header-clr)!important; font-weight: 500!important; text-transform: capitalize!important; }
.ui-widget-header {background: none !important; border: none !important;}
.ui-datepicker-calendar { width: 100%!important; }
.ui-datepicker td > a, .ui-datepicker td > span { padding: 3px 3px!important; line-height: 28px!important; text-align: center!important; width: 27px!important; height: 27px!important; border: 1px solid transparent!important; border-radius: 50%!important; display: inline-block!important; background-color: transparent !important; }
.ui-datepicker th { padding: 6px 6px!important; text-align: center!important; }
.ui-datepicker td { padding: 4px 4px!important; line-height: 28px!important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #2c2c2c!important; font-size: 15px!important; font-weight: 700!important; line-height: 20px!important; }
.ui-datepicker-unselectable.ui-state-disabled span { color: #797978!important; }
*:not(>#datepicker) .ui-state-highlight,*:not(>#datepicker) .ui-widget-content .ui-state-highlight { color: #2c93af!important; border: 2px solid #2c93af!important; font-weight: 700!important; border-radius: 50%!important; }
.ui-widget-content .ui-state-active { background: transparent!important; border: 0px!important; color: #2c93af!important; font-weight: 700!important; }
.ui-datepicker-calendar .ui-datepicker-current-day > .ui-state-default.ui-state-active{ background: #94aeeb !important;color: #fff !important;border-radius: 0.3125rem !important;}
.dots-container { display: flex!important; justify-content: center!important; position: absolute!important; bottom: 5px!important; left: 50%!important; transform: translateX(-50%)!important; }
.dot { width: 8px!important; height: 8px!important; border-radius: 50%!important; margin: 0 1px!important; }
.ui-datepicker .ui-datepicker-title { margin: 0 26px!important; text-align: center!important; line-height: 1!important; }
.ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year { text-align: center!important; margin: 0!important; padding: 0!important; border: 0!important; font-size: 16px!important; color: #2C2C2C!important; font-weight: 700!important; background: none!important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: -5px!important; position: absolute!important; background: none !important; border: 0 !important; }

.ui-datepicker .ui-datepicker-prev .ui-icon { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.471" height="20" viewBox="0 0 12.471 20"><path id="EXPAND:DOWN" d="M8.4,9.5,5.93,11.971l10,10,10-10L23.459,9.5,15.93,17.029Z" transform="translate(21.971 -5.93) rotate(90)" fill="%232c2c2c"/></svg>')!important; width: 26px!important; height: 26px!important; position: absolute!important; background-repeat: no-repeat!important; text-indent: -1000px!important; background-size: 34% 100%!important; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.471" height="20" viewBox="0 0 12.471 20"><path id="EXPAND:DOWN" d="M8.4,9.5,5.93,11.971l10,10,10-10L23.459,9.5,15.93,17.029Z" transform="translate(-9.5 25.93) rotate(-90)" fill="%232c2c2c"/></svg>')!important; width: 26px!important; height: 26px!important; position: absolute!important; background-repeat: no-repeat!important; text-indent: -100000px!important; background-size: 34% 100%!important; }
.ui-datepicker .ui-datepicker-next { right: 15%!important; }
.ui-datepicker .ui-datepicker-prev { left: 15%!important; }
.ui-datepicker .ui-datepicker-header{position: relative!important;}
.inline-datepicker .ui-datepicker-inline .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-content .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-header .ui-state-default{position: relative!important;}

/* --- inline datepicker ----*/
.inline-datepicker { position: relative!important; z-index: 1; }
.inline-datepicker .ui-datepicker .ui-datepicker-prev, .inline-datepicker .ui-datepicker .ui-datepicker-next {top: 0 !important;}
.inline-datepicker .ui-datepicker-inline { width: var(--inline-datepicker-width)!important; box-shadow: none!important; border: 1px solid #707070!important; border-radius: 20px!important; padding: 20px!important; position: relative!important; }
.inline-datepicker .ui-datepicker-inline .ui-datepicker-title .ui-datepicker-month, .inline-datepicker .ui-datepicker-inline .ui-datepicker-title .ui-datepicker-year { font-size: 24px!important; background: none!important; width: auto!important; outline:none!important; }
.inline-datepicker .ui-datepicker-inline table th { font-size: 24px!important; }
.inline-datepicker .ui-datepicker-inline td > a, .inline-datepicker .ui-datepicker-inline td > span { width: 54px!important; height: 54px!important; }
.inline-datepicker .ui-datepicker-inline .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-content .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-header .ui-state-default { font-size: 24px!important; line-height: 46px!important; }
.inline-datepicker .ui-datepicker-inline .ui-datepicker-calendar { margin: 20px 0!important; }
.inline-datepicker .ui-datepicker-inline .ui-datepicker-prev .ui-icon { background-size: 44% 100%!important; }
.inline-datepicker .ui-datepicker-inline .ui-datepicker-next .ui-icon { background-size: 44% 100%!important; }
.ui-state-default.ui-state-highlight.ui-state-active { color: #fff!important; border: 2px solid #2c93af!important; font-weight: 700!important; border-radius: 50%!important; background:#2c93af !important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: auto!important; }
.ui-datepicker td { text-align: center!important; }
@media(max-width:991px) {
.inline-datepicker .ui-datepicker-inline { width: 100%!important; }
.inline-datepicker .ui-datepicker-inline td > a, .inline-datepicker .ui-datepicker-inline td > span { width: 40px!important; height: 40px!important; }
.inline-datepicker .ui-datepicker-inline .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-content .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-header .ui-state-default { font-size: 18px!important; line-height: 24px!important; }
.inline-datepicker .ui-datepicker-inline table th { font-size: 18px!important; }
.inline-datepicker .ui-datepicker-inline .ui-datepicker-title .ui-datepicker-month, .inline-datepicker .ui-datepicker-inline .ui-datepicker-title .ui-datepicker-year { font-size: 23px!important; }
}
@media(max-width:575px) {
.inline-datepicker .ui-datepicker-inline table th { font-size: 16px!important; }
.inline-datepicker .ui-datepicker-inline .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-content .ui-state-default, .inline-datepicker .ui-datepicker-inline .ui-widget-header .ui-state-default { font-size: 16px!important; line-height: 17px!important; }
.ui-datepicker td { padding: 4px 4px!important; line-height: 20px!important; }
.inline-datepicker .ui-datepicker-inline td > a, .inline-datepicker .ui-datepicker-inline td > span { width: 37px!important; height: 37px!important; }
.inline-datepicker .ui-datepicker-inline { padding: 10px!important; }
}
/* --- inline datepicker ----*/


div.dataTables_wrapper div.dataTables_paginate{margin-top: 0 !important;}
.ui-datepicker td a.ui-state-highlight{height: auto; margin-bottom: 0; border-radius: 0;}
.icon-chevron-up, .icon-chevron-down { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url(../../assets/img/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; }
.icon-chevron-up { background-position: -288px -120px;}
.icon-chevron-down { background-position: -313px -119px;}
.version-text{ position: absolute; top: 19px; right: 60px; text-decoration: none; font-size: 14px !important; line-height: 20px !important; z-index: 7; font-weight: 400; color: #2a3547 !important;}
.fr-sticky-on{z-index: 1 !important;}
/* .bg-info-subtle .col-3 .mb-n5{margin: 0 !important;}
.bg-info-subtle .col-3 .mb-n5 img{    height: 110px; object-fit: contain;} */


.preview-page-main{ min-height: 100vh;background: #F7F8F9}
.bg-gradient-preview{
    background: rgba(51, 105, 255, 1); background: -moz-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51, 105, 255, 1)), color-stop(62%, rgba(46, 149, 179, 1)), color-stop(100%, rgba(0, 163, 147, 1))); background: -webkit-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -o-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -ms-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: linear-gradient(to right, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b318e', endColorstr='#00a393', GradientType=1);
}
.preview-header{padding: 10px 16px;  display: flex;align-items: center;}
.preview-header  .container{    max-width: 1180px;}
.preview-header h1{color: #fff;text-transform: uppercase;font-size: 25px;letter-spacing: 2.5px;line-height: 35px;font-weight: 600;}

.preview-content{ min-height: calc(100vh - 239px);    padding: 44px 16px;}
.preview-footer{padding: 5px 0; }
.preview-footer p {font-size: 12px;}


.preview-form-grid form{max-width: 682px;width: 100%; margin: 0 auto;}
.preview-form-grid{max-width: 844px;width: 100%;margin: 0 auto;}
.preview-form-grid form .inline-label{ flex: 0 1 162px;}
.preview-form-grid form .preview-form-inline{display: flex;align-items: center;}
.preview-form-grid form .inline-input-field{flex: 1;}
.preview-btn{    width: 100%;margin: 0 0 0 auto;text-align: center;}
.promo-events-view{width: 100%; min-height: 100vh; background: #F7F8F9; }
.promo-events-view-head { background: #fff; padding: 30px 90px; position: relative; font-size: 16px; line-height: 1; color: var(--bs-primary); font-weight: 600; position: relative; }
.promo-events-view-logo {font-size: 24px; line-height: 32px; color: #2C2C2C; font-weight: 600; display: flex; align-items: center; }
.promo-events-view-logo span {font-size: 24px; line-height: 32px; color: #2C2C2C; font-weight: 600; flex: 1; padding-left: 10px; }
.promo-events-view-btn-head { width: 75px; height: 65px; background-color: #fff; border: 1px solid #707070; border-right: 0; border-radius: 10px 0 0 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; color: var(--bs-primary); font-weight: 600; position: absolute; right: 0; top: 10px; }
.promo-events-view-icon { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.promo-events-view-icon span {font-size: 16px; line-height: 20px; color: var(--bs-primary); font-weight: 600; padding-top: 2px; }
.promo-events-view-banner {padding: 50px 15px; background: rgba(51, 105, 255, 1); background: -moz-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51, 105, 255, 1)), color-stop(62%, rgba(46, 149, 179, 1)), color-stop(100%, rgba(0, 163, 147, 1))); background: -webkit-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -o-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -ms-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: linear-gradient(to right, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b318e', endColorstr='#00a393', GradientType=1);}
.promo-events-view-banner-container { max-width: 1050px; width: 100%; margin: 0 auto; }
.promo-events-view-banner img {box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 5px;}
.promo-events-view-banner h1 {font-size: 30px; line-height: 46px; color: #fff; font-weight: 600; margin-bottom: 9px;}
.promo-events-view-banner p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 600; margin-bottom: 9px;}
.promo-event-container {max-width: 1050px; width: 100%; margin: 0 auto; padding: 0 15px;}
.promo-events-view-midcontent {padding: 16px 0;}
.promo-event-timing  {width: 100%; max-width: 357px; margin-left: auto; margin-right: 50px; padding-top: 25px;}
.promo-event-timing p {font-size: 16px; line-height: 30px; color: var(--bs-primary); font-weight: 400; padding: 0; margin-bottom: 12px; }
.promo-event-timing p span {width: 186px;  font-weight: 600; display: inline-block; }
.promo-event-description { border-right: 1px solid #707070; padding-top: 25px; }
.promo-event-description-in {max-width: 430px; width: 100%;}
.promo-event-description p { font-size: 18px; line-height: 27px; color: var(--bs-primary); font-weight: 400; padding: 0; margin-bottom: 12px; text-transform: capitalize; }
.promo-events-view-footer {padding: 5px 15px; font-size: 10px; line-height: 15px; color: #fff; text-align: center; background: rgba(51, 105, 255, 1); background: -moz-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51, 105, 255, 1)), color-stop(62%, rgba(46, 149, 179, 1)), color-stop(100%, rgba(0, 163, 147, 1))); background: -webkit-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -o-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -ms-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: linear-gradient(to right, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b318e', endColorstr='#00a393', GradientType=1);}
.promo-events-view-main { min-height: calc(100vh - 149px);}


.starRating { display : inline-block; position : relative; height : 35px;  background : url('../img/star_empty.svg') repeat-x; vertical-align : bottom; margin-left: 0; }
.starRating div { float : left; position : relative; height : 35px; }
.starRating input { position : relative; z-index : 1; width : 34.5px; height : 35px; margin : 0; padding : 0; opacity : 0; }
.starRating label { position : absolute; top : 0; left : 0; width : 100%; height : 35px; }
.starRating span { display : none; }
.starRating input:checked + label,  .starRating:hover input:checked:hover + label { background : url('../img/star_filled.svg') repeat-x; }
.starRating:hover input:checked + label { background : transparent; }
.starRating:hover input:hover + label { background : url('../img/star_hover.svg') repeat-x; }
.error {font-size: 0.75rem !important; line-height: 1.25rem !important; font-weight: 400 !important; margin-top: 0.25rem;  color: #9F0015; }

.business-profile-new #header { border-color: #f2f2f2 !important; background: rgba(51, 105, 255, 1); background: -moz-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51, 105, 255, 1)), color-stop(62%, rgba(46, 149, 179, 1)), color-stop(100%, rgba(0, 163, 147, 1))); background: -webkit-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -o-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -ms-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: linear-gradient(to right, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b318e', endColorstr='#00a393', GradientType=1);
    padding: 15px 15px !important; }
.business-profile-new #header .inner-header .logo a { margin: 0 !important; color: #ffffff; font-size: 20px; line-height: 1; font-weight: 600; }
.business-profile-new #header .inner-header .logo a span { margin-left: 10px; }
.business-profile-new #content .inner-con h3 { font-size: 25px; line-height: 1.5; font-weight: 500; font-family: "Kalnia", serif; }
.business-profile-new #content .inner-con .rank { font-size: 18px; }
.business-profile-new .star_new_voga, .business-profile-new #content .review .review-in p img { filter: brightness(0) saturate(100%) invert(12%) sepia(41%) saturate(6677%) hue-rotate(228deg) brightness(93%) contrast(90%); }
.business-profile-new #content .outer-content .outer .add, .business-profile-new #content .outer-content .outer .hour { padding: 20px !important; -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.16) !important; box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.16) !important; -moz-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.16) !important; border-radius: 15px !important; }
.business-profile-new #content .outer-content .outer .add p a { color: var(--bs-primary); text-decoration: underline; transition: all ease-in-out 0.3s; }
.business-profile-new #content .outer-content .outer .add p a:hover { text-decoration: none; }
.business-profile-new #content .inner-content { background: #ffffff; }
.business-profile-new #content .outer-content { background: #f9f9fc; padding-top: 50px; padding-bottom: 50px; }
.business-profile-new #content .outer-content .outer .hour .act { background: none !important; line-height: 25px; }
.business-profile-new .h4-heading { font-size: 25px; line-height: 1.5; font-weight: 400 !important; font-family: "Kalnia", serif; margin: 0; padding: 0 0 15px !important; color: #000; }
.business-profile-new .location-heaing { margin: 0 auto; width: 100%; max-width: 1000px; padding-bottom: 20px; }
.business-profile-new .location-heaing h4 { color: #1d1d1d; font-family: 'Kalnia', serif; font-size: 25px; font-weight: 400 !important; line-height: normal; margin: 0; padding: 0; }
.business-profile-new .location-heaing p { color: #1d1d1d; font-size: 18px; font-weight: 300; line-height: 24px; margin: 0; padding: 10px 0 0 !important; }
.business-profile-new #content .review .review-in .rev { background: #ffffff !important; border: 1px solid #1B318E !important; border-radius: 10px; margin-bottom: 17px; padding: 5px 20px 5px; }
.business-profile-new #content .review .review-in p img { margin: 0 5px 0 0 !important; }
.business-profile-new #content .review .review-in .main-heading { border: 0 !important; }
.business-profile-new #content .review .review-in p .head { padding: 0; margin: 0; border: 0 !important; font-weight: 400 !important; }
.business-profile-new .verify-author { color: #1d1d1d; font-size: 12px !important; font-weight: 300 !important; line-height: 22px !important; padding: 10px 0 !important; }
.business-profile-new .review-desc-embed { font-size: 14px !important; line-height: 22px !important; padding: 6px 0 0 !important; color: #333 !important; font-weight: 400 !important; margin: 0 !important; }
.business-profile-new .rev-title-embed { color: #1d1d1d; font-size: 14px !important; font-weight: 500 !important; line-height: 22px !important; margin: 0 !important; padding: 10px 0 !important; }
.business-profile-new .rev-date-embed { color: #333; display: inline-block; font-size: 12px; font-weight: 400; line-height: 22px; }
.business-profile-new .salon-comments-review { color: #333; display: block; font-size: 13px !important; font-weight: 400; line-height: 20px !important; border-top: 1px solid #efebeb; }
.business-profile-new .salon-comments-review b { color: #333; display: block; font-size: 14px; font-weight: 600; line-height: 22px; }
#textMessagePreviewModal .modal-dialog { width: calc(100% - 1rem); max-width: 320px; }
#textMessagePreviewModal .modal-content { width: 100%; margin: 0; padding: 0; box-shadow: none; border: 0; }
#emailPreviewModal .modal-dialog { width: calc(100% - 1rem); max-width: 520px; }
#emailPreviewModal .modal-content { width: 100%; margin: 0; padding: 0; box-shadow: none; border: 0; }
.web-modal { background: #F4F6F9; border-radius: 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); }
.web-modal-head { background: #FFFFFF; border-radius: 5px 5px 0 0; padding: 10px; }
.web-modal-in { padding: 10px; }
.chat-box-lft.chat-box-rgt .chat-box-in { margin-right: 5px; margin-left: 5px; }
.chat-box-rgt .chat-box-in { margin-right: 10px; margin-left: 10px; }
.chat-box-in-list { display: flex; align-items: center; width: 100%; margin-bottom: 1px; padding: 10px; transition: all ease-in-out 0.3s; }
.chat-box-in-list-img { width: 51px; height: 51px; float: left; margin-right: 15px; }
.chat-box-in-list-img img { width: 51px; height: 51px; border-radius: 100%; object-fit: cover; }
.chat-box-in-list-details { width: calc(100%); float: right; font-size: 14px; line-height: 20px; }
.chat-box-message { font-size: 12px; line-height: 16px; max-width: 100%; border-radius: 10px; padding: 2px; background: #42413D; }
.chat-box-message-in { font-size: 12px; line-height: 16px; max-width: 100%; color: #fff; border-radius: 19px 19px 19px 0; padding: 10px 15px; }
.chat-box-in span.staff-time { font-size: 10px; line-height: 18px; padding-top: 5px; max-width: 100%; display: block; color: #fff; }
.chat-box-rgt .chat-box-message { background: #fff !important; border-radius: 10px; }
.chat-box-rgt .chat-box-message-in { background: #fff !important; border-radius: 10px; color: #2C2C2C !important; }
.chat-box-rgt .chat-box-message-in p, .chat-box-rgt .chat-box-message-in p a, .chat-box-rgt .chat-box-message-in a { color: #2C2C2C !important; }
.chat-box-message-in a { word-break: break-all; }
.chat-box-rgt .chat-box-in span.staff-time { text-align: right; }
.email-view { width: 100%; margin: 5px 0; padding: 10px; background-color: #fff; border-radius: 10px; }
.highcharts-credits { display: none !important; }
.or-text { padding: 5px 10px; background: #fff; line-height: 1; border: 1px solid rgba(0, 0, 0, 0.2); margin: 0; display: inline-block; position: relative; top: -30px; border-radius: 5px; }
.select-integration-logo-main { display: flex; flex-wrap: wrap;/*margin-left: -6px; margin-right: -6px;*/
}
.iphone-modal-layer { position: absolute; left: 13.0%; top: 4.5%; right: 11.8%; bottom: 6%; border-radius: 20px; backface-visibility: hidden; overflow: hidden; background-color: #859FB6; background-repeat: no-repeat; background-size: cover; background-position: center; }
.iphone-modal-in::before { content: ''; display: block; background: url(../img/iphone_cam_layer.png) no-repeat; background-size: 130px 20px; width: 130px; height: 20px; position: absolute; top: -3px; left: 0; right: 0; margin: 0 auto; z-index: 2; }
.message-icon, .send-mail-icon, .message-dark-icon { background-color: #fff; position: absolute; width: 20px; height: 20px; right: 0; top: 0; display: flex; align-items: center; justify-content: center; border-radius: 100%; cursor: pointer; }
.message-dark-icon { background-color: #42413D !important; }
.chat-box-lft .message-icon, .chat-box-lft .send-mail-icon, .chat-box-lft .message-dark-icon { display: none; }
.chat-box-lft.chat-box-rgt .message-icon, .chat-box-lft.chat-box-rgt .send-mail-icon, .chat-box-lft.chat-box-rgt .message-dark-icon { display: flex !important; }
#textMessagePreviewModal .modal-dialog { width: calc(100% - 1rem); max-width: 320px; }
#textMessagePreviewModal .modal-content { width: 100%; margin: 0; padding: 0; box-shadow: none; border: 0; }
#emailPreviewModal .modal-dialog { width: calc(100% - 1rem); max-width: 520px; }
#emailPreviewModal .modal-content { width: 100%; margin: 0; padding: 0; box-shadow: none; border: 0; }
.iphone-modal { max-width: 298px; width: 100%; min-width: 298px; margin: 0; position: relative; right: 0px; top: 0; font-family: 'Montserrat', sans-serif; }
.iphone-modal-in { position: absolute; left: 13.3%; top: 4.5%; right: 11.8%; bottom: 6%; border-radius: 20px; backface-visibility: hidden; overflow: hidden; }
.iphone-modal-main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.iphone-modal-mid { position: absolute; top: 47px; left: 0; bottom: 71px; right: 0; }
.iphone-modal-mid-logo { min-height: 65px; width: 100%; display: flex; align-items: center; justify-content: center; }
.iphone-modal-mid-logo img { height: 65px; max-width: 133px; width: 100%; object-fit: contain; }
.iphone-modal-mid-menu { position: absolute; top: 65px; left: 0; bottom: 0px; right: 0; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 5px; }
 .iphone-modal-mid-menu::-webkit-scrollbar {
 display: none;
}
/* team css */
.previewHeader { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 24px 15px 17px; }
.previewHeaderLeft { display: flex; align-items: center; }
.previewHeaderLeft .backBtn { margin-right: 20px; }
.previewHeaderLeft .backBtn img { width: 26px; height: 26px; }
.BusinessLogo img { width: 47px; height: 47px; object-fit: contain; }
.BusinessLogo span { color: #2C2C2C; font-size: 16px; font-weight: 700; padding-left: 3px; }
.previewHeaderRight .btn {margin-left: .5rem !important;}
.bannerSection { padding: 60px 12px 30px; margin-bottom: 21px; width: 100%; background: rgba(51, 105, 255, 1); background: -moz-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51, 105, 255, 1)), color-stop(62%, rgba(46, 149, 179, 1)), color-stop(100%, rgba(0, 163, 147, 1))); background: -webkit-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -o-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: -ms-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%); background: linear-gradient(to right, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b318e', endColorstr='#00a393', GradientType=1);
}
.bannerGird { max-width: 890px; width: 100%; margin: 0 auto; display: flex; }
.bannerGird .bannerImg { min-width: 219px; }
.bannerGird .bannerImg img { max-width: 88px; width: 100%; border-radius: 10px; margin: 0px 11px 0 auto; display: block; object-fit: cover; }
.scheduleAppointmentWrapper { padding-bottom: 25px; }
.bannerContent h3 { font-size: 22px; font-weight: 700; color: #fff; line-height: normal; margin: 0; }
.bannerContent p { font-size: 12px; line-height: 18px; color: #fff; font-weight: 700; }
.myHoursSection { max-width: 500px; margin: 0 auto; padding: 19px 15px 0; }
.myHoursSection h3 { color: var(--bs-primary); font-size: 20px; font-weight: 700; line-height: normal; }
.head-team-h3 { color: var(--bs-primary); font-size: 20px; font-weight: 700; line-height: normal; }
.myHoursTable { padding: 0 0px 28px; }
.myHoursTable .table>tbody>tr td { padding: 7px 5px; font-size: 11px; font-weight: 400; color: #2C2C2C; border: 0; border-bottom: 1px solid #DFDFDF; }
.myHoursTable .table { border: 1px solid #B1B0B0; border-radius: 0 0 15px 15px; }
.portfolio-col figure { position: relative; margin-bottom: 7px; }
.portfolio-col figure img { width: 86px; height: 86px; display: block; object-fit: cover; border: solid 1px #B1B0B0; border-radius: 8px; margin: 0 auto; }
.portfolio-col h3 { font-size: 12px; line-height: 20px; color: #2C2C2C; text-align: center; font-weight: 400; }
.portfolio-col h3 span { display: block; }

.btn-outline-gray { background: #fff; border: 1px solid #B1B0B0; color: #2C2C2C; font-weight: 400; font-size: 12px; max-width: 125px; width: 100%; text-align: left; border-radius: 10px; }
.btn-outline-gray.disabled { background: #DFDFDF; opacity: 1; }
.role-table th { font-size: 12px; }
.disabled-icon { pointer-events: none; filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(369%) hue-rotate(57deg) brightness(96%) contrast(87%) !important; }
.danger-icon.disabled { pointer-events: none; }
.danger-icon.disabled img { filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3105%) hue-rotate(186deg) brightness(106%) contrast(75%); }
.card-blue { border: 1px solid #707070; box-shadow: none !important; border-radius: 15px !important; }
.card-blue .card-header { background-color: #21369C; font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 15px 8px !important; border-radius: 15px 15px 0 0 !important; font-weight: 700; }
.card-blue-center { font-size: 20px; line-height: 28px; font-weight: 700; padding: 25px 10px 20px; }
.membership.membership-gray { border-color: #B1B0B0 !important; border-radius: 0.9375rem !important; }
.membership.membership-gray .membership-gray-title { font-weight: 700; font-size: 0.9rem; color: var(--bs-body-color); padding: 0.7375rem 0.9375rem; border-color: #B1B0B0; background-color: #DFDFDF; border-radius: 0.9375rem 0.9375rem 0 0 !important; border-bottom: 1px solid #B1B0B0; text-align: center; line-height: 1.5; }
.membership.membership-gray .profile-dob ul li { font-size: 0.850rem; line-height: 1.5; color: var(--bs-body-color); font-weight: 400; margin-top: 9px; margin-bottom: 9px; }
.membership.membership-gray .profile-dob { padding: 12px 10px; }
.membership.membership-gray ul li span { width: auto; }
/* body.bg-gray-100 { background: rgba(27,49,142,0.25); background: -moz-linear-gradient(left, rgba(27,49,142,0.25) 0%, rgba(46,149,179,0.25) 45%, rgba(0,97,87,0.25) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,49,142,0.25)), color-stop(45%, rgba(46,149,179,0.25)), color-stop(100%, rgba(0,97,87,0.25))); background: -webkit-linear-gradient(left, rgba(27,49,142,0.25) 0%, rgba(46,149,179,0.25) 45%, rgba(0,97,87,0.25) 100%); background: -o-linear-gradient(left, rgba(27,49,142,0.25) 0%, rgba(46,149,179,0.25) 45%, rgba(0,97,87,0.25) 100%); background: -ms-linear-gradient(left, rgba(27,49,142,0.25) 0%, rgba(46,149,179,0.25) 45%, rgba(0,97,87,0.25) 100%); background: linear-gradient(to right, rgba(27,49,142,0.25) 0%, rgba(46,149,179,0.25) 45%, rgba(0,97,87,0.25) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b318e', endColorstr='#006157', GradientType=1 );} */
body.bg-gray-100{background: radial-gradient(rgba(210, 241, 223, 0.3), rgba(211, 215, 250, 0.3), rgba(186, 216, 244, 0.3)) 0 0 / 400% 400%; background-size: 400% 400%; animation: gradient-animation 15s ease infinite;}
@keyframes gradient-animation {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%;}
    100% { background-position: 0% 0%; }
}
.btn-check-green {  border: 1px solid #5d87ff !important;  color: #2C2C2C !important;  font-size: 12px !important;  line-height: 16px !important;  background: #fff !important;  width: auto !important;  border-radius: 8px !important;  font-weight: 400 !important;  text-transform: uppercase !important;  margin: 0 5px 5px 0 !important;  text-align: center !important;  padding-left: 5px;  padding-right: 5px;  box-shadow: none !important;
}
.btn-check:checked+.btn-check-green { background: #5d87ff !important; color: #fff !important;}
.min-150 { min-width: 150px !important;}
.min-100 { min-width: 100px !important;}
.min-90 { min-width: 90px !important;}
.min-60 { min-width: 60px !important;}
.min-37 { min-width: 37px !important;}
.border-right-gray {border-right: 1px solid #dfe5ef !important; margin-right: 1px;}
.breadcrumb-top {border: 0 !important; margin-bottom: 5px !important; background: transparent !important; }
.breadcrumb-top .card-body {border: 0 !important; margin-bottom: 0px !important; padding: 0 !important; }
.breadcrumb-top .card-body .col-9 {width: 100% !important; max-width: 100% !important; display: flex; align-items: center !important; justify-content: space-between !important; }
/* .breadcrumb-top .card-body .col-9 h4 { margin-bottom: 10px; text-transform: capitalize;}
.breadcrumb-item+.breadcrumb-item  { text-transform: capitalize;} */
.breadcrumb-top .card-body .col-9 h4 { margin-bottom: 10px; }

.breadcrumb-top .card-body .col-9 nav { margin-bottom: 10px;}
.breadcrumb-top .card-body .col-3 {display: none !important;}
.body-wrapper {  padding-top: calc(70px + 15px) !important;}

/* .table.table-bordered.dataTable th, table.table-bordered.dataTable td{word-break: break-all; white-space: normal;} */


.bg-info-subtle .col-3 .mb-n5{margin: 0 !important;}
.bg-info-subtle .col-3 .mb-n5 img{    height: 110px; object-fit: contain;}

.app-preview-box{background: var(--bs-body-bg) !important; border-radius: 10px; border: solid 1px #B1B0B0; padding: 10px; /*text-align: center;*/ min-height: 142px;}
.app-preview-box .no-details{color: #797978;  font-size: 12px; line-height: 16px; padding-top: 30px;}
.app-preview-box p{font-size: 12px; line-height: auto;}
.referral-details-cont ul{list-style: none; padding: 0; margin: 15px 0 0; max-width: 430px;}
.referral-details-cont ul li{font-size: 12px; line-height: 18px; color: #2C2C2C; display: flex; margin: 0 0 8px;}
.referral-details-cont ul li strong{width: 60%; font-weight: 500; color: var(--bs-primary);}
.referral-details-cont ul li span{text-align: left; width: 40%;}
.users-preview-card{max-width: 360px; width: 100%;}
.black-icon img{filter: brightness(0) saturate(100%) invert(16%) sepia(79%) saturate(16%) hue-rotate(109deg) brightness(97%) contrast(101%);}
.users-preview-card ul{list-style: none; display: flex; padding: 0; margin: 0 -2.5px; flex-wrap: wrap;}
.users-preview-card ul li{padding: 0 2.5px;}
.qr-code-card{max-width: 190px; width: 100%;}
.qrcode-right{flex: 1; padding: 0 0 0 20px;min-height: 100%; flex-flow: column;}
.qrcode-right a{margin: auto 0 0;}
.redemptions-details-cont.referral-details-cont ul{max-width: 840px;}
.redemptions-details-cont.referral-details-cont ul li strong{width: 30%;}
.redemptions-details-cont.referral-details-cont ul li span{width: 70%;}
.search-form-control{background-image: url(../img/search_icon.svg); background-size: 13px; background-repeat: no-repeat; background-position: 98%;padding-right: 25px;}
.reports-right-card{display: flex; flex-wrap: wrap; flex: auto; justify-content: flex-end; margin-bottom: 5px;}
.reports-right-card .btn-link{padding: 0 5px; line-height: 0;}
.reports-card-border-head.reports-card-head{border-bottom: 1px solid #707070; padding: 8px 10px 2px 10px;margin:0 25px;}
.reports-card-border-head.reports-card-head h2{font-size: 12px; line-height: 16px; font-weight: 400;}
.report-chart-table .over-scroll .table th{font-size: 12px !important; line-height: 16px !important; color: #2C2C2C !important; font-weight: 400;}
.report-chart-table .over-scroll .table td{ border-radius: 0 !important; font-size: 11px; line-height: 15px;}
.report-chart-table .over-scroll .table tbody tr:nth-of-type(odd){background: #F7F8F9;}
.report-chart-table .report-chart.report-wise-chart [id*=container-]{display: block;}
.select2-container.select2-container--open {z-index: 999;}
.ui-menu.ui-widget.ui-widget-content { z-index: 99999999 !important;}
.fancybox__container {    z-index: 99999 !important;}
.fancybox-button[disabled], .fancybox-button[disabled]:hover, .fancybox-button--zoom{display: none !important;}

/* For Chrome, Edge, and Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.table-responsive .dataTables_wrapper select {  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");  display: block;  width: 100%;  padding: .25rem 1.625rem .25rem .5rem !important;  font-size: .765625rem;  font-weight: 400;  line-height: 1.5;  color: #5a6a85;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  background-color: #ffffff;  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);  background-repeat: no-repeat;  background-position: right 10px center;  background-size: 16px 12px;  border: var(--bs-border-width) solid #dfe5ef;  border-radius: 5px;  box-shadow: unset;  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

@media (prefers-reduced-motion:reduce) {
    .table-responsive .dataTables_wrapper select {  transition: none }
}

.table-responsive .dataTables_wrapper select:focus { border-color: #aec3ff; outline: 0; box-shadow: unset,0 0 0 .25rem rgba(93,135,255,.25); }
.table-responsive .dataTables_wrapper select[multiple],.table-responsive .dataTables_wrapper select[size]:not([size="1"]) { padding-right: 16px; background-image: none; }
.table-responsive .dataTables_wrapper select:disabled {  background-color: var(--bs-secondary-bg);}
.table-responsive .dataTables_wrapper select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #5a6a85; }

[data-layout=vertical] body[data-sidebartype=mini-sidebar] .logo-img img { width: 40px !important; height: 40px !important; }
.sidebar-nav .simplebar-content { padding: 0 10px !important;}
.min-68 {min-width: 68px;}
.logo-img { display: flex; align-items: center; }
.logo-img .dark-text {max-width: 190px;}
.action-btn, .table-menu-action {display: flex; align-items: center; gap: 0.5rem;}
.action-btn>*, .table-menu-action>* {margin: 0 !important;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {display: inline-block;}
.highcharts-contextmenu {    z-index: 1000 !important; /* Ensure the menu appears above other elements */}
.dt-buttons {margin-bottom: 15px;}
/* #dashboard_div .reports-card-body {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} */
/* .left-sidebar {z-index: 9999;} */
.left-sidebar {z-index: 11;}

body.modal-open .left-sidebar, body.swal2-shown .left-sidebar{z-index: 9;}
[data-layout=vertical] body[data-sidebartype=mini-sidebar] .left-sidebar:not(:hover) .sidebar-nav .simplebar-content  { padding: 0 24px !important;}
[data-layout=vertical] body[data-sidebartype=mini-sidebar] .left-sidebar:not(:hover) .brand-logo  { padding: 0 24px !important;}
.brand-logo a img {object-fit: contain;}
.left-sidebar:not(:has(.fixed-profile)) .scroll-sidebar {height: calc(100vh - 70px);}

ul.billing-info-list{display: flex; flex-wrap: wrap; flex-wrap: wrap; margin-left: -12px; margin-right: -12px;}
ul.billing-info-list li{width: 50%; padding-left: 12px; padding-right: 12px; margin-bottom: 10px;}
ul.billing-info-list li label{font-weight: 700;}
.modal-backdrop.show + .select2-container, .zls-sptwndw + .select2-container {  z-index: 999999999;}

.selectArrow + .select2-container--default .select2-selection--multiple .select2-selection__rendered:after{    content: '';
    position: absolute; right: 13px; top: 11px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat; /*background-size: 9px 6px;
    background-position: 98%; background-position: calc(100% - 10px) 9px;*/ width: 16px; height: 12px;}
.selectArrow + .select2-container--default .select2-selection--multiple .select2-selection__clear{    margin-right: 1px !important; background: #fff; z-index: 111;     font-size: 17px !important;}
.multiple-arrow + .select2 .select2-selection--multiple {padding-right: 25px !important;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 98%; background-position: right 16px center; background-size: 16px 12px;}
.select2-container--default .select2-selection--multiple { border: var(--bs-border-width) solid #dfe5ef !important; border-radius: 7px !important; padding-left: 12px !important; padding-right: 30px !important;}
.select2-container .select2-search--inline .select2-search__field::-moz-placeholder { color: var(--bs-secondary-color) !important; opacity: 1}
.select2-container .select2-search--inline .select2-search__field::placeholder { color: var(--bs-secondary-color) !important; opacity: 1}
.select2-container--default .select2-selection--single .select2-selection__clear {height: 15px !important; width:15px; line-height: 15px; margin-top: 10px; margin-right: 32px !important;}
select.form-control, select.form-select {color: var(--bs-secondary-color);} /* Placeholder text color */
select.form-control option, select.form-select option {color: #5a6a85;}
select.form-control option[value=""], select.form-select option[value=""] {color: var(--bs-secondary-color); /* Placeholder text color */}
input[type="search"]::-webkit-search-cancel-button { padding-right: 18px;}
input[type="search"]::-webkit-search-decoration:hover, input[type="search"]::-webkit-search-cancel-button:hover { cursor:pointer; }
select.select2.small-select + .select2-container--default .select2-selection--single .select2-selection__rendered {height: 25px !important; padding: 0 0.70rem !important; border-color: #B1B0B0; font-size: 0.75rem;
    font-weight: 400;
    color: #2c2c2c;}

select.select2.small-select + .select2-container--classic .select2-selection--single, select.select2.small-select + .select2-container--classic .select2-selection--single .select2-selection__arrow, select.select2.small-select + .select2-container--classic .select2-selection--single .select2-selection__rendered, select.select2.small-select + .select2-container--default .select2-selection--multiple, select.select2.small-select + .select2-container--default .select2-selection--single, select.select2.small-select + .select2-container--default .select2-selection--single .select2-selection__arrow, select.select2.small-select + .select2-container--default .select2-selection--single .select2-selection__rendered {height: 25px !important; line-height:23px !important; border-color: #B1B0B0 !important;}

select.form-control:valid, select.form-select:valid {color: #5a6a85; /* Change text color when a valid option is selected */}
.review-gallery-img {width: 100%; padding-bottom: 100%; position: relative; background: rgba(0, 0, 0, 0.09); border-radius: 5px; margin-bottom: 5px;}
.review-gallery-img img {width: 100%; height: 100%; border-radius: 5px; object-fit: contain; position: absolute; left: 0;}
.review-gallery-gird p {font-size: 13px; line-height: 20px; }

.quick-list-res {display: block;}
.quick-list-res-item { width: 150px; height: 80px;  padding: 0px; border-radius: 5px; font-size:12px ; line-height: 16px; margin:0 5px 10px; display: inline-flex; align-items: center; justify-content: center; word-break: break-all; position: relative;}
.quick-list-res-item>span { display: inline-flex; align-items: center; justify-content: center; word-break: break-all; width: 100%; height: 100%; padding: 5px;     flex-direction: column; }
.quick-list-res-item small {font-size: inherit;}
.quick-list-res-item-icon {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2726%) hue-rotate(349deg) brightness(99%) contrast(114%); width: 30px;  height: 30px; margin: 0 0 5px;}
.btn-yellow .quick-list-res-item-icon {filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(7490%) hue-rotate(32deg) brightness(100%) contrast(101%);}
.quick-list-res-item .timer  {display: flex; position: absolute; top: 0; right: 4px; font-size: 9px; }
.quick-list-res-item .timer .minutes {margin-right: 5px;}

.checked-btns .btn-primary { margin: 0 8px 6px 0; }
.checked-btns .btn-check:checked + .btn-primary img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2726%) hue-rotate(349deg) brightness(99%) contrast(114%); }
.checked-btns.checked-btns-icons {flex-wrap: wrap; display: flex; margin: 0 0 26px 0; max-width: 450px;}
.checked-btns.checked-btns-icons .btn-primary { min-width: 135px; display: inline-flex; align-items: center; justify-content: space-between; margin: 0 6px 6px 0; }
.checked-btns .btn-primary img { transition: all ease-in-out 0.15s; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2726%) hue-rotate(349deg) brightness(99%) contrast(114%); }
.client-row .client-name, .client-entry .client-name {flex: 1; word-break: break-all; }
/* manual tooltip */
.custom-tooltip-trigger { position: relative; cursor: pointer;}
.custom-tooltip-trigger::after { content: attr(data-title); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);  z-index: 1070; padding: 0.25rem 0.5rem; color: #fff; background-color: #2a3547; border-radius: 7px; font-size: 0.75rem; line-height: 1.5; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; pointer-events: none;  max-width: 150px; text-align: center; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; word-wrap: break-word; width: 150px;}

.custom-tooltip-trigger::before { content: ''; position: absolute; top:calc(100% - 10px); left: 50%; transform: translateX(-50%); border-width: 0.8rem; border-style: solid; border-color: transparent; opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; bottom: -1px;
    border-width: 0 calc(0.8rem* .5) 0.4rem;
    border-bottom-color: #2a3547}
    .custom-tooltip-trigger:hover::after,
    .custom-tooltip-trigger:hover::before { opacity: 1; visibility: visible; }
.custom-tooltip-trigger[data-width="200px"]::after {width: 200px; max-width: 200px;}
.custom-tooltip-trigger[data-width="250px"]::after {width: 250px; max-width: 250px;}

.sidebar-nav ul .sidebar-item.selected .sidebar-link.has-arrow::after { border-color: var(--bs-white); transform: rotate(-135deg) translate(0, -50%);}
.quick-list-res-desc {width: 100%; float: left; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: -9px !important; margin-top: -2px !important; position: absolute !important; top: 50% !important; width: 12px !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; height: 12px !important; border: 0 !important; background-repeat: no-repeat !important; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 16px !important; padding-right: 26px !important;}

.shop-register-lft {max-height: calc(100vh - 200px); overflow: auto;}
.shop-register-rgt {max-height: calc(100vh - 200px); overflow: auto;}
.check-card-items  {position: relative; }
.check-card-items .form-check-input {position: absolute; opacity: 0; left: 0; top: 0;}
.check-card-items .form-check-input + .card.form-check-label {cursor: pointer;}
.check-card-items .form-check-input:checked + .card.form-check-label {background: #e6fffa !important;}
.check-card-items .form-check-input:checked + .card.form-check-label .ti-credit-card:before { content: "\ea67"; animation: zoomInOut 0.5s ease forwards; }
/* Keyframes for zoom-in and zoom-out effect */
@keyframes zoomInOut {
    0% {
        transform: scale(1); /* Default size */
    }
    50% {
        transform: scale(1.3); /* Zoom in */
    }
    100% {
        transform: scale(1); /* Zoom out back to normal */
    }
}
.reports-card { border:1px solid #dee2e6; }
.reports-card-border-head.reports-card-head {  border-bottom: 1px solid #dee2e6;}
/* .fc-resourceTimelineWeek-view.fc-view .fc-timeline-event-harness{ margin-bottom: 5px;} */
.page-wrapper .body-wrapper>.container-fluid { min-height: calc(100vh - 161px);}
.emoji2 {cursor: pointer;}

/*multiselect*/
.custom-select-all {
    padding: 8px;
    text-align: center;
    background: #f8f8f8;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
.custom-select-all:hover {
    background: #e0e0e0;
}
.select2-container--default .select2-results__option {
    padding-left: 30px;
    position: relative;
}

body #addon_services .select2-results__options {  display: flex; flex-wrap: wrap;}
body #addon_services .select2-results__option {  width:100%;  padding: 0;}
body #addon_services .select2-results__option label { padding: 8px 10px 8px 30px;}
td.fc-timeline-slot.fc-timeline-slot-lane.fc-day.fc-day-future:not(.business-close-date) {cursor: pointer;}
td.fc-timeline-slot.fc-timeline-slot-lane.fc-day.fc-day-today:not(.business-close-date) {cursor: pointer;}
.dataTables_processing {display: none !important;}
.dataTables_processing>div:last-child>div {all: unset;}
.dataTables_processing>div:last-child>div:first-child { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name) }
 @keyframes spinner-table {  to { transform: rotate(360deg)}}
 .dataTables_processing>div:last-child>div:first-child { --bs-spinner-width: 2.3rem; --bs-spinner-height: 2.3rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-table-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-table; border: var(--bs-spinner-table-width) solid var(--bs-primary); border-right-color: transparent }
.spinner-table-sm {  --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-table-width: 0.2em   }
@media (prefers-reduced-motion:reduce) {  .dataTables_processing>div:last-child>div:first-child {  --bs-spinner-animation-speed: 1.5s}}
.dataTables_processing>div:last-child>div:nth-child(2){display: block;  width: 40px; height: 40px; position: absolute; top: calc(0% - -5.5px); left: 0; right: 0; margin: 0 auto; background: url('../images/webappcloud.png') no-repeat center; background-size: contain;}
[data-bs-theme=dark] #emailPreviewModal .btn-close  {filter: none !important;}
.team-apt-schedule-in { width: 100%; max-width: 1200px; margin: 0 auto; }
.fileuploader-theme-dragdrop .fileuploader-input h3 {width: 100%;}
.upload-container .upload-box { display: block; padding: 40px 30px;  background: var(--bs-body-bg); border: 1px dashed #9096A2; border-spacing: 5px; border-radius: 10px; text-align: center; margin-bottom: 0; -webkit-transition: background-color 0.2sease; transition: background-color 0.2sease; position: relative; cursor: pointer;}
.upload-box .file-upload {width: 0; height: 0; position: absolute; opacity: 0;}
#selected-tags .badge.bg-primary .btn-close {width: 8px; height: 9px; opacity: 1; min-width: 8px; min-height: 8px; padding: 0;}

.cash-caontainer-pop {padding: 0 !important;   }
.cash-caontainer-pop .card {border: 0 !important; box-shadow: none !important;}
.cash-caontainer-pop .swal2-popup {width: 100%; min-height: 100vh; max-width: 700px; border-radius: 0 !important; margin-left: auto !important; display: flex !important; flex-direction: column;}
.cash-caontainer-pop .calculator {width: 100% !important; box-shadow: none !important; padding: 0 !important; border: 0 !important;  background: no-repeat !important;      }
.cash-caontainer-pop .card.border-info {width: 100% !important; max-width: 100% !important; }
.calculator-head {display: flex; width: 100%;}
.cash-caontainer-pop .swal2-title {padding: 10px !important; background-color: #007bbd !important; color: #fff !important; font-size: 18px !important; line-height: 25px !important; }
.buttons-dollar {display: flex;}
.buttons-dollar .btn {flex: 1;}
.cash-caontainer-pop .form-control {border: 0 !important;}
.cash-caontainer-pop .form-control:focus { background: #ffffff !important; }
.cardapt-des .modal-dialog {border: 0 !important; box-shadow: none !important; width: 100%; min-height: 100vh; max-width: 700px !important; border-radius: 0 !important; margin: 0 !important; margin-left: auto !important;}
.cardapt-des .modal-dialog .modal-content {width: 100%; min-height: 100vh; max-width: 700px !important; border-radius: 0 !important;}
.cardapt-des .modal-header {background-color: rgb(0, 123, 189) !important; color: rgb(255, 255, 255) !important; font-size: 18px !important; line-height: 25px !important; padding: 10px !important; border: 0 !important; border-radius: 0 !important;}
.cardapt-des .modal-header .modal-title {background-color: rgb(0, 123, 189) !important; color: rgb(255, 255, 255) !important; font-size: 18px !important; line-height: 25px !important; }
#dynamicModal .form-group:has(select) { position: relative; }
.dt-button label {color:#2a3547 !important;}
.click-cart .card-img-top {object-fit: cover;}
#bookings-loader {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); z-index: 999;}
#bookings-loader .spinner-border {position: absolute; left: 50%; top: 50%; margin: -40px;}
.ui-datepicker {z-index: 99 !important;}


@media(min-width:1201px){
    .preview-header{min-height: 209px;padding: 10px;}
}
@media(max-width:1200px){
    .preview-content {min-height: calc(100vh - 128px);}
}

@media (min-width: 992px) {
    .col-lg-20 { flex: 0 0 auto !important;  width: 20% !important;  }
}

@media (max-width:991px) {

    .mob-menu { position: fixed; z-index: 1045; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden;
/*        background-color: #fff;*/
       background: var(--bs-body-bg);
        background-clip: padding-box; outline: 0; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); transition: transform 0.3s ease-in-out; top: 0; right: 0; width: 330px; border-left: 0 solid rgba(0, 0, 0, 0.175); transform: translateX(100%); height: 100%; padding: 15px; overflow: auto; }
    .mob-menu.show { transform: none; visibility: visible;     }
    .mob-menu .quick-links { display: block;    }
    .mob-menu .quick-links { margin-top: 20px;  }
    .mob-menu .quick-links li {  display: block; width: 100%; margin: 15px 0;   }
    .mob-menu .quick-links li a { height: auto !important; line-height: 1.5 !important;     }
    ul.billing-info-list li{width: 100%;}

}

@media(max-width:767px){
    .dataTable-bottom{ margin-bottom: 10px;}
    #customdate{margin-bottom: 10px;}
    .previewHeader { padding: 15px 5px; }
    .previewHeaderLeft .backBtn { margin-right: 5px; }
    .BusinessLogo span { font-size: 12px; display: none; }
    .myHoursTable { padding: 0 0px 28px; }
    .myHoursSection { padding: 19px 12px 0; }
    .bannerGird .bannerImg { min-width: 100px; }

    .promo-events-view-head {padding: 74px 15px 20px; color:#fff; background: rgba(51, 105, 255, 1);
      background: -moz-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51, 105, 255, 1)), color-stop(62%, rgba(46, 149, 179, 1)), color-stop(100%, rgba(0, 163, 147, 1)));
      background: -webkit-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);
      background: -o-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);
      background: -ms-linear-gradient(left, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);
      background: linear-gradient(to right, rgba(51, 105, 255, 1) 0%, rgba(46, 149, 179, 1) 62%, rgba(0, 163, 147, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b318e', endColorstr='#00a393', GradientType=1);}
    .promo-events-view-logo span {color: #fff; font-size: 18px; line-height: 25px; text-transform: uppercase;}
    .promo-events-view-logo span:after {width: 31px; height: 2px; background-color: #fff;display: block; margin:10px 0 0; content: ''; }
    .promo-events-view-banner h1 {color: #2C2C2C; font-size: 24px; line-height: 32px;}
    .promo-events-view-banner p {color: #2C2C2C; }
    .promo-event-timing, .promo-event-description-in{margin: 0 auto;}
    .promo-events-view-banner img {margin: 0 auto;}
    .promo-events-view-banner { text-align: center; background: #fff !important; }
    .promo-events-view-logo   { text-align: left; font-size: 18px; }
    .promo-events-view-logo img  { display: none; }
    .promo-event-timing {max-width: 430px;}
    .promo-events-view-banner-container{border-bottom:1px solid #707070;}
    .promo-event-description {padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0;
      margin: 0;}
    .promo-event-description:after {width: calc(100% - 1.5rem); margin: 0 auto; display: block; border-bottom: 1px solid #707070; content: ''; padding: 2.5rem 0 0;}
    .promo-events-view {background: #fff;}
    .promo-event-timing .btn-primary {border-radius: 0 !important;}
    /* .promo-event-container {padding: 0;} */
    .promo-event-description p {font-size: 14px; line-height: 25px;}
    .promo-event-timing p {font-size: 14px; line-height: 25px;}
    .promo-events-view-main { min-height: calc(100vh - 156px);  }

    .dataTable-top, .dataTable-bottom  {text-align: center; display: flex; flex-wrap: wrap; gap: .5rem !important; justify-content: center !important;}
    .dataTables_filter  {text-align: center; display: flex; flex-wrap: wrap; gap: .5rem !important; justify-content: center !important;}

}
@media(max-width:575px){
    .preview-form-grid form .preview-form-inline{display: block;}
    .preview-btn{width: 100%;}
}
/** dark theme**/
[data-bs-theme=dark]:root  {
    --bs-body-bg-in: #202936;
    --fc-page-bg-color: #202936;
    --bs-body-bg-color-in: #7c8fac;
    --bs-primary: #3369ff;
    --bs-primary-rgb: 51, 105, 255;
    --bs-light-primary: rgba(51, 105, 255, 0.1);
    --bs-primary-bg-subtle: rgba(51, 105, 255, 0.1);
    --bs-secondary: #007bbd;
    --bs-secondary-rgb: 0, 123, 189;
    --bs-light-secondary: rgba(0, 123, 189, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 123, 189, 0.1);
    --bs-secondary-bg-subtle-color: 124, 143, 172;
    --bs-text-opacity: 1;
    --bs-image-color: brightness(0) saturate(100%) invert(61%) sepia(31%) saturate(328%) hue-rotate(177deg) brightness(87%) contrast(84%);
}
[data-bs-theme=dark] .tab-menu-top-pills { background-color: var(--bs-primary-bg-subtle) !important;}
[data-bs-theme=dark] .tab-menu-top-pills .tab-menu-top-pills li a, .tab-menu-top-pills li .nav-link {  color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;}
[data-bs-theme=dark] .highcharts-axis-labels, [data-bs-theme=dark] .highcharts-axis-labels text, [data-bs-theme=dark] .highcharts-axis, [data-bs-theme=dark] .highcharts-axis text, [data-bs-theme=dark] .highcharts-legend-item, [data-bs-theme=dark] .highcharts-legend-item text {   color: rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity))!important; fill:rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity)) !important;}
[data-bs-theme=dark] .highcharts-legend-box, [data-bs-theme=dark] .highcharts-button-box {background: var(--bs-light-secondary) !important; fill: var(--bs-light-secondary) !important;}
[data-bs-theme=dark] .highcharts-grid path {stroke: var(--bs-light-secondary) !important;}
[data-bs-theme=dark] .highcharts-menu { color: rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity))!important; border-color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important; background: var(--bs-body-bg-in) !important; }
[data-bs-theme=dark] .highcharts-menu li { color: rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity))!important; border-color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important; }
[data-bs-theme=dark] .highcharts-menu li:hover {background: var(--bs-light-secondary) !important;}
[data-bs-theme=dark] .highcharts-title {color: var(--bs-body-bg-color-in) !important; fill: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .reports-card-border-head.reports-card-head, [data-bs-theme=dark] .reports-card-border-head.reports-card-head h2 { color: rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity))!important; border-color:rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity)) !important; }
[data-bs-theme=dark] .calendar-modal-form-cont { background: transparent !important; }
[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__placeholder {   color: rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity))!important;}
[data-bs-theme=dark] .clientAptcont h4, [data-bs-theme=dark] .clientAptcont p,  [data-bs-theme=dark] .clientViewTitle span, [data-bs-theme=dark] .clientListCont h2, [data-bs-theme=dark] .clientListCont h3, [data-bs-theme=dark] .clientListCont ul li, [data-bs-theme=dark] .liabilitiesCont p, [data-bs-theme=dark] .clientListProfile h3, [data-bs-theme=dark] .clientListProfile p, [data-bs-theme=dark] .clientListProfile ul li, [data-bs-theme=dark] .optInStatus span small, [data-bs-theme=dark] .clientRating h4, [data-bs-theme=dark] .clientID h5, [data-bs-theme=dark] .cardParagh p, [data-bs-theme=dark] .cardNumber p {color: var(--bs-body-bg-color-in) !important;  }
[data-bs-theme=dark] .table-responsive .dataTables_wrapper select {background-color: #333f55; border-color: #333f55;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237c8fac' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}
[data-bs-theme=dark] .form-check-input:not(:checked) {background-color: #333f55;}
[data-bs-theme=dark]  .select2-container--default .select2-selection--single .select2-selection__arrow b {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237c8fac' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;}
[data-bs-theme=dark] .table-responsive .dataTables_wrapper .dataTables_filter input[type="search"] {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.331" height="13.331" viewBox="0 0 13.331 13.331"><path id="SEARCH" d="M6.666,2a4.666,4.666,0,1,0,3.049,8.186L10,10.47v.862l4,4L15.331,14l-4-4H10.47l-.284-.284A4.656,4.656,0,0,0,6.666,2Zm0,1.333A3.333,3.333,0,1,1,3.333,6.666,3.323,3.323,0,0,1,6.666,3.333Z" transform="translate(-2 -2)" fill="%237c8fac"/></svg>') !important;}
[data-bs-theme=dark] .reports-card { border-color:rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity)) !important; }
[data-bs-theme=dark] .reports-card-border-head.reports-card-head {  border-color: rgba(var(--bs-secondary-bg-subtle-color),var(--bs-text-opacity)) !important;}
[data-bs-theme=dark] .text-black { color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .dt-button label {color:var(--bs-body-bg-color-in)  !important;}




/*** fullcalendar***/
[data-bs-theme=dark] .calendar-new-lft { background: var(--bs-body-bg) !important; }
[data-bs-theme=dark] .filter-accordion-cont .card { background-color: var(--bs-secondary-bg-subtle) !important; }
[data-bs-theme=dark] .filter-accordion-cont .card-heading>a { color: var(--bs-body-bg-color-in) !important; }
[data-bs-theme=dark] .ui-widget.ui-widget-content {background-color:var(--bs-body-bg) !important;}
[data-bs-theme=dark] .ui-widget.ui-widget-content .ui-menu-item-wrapper{color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .ui-widget.ui-widget-content .ui-menu-item:hover .ui-menu-item-wrapper{color: #fff !important;}
[data-bs-theme=dark] .calendar-new-lft-btm .ui-widget.ui-widget-content {background-color: var(--bs-secondary-bg-subtle) !important;}
[data-bs-theme=dark] .ui-datepicker .ui-datepicker-next .ui-icon {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.471" height="20" viewBox="0 0 12.471 20"><path id="EXPAND:DOWN" d="M8.4,9.5,5.93,11.971l10,10,10-10L23.459,9.5,15.93,17.029Z" transform="translate(-9.5 25.93) rotate(-90)" fill="%237c8fac"/></svg>')!important;}
[data-bs-theme=dark] .ui-datepicker .ui-datepicker-prev .ui-icon { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.471" height="20" viewBox="0 0 12.471 20"><path id="EXPAND:DOWN" d="M8.4,9.5,5.93,11.971l10,10,10-10L23.459,9.5,15.93,17.029Z" transform="translate(21.971 -5.93) rotate(90)" fill="%237c8fac"/></svg>')!important; }
[data-bs-theme=dark] .ui-state-default, [data-bs-theme=dark] .ui-widget-content .ui-state-default, [data-bs-theme=dark] .ui-widget-header .ui-state-default {color: #918b8b !important;}
[data-bs-theme=dark] .ui-datepicker th {color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .ui-state-active, [data-bs-theme=dark] .ui-widget-content .ui-state-active, [data-bs-theme=dark] .ui-widget-header .ui-state-active, [data-bs-theme=dark] a.ui-button:active, [data-bs-theme=dark] .ui-button:active, [data-bs-theme=dark] .ui-button.ui-state-active:hover {color: #fff !important;}
[data-bs-theme=dark] .ui-datepicker-calendar thead tr {border-color:var(--bs-body-bg-color-in)!important;}
[data-bs-theme=dark] .filter-accordion-cont .card-heading>a:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.867' height='5.945' viewBox='0 0 9.867 5.945'%3E%3Cpath id='arrow_forward_ios_FILL1_wght400_GRAD0_opsz48' d='M13.357,13.452a.488.488,0,0,1-.133-.324.424.424,0,0,1,.133-.324L17,9.16,13.357,5.517a.452.452,0,0,1-.133-.318.458.458,0,0,1,.781-.341l4.06,4.06a.352.352,0,0,1,.081.116.361.361,0,0,1,0,.254.352.352,0,0,1-.081.116l-4.06,4.06a.432.432,0,0,1-.318.127A.45.45,0,0,1,13.357,13.452Z' transform='translate(14.091 -12.724) rotate(90)' fill='%237c8fac' stroke='%237c8fac' stroke-width='1'/%3E%3C/svg%3E%0A"); }
[data-bs-theme=dark] .ui-datepicker-title .ui-datepicker-month, [data-bs-theme=dark] .ui-datepicker-title .ui-datepicker-year {color: var(--bs-body-bg-color-in) !important; background: none !important;}
[data-bs-theme=dark] .ui-datepicker-title select.ui-datepicker-month, [data-bs-theme=dark] .ui-datepicker-title select.ui-datepicker-year { border-color: #333f55 !important; color: #7c8fac !important; background-color: #202936 !important;}
[data-bs-theme=dark] .pac-container {border:1px solid #333f55 !important; color: #7c8fac !important; background-color: #202936 !important;}
[data-bs-theme=dark] .pac-container>div {border-color: #333f55 !important; color: #7c8fac !important; background-color: #202936 !important;}
[data-bs-theme=dark] .pac-container>div * {color: #7c8fac !important; }
[data-bs-theme=dark] .pac-container .hdpi.pac-logo:after{filter: brightness(0) saturate(100%) invert(57%) sepia(7%) saturate(1329%) hue-rotate(177deg) brightness(96%) contrast(88%);}
[data-bs-theme=dark] .pac-container .dismissButton  {border-color: #333f55 !important; background-color: var(--bs-secondary-bg-subtle) !important; color: #7c8fac !important; }
[data-bs-theme=dark] .btn.disabled, [data-bs-theme=dark] .btn:disabled, [data-bs-theme=dark] fieldset:disabled .btn { color: #b2b6bc; pointer-events: none; background-color: transparent; border-color: #b2b6bc; }
[data-bs-theme=dark] .accord-module.accord-gray-roles .accordion-button {color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .calendarNew .form-control { background-color: var(--bs-secondary-bg-subtle) !important; color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .calendarNew label { color: var(--bs-body-bg-color-in) !important; }
[data-bs-theme=dark] .paragh12 { color: var(--bs-body-bg-color-in) !important; }
[data-bs-theme=dark] .borderTop .btn-outline-light {background: #e0e0e0 !important;}
[data-bs-theme=dark] .leftList { color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .leftList .btn-primary { background: var(--bs-body-bg) !important; border-color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .leftList .btn-primary img { filter: none !important;}
[data-bs-theme=dark] .reviewslit-data-item-tile, [data-bs-theme=dark] .reviewslit-data-item-content, [data-bs-theme=dark] .ions-cont-review-txt {color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .ions-cont-review-icon img[alt="happy"] {filter: brightness(0) saturate(100%) invert(55%) sepia(33%) saturate(293%) hue-rotate(177deg) brightness(95%) contrast(88%);}




/* #202936 */


/* [data-bs-theme=dark] #viewChange { background-color: var(--bs-primary-bg-subtle) !important; } */
[data-bs-theme=dark] .calendar-head { background: var(--bs-body-bg) !important; color: var(--bs-body-bg-color-in) !important; border:0 !important;  border-top:1px solid var(--bs-body-bg-color-in)!important;}
[data-bs-theme=dark] .calendar-menu { filter: brightness(0) saturate(100%) invert(61%) sepia(31%) saturate(328%) hue-rotate(177deg) brightness(87%) contrast(84%); }
/* [data-bs-theme=dark] .calendar-head .calendar-menu img { filter: brightness(0) saturate(100%) invert(61%) sepia(31%) saturate(328%) hue-rotate(177deg) brightness(87%) contrast(84%); } */
[data-bs-theme=dark] .fc-toolbar-ltr .fc-toolbar-title, [data-bs-theme=dark] .fc-toolbar-title {color: var(--bs-body-bg-color-in) !important; }
[data-bs-theme=dark] .fc-toolbar-ltr .fc-button {background: var(--bs-secondary-bg-subtle) !important; color: #ffffff !important; }
[data-bs-theme=dark] .fc-toolbar-ltr .fc-button:before, [data-bs-theme=dark] .fc-toolbar-ltr .fc-button:after {filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(1%) hue-rotate(346deg) brightness(103%) contrast(101%) !important; }
[data-bs-theme=dark] .fc-col-header-cell .fc-scrollgrid-sync-inner{background-color: var(--bs-primary-bg-subtle) !important;}
[data-bs-theme=dark] .fc-scrollgrid-section {background-color: var(--bs-primary-bg-subtle) !important; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;}
[data-bs-theme=dark] .fc .fc-col-header-cell-cushion , [data-bs-theme=dark] .resource-head-title{color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .fc-theme-standard td, [data-bs-theme=dark] .fc-theme-standard th, [data-bs-theme=dark] .fc-theme-standard .fc-scrollgrid{border-color: var(--bs-body-bg-color-in)!important;}
[data-bs-theme=dark] .fc .fc-timegrid-axis-frame {background: var(--bs-body-bg-in) !important;}
[data-bs-theme=dark] .fc .fc-scrollgrid-section-sticky>* {background: #000 !important;}
[data-bs-theme=dark] .fc .fc-view,[data-bs-theme=dark] .fc .fc-timegrid-axis-chunk {background: var(--bs-body-bg-in) !important; color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .fc .fc-timegrid-slot-label-cushion { color: var(--bs-body-bg-color-in) !important;}
[data-bs-theme=dark] .fc .fc-timegrid-col, [data-bs-theme=dark] .fc .fc-timegrid-col.fc-day-today, [data-bs-theme=dark] .fc th.fc-timegrid-axis { background: var(--bs-body-bg-in) !important;}
[data-bs-theme=dark] .fc .fc-non-business { background: rgb(106 103 103 / 80%) !important;}
[data-bs-theme=dark] #contextMenu .dropdown-menu, [data-bs-theme=dark] #contextMenuEventChk .dropdown-menu, [data-bs-theme=dark] #classMenuCheck .dropdown-menu, [data-bs-theme=dark] #blockMenuCheck .dropdown-menu {background-color: #2e343d !important; color: #fff !important; border:1px solid var(--bs-body-bg-color-in)!important;}
[data-bs-theme=dark] #contextMenu .dropdown-menu a, [data-bs-theme=dark] #contextMenuEventChk .dropdown-menu a, [data-bs-theme=dark] #classMenuCheck .dropdown-menu a, [data-bs-theme=dark] #blockMenuCheck .dropdown-menu a { color: #fff !important; }
[data-bs-theme=dark] .modal.aptNewModal .modal-dialog {background: #202936 !important;}
[data-bs-theme=dark] .contact-details-inner {color: #fff !important;}
[data-bs-theme=dark] .editaptmembers .form-check::before {color: #fff !important; border-color: #fff !important; }
[data-bs-theme=dark] .fc-resourceTimelineWeek-view.fc-view .topHeaderDate, [data-bs-theme=dark] .fc-resourceTimelineWeek-view.fc-view .topHeaderDate small {color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important; }
[data-bs-theme=dark] .fc-resourceTimelineWeek-view.fc-view .fc-day-today .topHeaderDate small, [data-bs-theme=dark] .fc-resourceTimelineWeek-view.fc-view .fc-day-today .topHeaderDate {color:#fff !important; }


/*ediotr dark*/
[data-bs-theme=dark] .fr-toolbar {color: #FFF;  background: #353535; }
[data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-command.fr-btn, [data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-btn {background: transparent !important; border-color: transparent !important;}
[data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-command.fr-btn:hover, [data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-btn:hover {  background: #424242 !important; }
[data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-command.fr-btn i, [data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-btn i, [data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-command.fr-btn svg, [data-bs-theme=dark] .smallfroalaEditor .fr-toolbar .fr-btn svg {color: #fff !important;}
[data-bs-theme=dark] .fr-toolbar .fr-command.fr-btn svg path, [data-bs-theme=dark] .fr-popup .fr-command.fr-btn svg path, [data-bs-theme=dark] .fr-modal .fr-command.fr-btn svg path {fill: #fff !important;}
[data-bs-theme=dark] .fr-toolbar .fr-more-toolbar {background-color: #686868;}
[data-bs-theme=dark] .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {color: #000;}
[data-bs-theme=dark] .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {background: #686868;}
[data-bs-theme=dark] .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, [data-bs-theme=dark] .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, [data-bs-theme=dark] .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {background: #686868;}
[data-bs-theme=dark] .fr-toolbar {border-color: #686868;}
[data-bs-theme=dark] .fr-toolbar .fr-newline {background: #686868;}
[data-bs-theme=dark] .fr-desktop .fr-command:hover:not(.fr-table-cell), [data-bs-theme=dark] .fr-desktop .fr-btn:hover:not(.fr-table-cell), [data-bs-theme=dark] .fr-desktop .fr-command:focus:not(.fr-table-cell), [data-bs-theme=dark] .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), [data-bs-theme=dark] .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {  background: #424242 !important;}

[data-bs-theme=dark] .version-text {  color: var(--bs-body-bg-color-in) !important; }
[data-bs-theme=dark] .fr-wrapper .fr-popup.fr-desktop.fr-active .fr-command.fr-btn svg path{fill: #000000 !important;}
[data-bs-theme=dark] .fr-wrapper .fr-popup.fr-desktop.fr-active .fr-btn:hover{background: #cfcfcf !important;}

/******* Location Filter styles *******/
#location_filter + .select2-container .select2-selection__choice {
    position: relative;
    padding: 6px 12px 6px 30px;
    white-space: normal;
    word-break: break-word;
    line-height: 1.35;
    max-width: 100%;
}

#location_filter + .select2-container .select2-selection__choice__remove {
    position: absolute;
    left: 8px;
    top: 8px;
    transform: none;
    margin: 0;
}