@font-face {
  font-family: 'Sentient-Extralight';
  src: url('/assets/fonts/Sentient-Extralight.woff2') format('woff2'),
       url('/assets/fonts/Sentient-Extralight.woff') format('woff'),
       url('/assets/fonts/Sentient-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-ExtralightItalic';
  src: url('/assets/fonts/Sentient-ExtralightItalic.woff2') format('woff2'),
       url('/assets/fonts/Sentient-ExtralightItalic.woff') format('woff'),
       url('/assets/fonts/Sentient-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Light';
  src: url('/assets/fonts/Sentient-Light.woff2') format('woff2'),
       url('/assets/fonts/Sentient-Light.woff') format('woff'),
       url('/assets/fonts/Sentient-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-LightItalic';
  src: url('/assets/fonts/Sentient-LightItalic.woff2') format('woff2'),
       url('/assets/fonts/Sentient-LightItalic.woff') format('woff'),
       url('/assets/fonts/Sentient-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient';
  src: url('/assets/fonts/Sentient-Regular.woff2') format('woff2'),
       url('/assets/fonts/Sentient-Regular.woff') format('woff'),
       url('/assets/fonts/Sentient-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-Italic';
  src: url('/assets/fonts/Sentient-Italic.woff2') format('woff2'),
       url('/assets/fonts/Sentient-Italic.woff') format('woff'),
       url('/assets/fonts/Sentient-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Medium';
  src: url('/assets/fonts/Sentient-Medium.woff2') format('woff2'),
       url('/assets/fonts/Sentient-Medium.woff') format('woff'),
       url('/assets/fonts/Sentient-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-MediumItalic';
  src: url('/assets/fonts/Sentient-MediumItalic.woff2') format('woff2'),
       url('/assets/fonts/Sentient-MediumItalic.woff') format('woff'),
       url('/assets/fonts/Sentient-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Bold';
  src: url('/assets/fonts/Sentient-Bold.woff2') format('woff2'),
       url('/assets/fonts/Sentient-Bold.woff') format('woff'),
       url('/assets/fonts/Sentient-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-BoldItalic';
  src: url('/assets/fonts/Sentient-BoldItalic.woff2') format('woff2'),
       url('/assets/fonts/Sentient-BoldItalic.woff') format('woff'),
       url('/assets/fonts/Sentient-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/libre-franklin-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/libre-franklin-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cormorant-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/cormorant-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/cormorant-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/cormorant-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*SALONE 25*/
.f-primary{font-family:"Sentient",serif;}
.f-secondary{font-family:"Libre Franklin",sans-serif;}
.f-tertiary{font-family:"Cormorant",serif;}
.fs-10{font-size: 10px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-20{font-size: 20px;}
.fw-500{font-weight: 500;}
.icon-cap{height: 1cap; aspect-ratio: 1;}
.text-ls-1{letter-spacing: 1px;}
.table th{font-family:"Libre Franklin",sans-serif;}
.table tr{font-family:"Sentient",serif;}
.flex-basis-0{-ms-flex-preferred-size: 0;flex-basis: 0;}
/*.btn.btn-primary{border: var(--bs-secondary) solid 3px!important;}*/
.img-fit{ -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.card .card-header, .card .card-body, .card .card-footer, .modal-footer .border{border-color: rgba(0, 0, 0, 0.175);}
.navbar.fixed-top{ top: -1px; }
.btn .ph{line-height:var(--bs-btn-line-height); }
.navbar-brand{ height: auto; }
.link-indent { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; text-indent: -99999px; }
.toast{ box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }
.toast{ --bs-toast-header-bg: #FFF; --bs-toast-bg: #FFF; }
.modal-body{ padding: 0!important; }
.modal-body .form-check-input{background-color: var(--bs-white);}
.modal-body .form-check-input:checked { background-color: var(--bs-primary); }

/* HERO */
.hero{ height: 700px; position: relative; background-image: url('/img/banner.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; background-color: #f2e6d6; }
@media (max-width: 1600px){
  .hero{ height: 600px; background-size: contain; }
}
@media (max-width: 1199px){
  .hero{ height: 500px; }
}
@media (max-width: 1024px){
  .hero{ height: 400px; }
}
@media (max-width: 768px){
  .hero{ height: 300px; }
}
@media (max-width: 575px){
  .hero{ height: 185px; }
}

/*GALLERY*/
.parent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(5, 1fr); -ms-grid-rows: 1fr 1fr 1fr 1fr; grid-template-rows: repeat(4, 1fr); grid-column-gap: 15px; }
.parent > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
.parent > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
.parent > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
.parent > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }
.parent > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; }
.parent > *:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 1; }
.parent > *:nth-child(7) { -ms-grid-row: 2; -ms-grid-column: 3; }
.parent > *:nth-child(8) { -ms-grid-row: 2; -ms-grid-column: 5; }
.parent > *:nth-child(9) { -ms-grid-row: 2; -ms-grid-column: 7; }
.parent > *:nth-child(10) { -ms-grid-row: 2; -ms-grid-column: 9; }
.parent > *:nth-child(11) { -ms-grid-row: 3; -ms-grid-column: 1; }
.parent > *:nth-child(12) { -ms-grid-row: 3; -ms-grid-column: 3; }
.parent > *:nth-child(13) { -ms-grid-row: 3; -ms-grid-column: 5; }
.parent > *:nth-child(14) { -ms-grid-row: 3; -ms-grid-column: 7; }
.parent > *:nth-child(15) { -ms-grid-row: 3; -ms-grid-column: 9; }
.parent > *:nth-child(16) { -ms-grid-row: 4; -ms-grid-column: 1; }
.parent > *:nth-child(17) { -ms-grid-row: 4; -ms-grid-column: 3; }
.parent > *:nth-child(18) { -ms-grid-row: 4; -ms-grid-column: 5; }
.parent > *:nth-child(19) { -ms-grid-row: 4; -ms-grid-column: 7; }
.parent > *:nth-child(20) { -ms-grid-row: 4; -ms-grid-column: 9; }
.parent > div { overflow: hidden; }
.parent > div > img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.div1 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 6 / 3; height: 450px; }
.div2 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: 1 / 3 / 6 / 5; height: 450px; }
.div3 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 1 / 5 / 3 / 6; padding-bottom: 7.5px; }
.div4 { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 3 / 5 / 5 / 6; padding-top: 7.5px; }
.bg-intro { background-color: #22AE891A; }


/* COLLAPSE */
.collapse-icon-change{ cursor: pointer; }
.collapse-icon-change.collapsed > span{ display: inline-block; }
.collapse-icon-change.collapsed > span + span{ display: none; }
.collapse-icon-change.collapsed > img{ display: inline-block; }
.collapse-icon-change.collapsed > img + img{ display: none; }
.collapse-icon-change > img{ display: none; }
.collapse-icon-change > img + img{ display: inline-block; }
.collapse-icon-change > span{ display: none; }
.collapse-icon-change > span + span{ display: inline-block; }

/* MEDIA OBJECT */
.icon-wrap{ background-color: var(--bs-secondary); padding: 9.5px 9px; border-radius: 10px; }

/*FORM*/
.form-control,
.form-control:focus{ -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important;}
.form-select:not(.form-control){ font-weight: 600; -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25), 0px 5px 16px rgba(196, 196, 196, 0.05)!important; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25), 0px 5px 16px rgba(196, 196, 196, 0.05)!important; }
.form-select.bg-secondary:disabled{ cursor: pointer; 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='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); }
.was-validated .form-control:invalid, .form-control.is-invalid{ background-color: #FCD0CF; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, 
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{ box-shadow: none; }
/* was-validated :invalid~.input-group-text{ display: none; } */
.input-group-flag .input-group-text.fi { background-size: 25px; padding-left: 35px; }
.input-group-flag select,
.input-group-flag input{ padding-left: 0px!important; }
.form-control, .form-control:focus{background-color: transparent; border: 0; border-bottom: 1px solid #1F1E1C; border-radius: inherit; box-shadow: none;}
.ts-wrapper{background-color: #FFF; box-shadow: none !important; border: 0; border-bottom: 1px solid; border-radius: inherit; }
.focus .ts-control{box-shadow: none;}
.ts-dropdown{background-color: #FFF; border-radius: 0;}

/* NAVTABS */
.nav-tabs .nav-link{ position: relative; }
.nav-tabs .nav-link::after{ content: ''; position: absolute; height: 4px; border-radius: 8px 8px 0px 0px; bottom: 0; left: 25px; right: 25px; -webkit-transition: background-color .3s ; -o-transition: background-color .3s ; transition: background-color .3s ; }

.nav-tabs .nav-link.active{ font-weight: bold; }
.nav-tabs .nav-link.active::after{ background-color: var(--bs-dark); }

/* CARDS */
.card.shadow{ -webkit-box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18)!important; box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18)!important; }

/* CUSTOM ELEMENTS */
.with-chevron{ cursor: pointer; }
.with-chevron::after { display: inline-block; margin-left: 1em; vertical-align: 0.2em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.divider-text{ position: relative; text-align: center; font-weight: 600; }
.divider-text::after{ content: ''; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 2px; background-color: var(--bs-gray-300); }
.divider-text span{ position: relative; z-index: 1; background-color: #FFF; padding-left: 15px; padding-right: 15px; }
/*.modal .modal-body{ max-height: 500px; overflow-y: scroll; }*/
.modal-content{background-color: #FFF;}
.modal .modal-body{ max-height: 500px;}
.modal .modal-body { -ms-overflow-style: none; scrollbar-width: none; }
.modal .modal-body::-webkit-scrollbar { display: none; width: 0; height: 0; }
#m-profile .modal-body{ height: 500px;}

/* .modal .accordion-item ul.interactive-list{ display: flex; flex-direction: column; gap: .75rem; margin-bottom: 0; }
.modal .accordion-item ul.interactive-list li{ cursor: pointer; }
.modal .accordion-item ul.interactive-list li.active{ font-weight: 600; }
.modal .accordion-item ul.interactive-list li span{ position: relative; }
.modal .accordion-item ul.interactive-list li span::after{ content: "\F272"; font-family: bootstrap-icons !important; font-size: 1.875rem; display: block; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); display: none; }
.modal .accordion-item ul.interactive-list li.active span::after{ display: block; } */

.steps-counter { counter-reset: steps; }
.steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; padding: 0; margin: 0; list-style: none; }
.steps-counter .step-item { counter-increment: steps; height: 32px; }
.step-item { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-height: 1rem; margin-top: 0; color: inherit; text-align: center; cursor: default; padding-top: calc(24px); }
.steps-counter .step-item:before { content: counter(steps); border-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius) !important; }
.step-item:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color:#FFF; width: 24px; height: 24px;}
.step-item:before { background: var(--bs-success); color: black; content:"\E182"!important; font-family: Phosphor; padding: 4px;}
.step-item:after{ background-color: #E0E0E0; }
.step-item:not(:last-child):after { position: absolute; left: 50%; top: 50%; width: 50%; content: ""; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); }
.step-item:after { top: calc(24px * .5); height: 2px; }
.step-item.active:before { background: var(--bs-primary); color: #FFF; content: counter(steps)!important; font-family: "Libre Franklin",sans-serif !important; }
.step-item.active:after { background: #E0E0E0; }
.step-item.active~.step-item:before { border: 1px solid #9CD4FF; background: transparent; color: #000; content: counter(steps)!important; font-family: inherit; color: #110E03; }
.step-item.active~.step-item:after{ background: #E0E0E0; }

.accordion-checkbox .accordion-item{ border: 0; }
.accordion-checkbox .accordion-button.active{ background-color: var(--bs-gray); }
.accordion-checkbox .accordion-button{ background-color: transparent; }
.accordion-checkbox .accordion-button.active::before{ display: block;}
.accordion-checkbox .accordion-header{ position: relative; }
.accordion-checkbox .accordion-body ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; margin-bottom: 0;}
.accordion-checkbox .accordion-body li span{ position: relative; }
.accordion-checkbox .accordion-body li input:checked + span::after{ content: "\E182"; font-family: Phosphor !important; font-size: 1.875rem; display: block; position: absolute; left: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.checkmark{ display: none!important; background-image: url('/assets/img/icon-checked.svg'); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -35px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; display: none; pointer-events: none; }
.checkmark + label{ width: 100%; }
input:checked + .checkmark{ display: block!important; }
.list-checkbox li{ padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
.list-checkbox li.selected{ background-color: var(--bs-secondary); border-radius: 8px; }
.list-checkbox li label{ cursor: pointer; }
.list-checkbox li div{ cursor: default; }
#show-pwd{ cursor: pointer; }

.btn-close-sm{ width: 0.5em; height: 0.5em; }

.box{ border-radius: 2px; }
.text-mini{ font-size: 0.563rem; }
.plugin-dropdown_input.focus .ts-dropdown .dropdown-input{ box-shadow: none; border-color: inherit; }
.breadcrumb{ row-gap: 0.5rem; }
.choose-payment{ transition: background-color .5s ease; }
.choose-payment:hover{ background-color: var(--bs-border-color); }

/* NUMBER PICKS */
#m-people *::-moz-selection { background-color: transparent; color: #000; }
#m-people *::selection { background-color: transparent; color: #000; }
.n-picks{height: 270px; margin: 25px 0; overflow: hidden; display: inline-block; background-color: #E5E5E5; border-radius: 20px; position: relative;}
.n-picks ul{list-style: none; padding-left: 0; display: inline-block; margin-bottom: 0; position: relative; top: -54px; width: 100px; text-align: center;}
.n-picks ul li{padding: 15px 0; opacity: 0.70;}
.n-picks ul li.current { font-size: 25px; font-weight: bold; padding: 8px 0; opacity: 1; }
.n-picks-center{ height: 54px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; z-index: 1; }

/*QRCODE*/
#qrcode img{ margin: 0 auto; max-width: 100%; }

/* SEARCH */
#open-search{ cursor: pointer; }
#open-search + input{ -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transition: -webkit-clip-path .4s; transition: -webkit-clip-path .4s; -o-transition: clip-path .4s; transition: clip-path .4s; transition: clip-path .4s, -webkit-clip-path .4s; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; min-width: 300px; padding-left: 48px; }
#open-search.open + input{ -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

/* OFFCANVAS MENU */
.offcanvas .offcanvas-list li:last-child{ border: 0; }
.offcanvas-bottom.shadow{-webkit-box-shadow: 0px -1px 3px rgba(97, 97, 97, 0.2), 0px -2px 5px rgba(97, 97, 97, 0.2)!important;box-shadow: 0px -1px 3px rgba(97, 97, 97, 0.2), 0px -2px 5px rgba(97, 97, 97, 0.2)!important;}

/* LOADER */
.loader{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.loader.show{ opacity: 1; z-index: 9999;}
.loader .spinner-border{ width: 130px; height: 130px; }

/* ZIG ZAG BORDER */
.zigzag{
  --mask: linear-gradient(#000 0 0) center/100% calc(100% - 30px) no-repeat, conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/30.00px 15px repeat-x, conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/30.00px 15px repeat-x;
  -webkit-mask: var(--mask); mask: var(--mask);
}

/* STOPWATCH */
#stopwatch{ width: 70px; }
#stopwatch small{ width: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

/* CALENDAR */
.daterangepicker{ position: static; display: block!important; border: 0; width: 100%;}
.daterangepicker .drp-calendar{ max-width: 100%; width: 100%; }
.daterangepicker .drp-buttons{ display: none!important; }
.daterangepicker th.month{ font-size: 15px; }
.daterangepicker td{ background-color: transparent!important; }
.daterangepicker td.active{ color: var(--bs-dark); background-color: transparent; font-weight: bold; }
/* .daterangepicker td.active.available, .daterangepicker td.available:hover{ background-color: var(--bs-secondary)!important; }
 */
.daterangepicker .calendar-table td{ position: relative; z-index: 5; }
.daterangepicker .calendar-table td.available::after{ content: ""; position: absolute; top: 1px; right: 1px; left: 1px; bottom: 1px; border: 2px solid #9cd4ff5e; border-radius: 4px; z-index: -1; }
.daterangepicker .calendar-table td.active::after, .daterangepicker .calendar-table td.available:hover::after{ background-color: var(--bs-secondary); border: 0; }


.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{ width: 32px; height: 42px; }
.daterangepicker .calendar-table td.available{ font-weight: 700; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; opacity: 0.5; }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect{ border: 0; font-size: 17px; font-weight: bolder; text-align: right; padding-right: 5px; outline: none; }
/* .daterangepicker th.prev,
.daterangepicker th.next{ display: none; } */
.daterangepicker select.monthselect{ margin-right: 0; width: auto; float: left; text-align: left; margin-left: 10px; text-transform: capitalize;}
.daterangepicker select.yearselect{ margin-right: 0; width: auto; margin-right: 12px; float: right; }
/*#m-date .daterangepicker th.prev,*/ 
#m-date-profile .daterangepicker th.next,
#m-date-profile .daterangepicker th.prev, 
#m-date-profile .daterangepicker th.next{ display: none; }
#m-date{ text-transform: capitalize; }

/* TICKET NUMBER */
.ticket-number-container{border-radius: 0;}
.ticket-number-container .decrease, .ticket-number-container .increase{border-radius: 0; background-color: transparent; height: 45px; width: 45px; position: relative; cursor: pointer;}  
.ticket-number-container .decrease, .ticket-number-container .increase{font-size: 19px; line-height: 1;}
.ticket-number-container .value{height: 45px; border: 1px solid var(--bs-primary); border-left: none; border-right: none; font-size: 20px;}
.ticket-number-container .value input{height: 45px;}
.ticket-number-container .increase:hover, .ticket-number-container .decrease:hover{color: #FFF!important; background-color: var(--bs-primary)!important;}
.ticket-number-container .decrease{border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.ticket-number-container .increase{border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
/*.ticket-number-container .decrease:before, .ticket-number-container .increase:before{content:'-'; position: absolute; font-size: 35px; top:50%; left: 50%; line-height: 1; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ticket-number-container .increase:before{content:'+';}*/
.ticket-number-container input{ background-color: transparent!important; border: none; width: 100%; outline: none; font-weight:bold; cursor: default; text-align: center;}
.ticket-number-container input[type="number"]::-webkit-inner-spin-button,
.ticket-number-container input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.ticket-number-container input[type=number] { -moz-appearance:textfield; }
#collapseBtnAccount svg{fill:var(--bs-primary); -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#collapseBtnAccount:hover svg{fill:var(--bs-white);}
#collapseBtnAccount.collapsed svg{-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}

@media (max-width: 991px){
  .parent{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: repeat(5, 1fr); grid-column-gap: 15px; }
  .parent > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1; }
  .parent > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 3; }
  .parent > *:nth-child(3){ -ms-grid-row: 1; -ms-grid-column: 5; }
  .parent > *:nth-child(4){ -ms-grid-row: 2; -ms-grid-column: 1; }
  .parent > *:nth-child(5){ -ms-grid-row: 2; -ms-grid-column: 3; }
  .parent > *:nth-child(6){ -ms-grid-row: 2; -ms-grid-column: 5; }
  .parent > *:nth-child(7){ -ms-grid-row: 3; -ms-grid-column: 1; }
  .parent > *:nth-child(8){ -ms-grid-row: 3; -ms-grid-column: 3; }
  .parent > *:nth-child(9){ -ms-grid-row: 3; -ms-grid-column: 5; }
  .parent > *:nth-child(10){ -ms-grid-row: 4; -ms-grid-column: 1; }
  .parent > *:nth-child(11){ -ms-grid-row: 4; -ms-grid-column: 3; }
  .parent > *:nth-child(12){ -ms-grid-row: 4; -ms-grid-column: 5; }
  .parent > *:nth-child(13){ -ms-grid-row: 5; -ms-grid-column: 1; }
  .parent > *:nth-child(14){ -ms-grid-row: 5; -ms-grid-column: 3; }
  .parent > *:nth-child(15){ -ms-grid-row: 5; -ms-grid-column: 5; }

  .div1 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 6 / 3; height: 300px; }
  .div2 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1 / 3 / 6 / 4; height: 300px; }
  .div3, .div4{ display: none; } 
  .bg-change{ background-color: #FFF!important; }
}


@media (max-width: 767px){
  .modal:not(.force-center).fade{ overflow: hidden; }
  .modal:not(.force-center) .modal-body{ max-height: none; }
  .modal:not(.force-center) .modal-content{ max-height: calc(100vh - 72px); }
  .modal:not(.force-center).fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); margin-top: 0; margin-bottom: 0; margin: 0 auto; }
  .modal:not(.force-center).fade.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; }
  .modal:not(.force-center).fade .modal-dialog-centered{ -webkit-box-align: end; -ms-flex-align: end; align-items: end; min-height: calc(100%); }
}

/* HEADER - SIDEBAR - FOOTER */
header{ font-family: Libre Franklin,sans-serif; }
header .dropdown-toggle::after { display: inline-block; content: "\e136"; font-family: "Phosphor" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; font-size: 9px; margin-left: 10px; border: 0; }
header .dropdown-toggle.show::after { transform: rotate(180deg);}
header .navbar-nav .nav-link{ transition: box-shadow .3s ease-in-out, color .3s ease-in-out; box-shadow: 0px -2px 0 transparent inset; padding-top: 8px; padding-bottom: 8px; }
header .navbar{ --bs-navbar-active-color:  #004b93; }
header .navbar-nav { --bs-nav-link-hover-color: #004b93; }
header .nav .nav-link i{ font-size: 24px; }
header .second-nav .nav-link{ box-shadow: 0 3px 0 transparent inset; transition: box-shadow .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out; }
header .second-nav .nav-link:hover{ color: #004b93; background-color: #ccdff1; box-shadow: 0 3px 0 #99bfe3 inset; }
header .navbar-nav .dropdown-menu .dropdown-item:hover, header .navbar-nav .dropdown-menu .dropdown-item:focus{ background-color: inherit; color: #004b93; }
.main-content .grid{ display: grid; grid-template-columns: 1fr 5fr; font-family: Libre Franklin,sans-serif; position: relative;}
.main-content .grid .sidebar{ font-size: 16px; margin-top: 5px; border-color: #ccc !important; height: calc(100vh - 81px); top: 81px;  overflow-y: auto; scrollbar-width: none; padding-left: 32px; }
.main-content .grid .sidebar ul:nth-child(1) li a{ border-color: #ccc !important; padding: 18px 16px 18px 16px; color: #424242;}
.main-content .grid .sidebar ul:nth-child(1) li i{ font-size: 26px; }
.main-content .grid .sidebar ul:nth-child(1) li a{ transition: box-shadow .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out; }
.main-content .grid .sidebar ul:nth-child(1) li a:hover{ color: #004b93; background-color: #ccdff1; box-shadow: 0 3px 0 #99bfe3 inset; }
.main-content .grid .sidebar ul:nth-child(2){ padding-left: 40px; }
.main-content .grid .sidebar ul:nth-child(2) li a{ font-size: 14px; padding: 8px 0; line-height: 1.5; display: inline-block; color: #424242; }
.main-content .grid .sidebar-mobile ul li{ box-shadow: 0 3px 0 transparent inset; transition: box-shadow .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out; }
.main-content .grid .sidebar-mobile ul li:hover{ color: #004b93; background-color: #ccdff1; box-shadow: 0 3px 0 #99bfe3 inset; }
.main-content .grid .content{ padding-left: 15px; padding-top: 20px; }
/* .offcanvas.offcanvas-bottom{ bottom: 70px; box-shadow: none!important; transform: none!important; visibility: visible; z-index: 98; } */
.offcanvas.offcanvas-bottom{ box-shadow: none!important; transform: none!important; visibility: visible; z-index: 98; }
.dropdown-login.dropdown-menu{ margin-top: 11px!important; }
.dropdown-login.dropdown-menu::before { content: ""; position: absolute; top: -10px; right: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; }

footer{ margin-left: -15px; }
footer .footer-menu li a, footer > div p.title{ font-size: 14px; }
footer .footer-menu + p{ font-size: 10px; letter-spacing: .6px; }
footer p{ max-width: none; text-wrap: unset;}
footer .block-padding{ padding: 16px 32px 16px 16px; }

@media (min-width: 1400px){
  header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show{ box-shadow: 0px -2px 0 #669ed4 inset; }
  header .navbar-nav .dropdown-menu{ padding: 0; border-bottom-right-radius: 10px !important; }
  header .navbar-nav .dropdown-menu li{ padding: 16px 40px; }
  header .navbar-nav .dropdown-menu li a{ padding: 0; }
  header .navbar-nav .dropdown-menu li:not(:last-child){border-bottom: 1px solid #ccc; }
}

@media screen and (max-width: 600px) {
  #CookiebotWidget:not(.CookiebotWidget-inactive) {
      bottom: 70px !important;
      left: 10px;
  }
}

@media (max-width: 1199px){
  .main-content .grid{ grid-template-columns: 1fr; }
  .main-content .grid .content{ 
    /* margin-bottom: 170px;  */
    padding-left: 0;
  }
  .sidebar-mobile li a{ font-size: 14px; }
  .sidebar-mobile li a i{ font-size: 22px; }
  footer .footer-menu{ border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
  footer > .block-padding:not(:first-child):not(:nth-child(2)){ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
  footer > .block-padding + div  .block-padding{ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
}

@media (max-width: 1399px){
  header .navbar-nav{ border: 1px solid; border-radius: 32px 0; }
  header .navbar-nav > li{ width: 100%; }
  header .navbar-nav > li > a{ width: 100%; font-weight: bold; font-size: 20px; }
  header .navbar-nav > li:not(:last-child){ border-bottom: 1px solid; }
  header .navbar-nav > li .dropdown-menu{ border: 0; background-color: transparent; box-shadow: none!important; }
  header .navbar-nav > li .dropdown-menu a{ padding-left: calc(1.5rem + 15px); }
  header ul:nth-child(2) li a{ font-size: 14px; padding: 8px 0; line-height: 1.5; display: inline-block;}
}