/* 
.ms.form.row:not(.first) {
    margin-top: 0.2rem;
}
 */

.ms.form.element input:invalid {
  box-shadow: 0 0 5px 1px red;
}

.ms.form.element input:focus:invalid {
  box-shadow: 0 0 5px 1px orange;
}

/*
Separators
*/

.text-divider {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  color: silver;
}

.text-divider::before {
  content: '';
  margin-top: 0.2rem;
  margin-right: 0.5rem;
  height: 2px;
  background-color: silver;
  flex-grow: 1;
}

.text-divider::after {
  content: '';
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  height: 2px;
  background-color: silver;
  flex-grow: 1;
}

input[type="email"] {
  text-transform: lowercase;
}

/*
color_field
*/
.color_field input.unset {
  border-width: 0px;
}

.color_field input.set {
  border-width: 2px;
}

.color_field svg {
  height: 1em;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.2rem;
}

.color_field label {
  margin-right: 0.2rem;
}

/* 
  check-form-button
  
  Modification d'accordion-button
  
*/


.check-form-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .check-form-button {
    transition: none;
  }
}
.check-form-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.check-form-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%27http://www.w3.org/2000/svg%27 viewBox%3D%270 0 448 512%27 fill=%27%2300DF00%27  %3E%3Cpath d%3D%27M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z%27/%3E%3C/svg%3E");
}
.check-form-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22 fill=%27%23DF0000%27%3E%3C%21--%21Font Awesome Free 6.7.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2025 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
}
@media (prefers-reduced-motion: reduce) {
  .check-form-button::after {
    transition: none;
  }
}
.check-form-button:hover {
  z-index: 2;
}
.check-form-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.white-space-break-spaces {
    white-space: break-spaces;
}
.w-10{
    width: 10%;
}
.w-20{
    width: 20%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-50{
    width: 50%;
}
.w-60{
    width: 60%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-90{
    width: 90%;
}
.flex-1{
    flex: 1;
}
.flex-10{
    flex: 10%;
}
.flex-20{
    flex: 20%;
}
.flex-30{
    flex: 30%;
}
.flex-40{
    flex: 40%;
}
.flex-50{
    flex: 50%;
}
.flex-60{
    flex: 60%;
}
.flex-70{
    flex: 70%;
}
.flex-80{
    flex: 80%;
}
.flex-90{
    flex: 90%;
}
.flex-100{
    flex: 100%;
}
.font-0_5{
    font-size: 0.5rem !important;
}
.font-0_6{
    font-size: 0.6rem !important;
}
.font-0_7{
    font-size: 0.7rem !important;
}
.font-0_8{
    font-size: 0.8rem !important;
}
.font-0_9{
    font-size: 0.9rem !important;
}
.font-1_25{
    font-size: 1.25rem !important;
}
.font-1_5{
    font-size: 1.5rem !important;
}
.font-1_75{
    font-size: 1.75rem !important;
}
.font-2{
    font-size: 2rem !important;
}
.italic{
    font-style: italic;
}
.underline{
    text-decoration: underline;
}
.underline-red{
    text-decoration: underline;
    text-decoration-color: var(--red_tc);
}
.bold{
    font-weight: bold;
}
.uppercase{
    text-transform: uppercase;
}
.capitalize{
    text-transform: capitalize;
}
.lowercase{
    text-transform: lowercase;
}
.justify{
    text-align: justify;
}
.opacity-0{
    opacity: 0;
}
.opacity-0-5{
    opacity: 0.5 !important;
}
.opacity-1{
    opacity: 1 !important;
}
.pointer{
    cursor: pointer;
}
.disabled{
    background-color: rgba(0,0,0,0.7) !important;
}
.overflow-x-hidden{
    overflow-x: hidden;
}
.overflow-y-hidden{
    overflow-y: hidden;
}
.overflow-hidden{
    overflow: hidden;
}
.text-ellipsis{
    text-overflow: ellipsis;
}
.white-space-nowrap{
    white-space: nowrap;
}
.hide{
    display: none !important;
}
.text-decoration-none{
    text-decoration: none !important;
}
.line-height-1{
    line-height: 1 !important;
}

.bg-green-MS{
    background-color: var( --green_ms) !important;
}
.bg-red-MS{
    background-color: var( --red_ms) !important;
}
.bg_button_ms{
    background-color: var(--bg_button_ms);
}
.text-blue-MS{
    color: var(--blue_ms) !important;
}
.text-red-MS{
    color: var(--red_ms) !important;
}
.text-green-MS{
    color: var(--green_ms) !important;
}

.radius-5 {
    border-radius: 5px;
}
.radius-10 {
    border-radius: 10px;
}
.radius-15 {
    border-radius: 15px;
}




@keyframes revealAnimation {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes bounce_poster{
    from {transform: translateY(0);}
    to   {transform: translateY(-10px);}
}

.text-justify {
    text-align: justify;
}

li{
    list-style: none;
    text-decoration: none;
}
a{
    text-decoration: none;
}
.no-scroll-y {
  overflow-y: hidden !important;
}

#page_panes {
    margin: 0;
}
#pane_container{
    display: flex;
    flex-grow: 1;
}
#pane_container>.pane {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 0rem;
    margin:0;
    overflow: hidden;
}

header {
    z-index: 10;
}
body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
}

.container-fluid {
    flex: 1; 
    /* overflow-y: auto;  */
    overflow: hidden;
    min-height: 100vh;
}

.main-section {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    /* overflow-y: scroll;  */
    overflow-x: hidden;
    height: 100%;
    position: relative;
}

/* API wait screen */
.wait_overlay {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-color: rgba(0,0,0,0.85);
    z-index: 9999;
    display: flex;
}
.wait_overlay:hover {
    /* cursor: url("/assets/gears.svg"), pointer; */
}
.wait_overlay .label{
    font-weight: bold;
    color: white;
    font-size: 2em;
    margin: auto;
    width: 100%;
    text-align: center;
}

.btn {
    font-weight: bold;
}

/* NAVBAR */
nav{
    transition: 0.5s;
    z-index: 10;
    /* backgrond: linear-gradient(326deg, rgba(121, 9, 9, 0) 0% , var(--tc-style-theme-color) 100%); */
}
nav ul{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    /* justify-content: flex-end; */
    align-items: center;
}
nav li{
    /* height: 50px ; */
}
nav a{
    height: 100%;
    padding: 0 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: bold;
}
nav i{
    text-decoration: none;
    display: flex;
    align-items: center;
}
.search-item{
    width: 100%;
    display: flex;
    justify-content: center;
    /* min-width: 60px; */
    min-height: 100%;
    align-items: center;
    font-weight: 900;
}
.desktop-nav {
    /* height: 50px; */
    height: 75px;
}
.sidebar li:hover * {
    color: white !important;
}
#desktop-navbar-list {
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
#hamburger{
    display: none;
}
nav ul#list_navbar{
    height: 100%;
}
nav ul#list_navbar li{
    height: 100%;
}
nav ul#list_navbar #wrap_nav_items{
    height: 100%;
}
nav ul#list_navbar #wrap_nav_items, #desktop-navbar-list{
    height: 100%;
}
#desktop-navbar-list li {
    height: auto !important;
}
nav li a#cart {
    position: relative
}
nav a#cart .nb_item_basket {
    position: absolute;
    bottom: 10px;
    left: 50%;
    border-radius: 50px;
    /* padding: 1px 7px;
    font-size: 0.80rem; */
    /* padding: 1px 10px; */
    min-width: 25px;
    min-height: 25px;
    font-size: 0.90rem;
    display: none;
    text-align: center;
    line-height: 22px;
}
nav a#cart .nb_item_basket.active {
    display: block;
    background-color: black;
    color: white !important;
}
.desktop-nav ul li a img.icon_svg {
    height: 18px;
}
.desktop-nav ul li a.dropdown-toggle::after {
    display: none;
}
.mobile-nav {
    width: 100%;
    height: 60px;
    display: flex;
    /* justify-content: space-around; */
    z-index: 10;
}
.mobile-nav a { 
   padding: 0px;
}
.mobile-nav a .icon_svg {
    height: 20px;
}
.mobile-sidebar {
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 13;
    backdrop-filter: blur(15px); 
    background-color: rgba(0, 0, 0, 0.85); 
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 5vh;
}
.mobile-sidebar a {
    display: block;
}
.mobile-sidebar i{
    color:var(--tc-contrast-grey-color);
    font-size: 1.4rem;
    padding: 1rem;
}

.sidebar{
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: fixed;
    top: 0 ;
    right: 0;
    height: 100vh;
    width: 250px;
    z-index: 3;
    backdrop-filter: blur(15px); 
    background-color: rgba(0, 0, 0, 0.4); 
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);
}
.mobile-sidebar .sidebar_accordion{
    max-height: 70vh;
    overflow-y: scroll;
}
.sidebar_accordion .nav-item .wrap .text {
    margin: 0 !important;
}
.sidebar li{
    width: 100%;
}
.sidebar li{
    color : var (--tc-secondary-font-color);
    width: 100%;
}

.nav-menu-block-icons{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
.site_logo{
    max-width: 12rem;
    padding: 0.25rem 0.5rem;
    max-height: 90%;
    margin: auto 0;
}
nav.colored .site_logo{
    /* display: none; */
    background-color: rgba(255,255,255,0.25);
    border-radius: 5px;
}
.my-account-text{
    cursor: pointer;
    text-align: center;
}
nav #link_action_button svg {
    height: 24px;
    width: 24px;
}
nav #link_account_avatar img {
    height: 40px;
    width: 40px;
    object-fit: cover;
    margin: auto;
    border-radius: 10px;
    cursor: pointer;
}

#mobile-nav .wrap_ios_bar {
    display: flex;
    margin: 0 0.25rem 0 0.5rem;
}
#mobile-nav .wrap_ios_bar .svg_container {
    height: 30px;
    width: 24px;
    margin: auto;
}

#nav .dropdown-menu{
    z-index: 10; 
    width: auto;
    padding: 1rem; 
}
.mobile-nav .dropdown-menu{
    z-index: 10; 
    width: auto;
    padding: 0.5rem; 
}
#nav .dropdown-menu li, .mobile-nav .dropdown-menu li {
    height: auto;
    border-radius: 0.375rem;
}
#nav .dropdown-menu li a, .mobile-nav .dropdown-menu li a {
    display: flex;
    padding: 10px;
}
#nav .dropdown-menu li a > *, .mobile-nav .dropdown-menu li a > *{
    margin: auto 0;
}
#mobile-nav .collapse ul {
    margin: 0;
}
.mobile-sidebar ul li {
    margin: 0;
    padding: 0 !important;
    height: auto;
    min-width: 80%;
    /* width: 100%; */
    text-align: center;
    display: block;
}
.mobile-sidebar ul li a {
    justify-content: center;
}
.mobile-sidebar ul li.collapse-item{
    border: none;
}
.mobile-sidebar ul li a .collapse-text{
    margin: 0;
}

.mobile-user-icon-loggedout{
    display: flex;
    flex-direction: column;
}
.mobile-user-icon-loggedin{
    padding: 0;
    color: var(--tc-main-font-color);
    font-weight: bold;
    font-size: 1.5vh;
    gap: 3px;
}
.mobile-nav .my-account-text{
    padding-top: 0;
    font-size: 1.3vh;
    font-weight:lighter;
}
.mobile-user-menu{
    display: flex;
    flex-direction: column;
}
.mobile-nav #cross {
    max-width: 20vw;
}


/* HERO */
.shortly-hero-container,
.hero-container{
    max-width: 100%;
    min-height: 700px;
    max-height: 700px;
    position: relative;
    background-color: var(--tc-main-bg-color);
    z-index: 1;
}
.shortly-mobile-hero-container,
.mobile-hero-container{
    max-width: 100%;
    min-height: 300px;
    max-height: 300px;
    position: relative;
    background-color: var(--tc-main-bg-color);
    z-index: 1;
}
.hero-side {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 2; 
}
.mobile-shortly-hero-img, .mobile-hero-img{
    min-width: inherit;
    min-height: inherit;
    max-height: inherit;
    width: 100%;
    left: 0%;
    position: relative;
    object-fit: cover;
}
.shortly-hero-img, .hero-img{
    max-height: inherit;
    min-height: inherit;
    width: 100%;
    left: 0%;
    position: relative;
    display: block;
    cursor: pointer;
    object-fit: cover;
}
.hero-img.hero-img-with-side {
    width: 85%;
    left: 15%;
}
.mobile-hero-img.hero-img-with-side {
    width: 90%;
    left: 10%;
}
.hero-call-to-action-container{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 2%;
    max-width: 25%;
    background-color: transparent;
}
.hero-builder, .mobile-hero-builder {
    position: relative;
}
.mobile-hero-builder .hero-call-to-action-container {
    position: absolute;
    z-index: 3;
    /* top: 50%; */
    top: 35%;
    left: 2%;
    max-width: 40%;
    background-color: transparent;
}
.mobile-hero-builder .hero-call-to-action-container h1{
    font-size: 1.5rem;
}
.mobile-hero-builder .hero-call-to-action-container h3{
    font-size: 1rem;
}
.hero-movie-title{
    /* margin-right: 2rem; */
    text-align: center;
    font-weight: bold;
}
.mobile-hero-movie-title{
    /* font-size: clamp(1rem, calc(10px + 1vw), 2rem); */
    font-weight: 600;
    text-align: center;
}
.call-to-action-btn{
  font-size: 1.25rem;
  padding: 0.75rem 1rem;
  /* margin-top: 5px; */
  border: none;
  outline: none;
  border-radius: 0.4rem;
  cursor: pointer;
  font-weight: 700;
  transition: 0.6s;
  width: 100%;
}
.mobile-call-to-action-btn{
    width: fit-content;
    font-size: clamp(10px, calc(2px + 1vw), 1rem);
    padding: 0.5rem 0.75rem;
    border: none;
    outline: none;
    border-radius: 0.4rem;
    cursor: pointer;
    text-transform: uppercase;
    background-color: var(--tc-style-theme-color);
    color: rgb(234, 234, 234);
    font-weight: bold;
    transition: 0.6s;
    width: 100%;
}
.mobile-call-to-action-btn:active,
.call-to-action-btn:active {
  scale: 0.92;
}
.mobile-hero-call-to-action-container{
    position: absolute;
    z-index: 20;
    top: 48%;
    left: 4%;
    width: 25rem;
    height: 12rem;
    border: solid 1px red;
    background-color: transparent;
}



/*TITLES SECTION*/
.title-section{
    /* padding: 1rem 0 0rem 0; */
    text-align: center;
    margin: 0;
}
.mobile-title-section{
    /* margin-top: 1rem; */
    margin-bottom: 0rem;
    /* padding: 1rem 0 0 0; */
    text-align: center;
}

.shortly-title h2,
.actual-title h2,
.next-week-title h2{
    font-size: 2vw ;
    margin-left: 4%;
}

.mobile-shortly-title h2,
.mobile-actual-title h2,
.mobile-next-week-title h2{
    font-size: 4vw ;
    margin-left: 4%;
}
.mobile-actual-title h2,
.mobile-next-week-title h2{
    font-size: 3vw ;
    margin-left: 3vw;
    margin-top: 3vw;
}

.warning-age-container{
    position: absolute;
    margin-bottom: 19%;
    margin-left: 28%;
    z-index: 4;
}
.age-warning-logo{
   height: 80%;
    right: 0;
    margin-left: auto;
}
.movie-duration {
    color: var(--tc-main-font-color);
    font-size: 1.2vh;
    text-decoration: none;
}
.mobile-bill-img{
    width: 150px;
    border-radius: 9px;
}
.bill-img{
    border-radius: 10px;
    max-width: 240px;
}

.footer {
    width: 100%;
    font-size: 1.2vh;
    text-align: center;
    justify-content: center; 
}
.footer * {
    margin: auto 0;
}
.footer a , .footer-contact{
    text-decoration: none;
    cursor: pointer;
}
.footer a:hover, .footer-contact:hover {
    font-style: italic;
}
.footer-list{
    display: flex;
    justify-content: space-around;
    margin: 1%;
}
.footer-list a{ 
    font-size: 1.2rem;
    color:var(--tc-main-font-color);
    text-decoration: none;
}
.footer-copyright{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1vh;
    padding: 1%;
}
.footer-list {
    /* width: 100%; */
}
.footer-list ul{
  display: flex;
  justify-content: center;
}
.footer .icon_svg {
    filter: invert(1);
}
.mobile-footer{
    bottom: 3rem;
    width: 100%;
    color: var(--tc-main-font-color);
    font-size: 1.2vh;
    text-align: center;
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: center;
    background-color: #4950573d;
    padding-bottom: 1rem;
}
.mobile-footer-list{
    display: flex;
    justify-content: center;
    padding: 1vh;
}
.mobile-footer a{ 
    color:var(--tc-main-font-color);
    text-decoration: none;
    padding-left: 1vh;
    padding-right: 1vh;
}

.mobile-app-footer {
    padding: 0.5rem 0 0.5rem 0;
    border-top: 2px solid var(--tc-line-separator-color);
}
.mobile-app-footer.ios{
    padding: 0.5rem 0 2rem 0;
}
.mobile-app-footer .svg_container {
    height: 25px;
    width: 25px;
}
.mobile-app-footer img {
    height: 30px;
    width: 30px;
    object-fit: cover;
    margin: auto;
    border-radius: 10px;
    cursor: pointer;
}
.mobile-app-footer .svg_container {
    fill: white;
}
.mobile-app-footer #box_basket {
    position: relative;
}
.mobile-app-footer #box_basket .nb_item_basket {
    position: absolute;
    bottom: -5px;
    left: 60%;
    border-radius: 50px;
    min-width: 20px;
    min-height: 20px;
    font-size: 0.85rem;
    display: none;
    text-align: center;
    line-height: 20px;
}
.mobile-app-footer #box_basket .nb_item_basket.active {
    display: block;
    background-color: black;
    color: white;
}
.mobile-app-footer .dropdown-menu * {
    color: var(--tc-main-font-color);
}

.modal-title-color,.modal-color-text{
    font-weight: bolder;
 }
.input-container{
    min-height: 10%;
    min-height: fit-content;
    background: var(--tc-grey-color-5);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    z-index: 11;
    cursor: pointer;
    width: 100%;
}

input::-webkit-search-cancel-button {
 -webkit-appearance: none;
}

.search-movie-input{
   margin-top: 5%;
    color: var(--tc-main-font-color);
    font-size: 1.9vh;
    width: 60%;
    height: 5vh;
    border: none;
    border-radius: 21px;
    background: var(--tc-main-bg-color);
    z-index: 3;
    cursor: pointer;
    padding: 2.4%;
    box-shadow: 0px 10px 9px -5px
}
.search-movie-inputtextarea:focus, input:focus{
    outline: none;
}

.result-list{
    top: -111px;
    max-height: 34vh;
    width: 62%;
    margin-top: 5px;
    margin-left: 40px;
    padding: 0;
    overflow-y: auto;
}
.result-list::-webkit-scrollbar {
    width: 7px; 
}
.result-list::-webkit-scrollbar-thumb {
    background-color: var(--tc-main-bg-color); 
    border-radius: 10px; 
}
.results-content-container{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.results-content-container a{
    color: var(--tc-secondary-font-color);
}
.result-item{
    width: 95%;
    min-height: 4vh;
    font-size: 1.9vh;
    z-index: 3;
    cursor: pointer;
    color: var(--tc-secondary-font-color);
    padding: 0.4%;
    position: relative;
    height: 20px;
    margin: 2px;
    display: inline-grid;
    align-items: center;
}
.result-item:hover{
    color: var(--tc-disabled-font-color)
}

.mobile-search-input{
    margin-bottom: 4vh;
}
.mobile-input-container{
    background-color: var(--tc-secondary-bg-color);
    position: fixed;
    min-height: 13%;
    max-height: fit-content;
    top: 0;
    z-index: 22;
    width: 100%;
    margin: auto;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 4%;
}
.mobile-search-movie-input{
    top: 20%;
    position: relative;
    color: var(--tc-main-font-color);
    font-size: 4.2vw;
    width: 100%;
    border: none;
    border-radius: 12px;
    background: var(--tc-main-bg-color);
    cursor: pointer;
    padding: 1%;
    height: 7vh;
}
.mobile-result-list{
    position: relative;
    top: 21%;
    width: 90%;
    padding: 0;
    overflow-y: auto;
}
.mobile-result-items{
    width: 93%;
    min-height: 4px;
    font-size: 0.9rem;
    z-index: 3;
    cursor: pointer;
    color: var(--tc-secondary-font-color);
    padding: 0.4%;
    left: 5%;
    margin: 2px;
    display: -webkit-inline-box;
}

.poster_container{
    position: relative;
}
.poster_container .poster_header{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    justify-content: flex-end;
    height: 40px;
    /* z-index: 1; */
}
.poster_container .poster_header .img_certification{
    order: 2;
    border-radius: 10px;
    height: 40px;
    width: 40px;
}
.poster_container .poster_header .custom_tag{
    order: 2;
    /* border-radius: 10px; */
    height: 40px;
    width: 40px;
}
.poster_container .poster {
    border-radius: 5px;
    max-width: 100%;
}
.poster_container .poster_player{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
}
.poster_container .poster_player img{
    margin: auto;
    height: 80% !important;
    width: 80% !important;
    object-fit: contain !important;
    cursor: pointer;
}

.container-player{
    position: fixed;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 10000;
    display: flex;
    /* animation-duration: 1000ms;
    transition-duration: 1000ms; */
}
.container-player.open{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.container-player #player{
    max-height: 80vh;
    margin: auto;
    max-width: 100vw;
}

.session_block .wrap_availability *{
    font-size: 1rem;
}
.session_block .ct_headline {
    right: 0;
    top: -15px;
    color: white;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    text-align: center;
    /* z-index: 1; */
    display: flex;
}

img.custom_tag{
    border-radius: 50px;
}
.session_block .session_custom_tags_container{
    position: absolute;
    left: -10px;
    top: -10px;
    height: 45px;
    width: 45px;
    /* width: 100%; */
    border-radius: 50px;
    display: flex;
    flex-direction: column;
}
.session_block .session_custom_tags_container img{
    height: 100%;
    object-fit: cover;
}


/* Block programmation cinéma  */
#wrap_program_cine #wrap_prog_selected_date{
    overflow: hidden;
    /* margin-bottom: 1rem; */
}
#wrap_program_cine .row_movie .separator{
    margin: auto;
    width: 90%;
    margin-top: 0.5rem;
}
#wrap_program_cine .row_movie:last-child .separator{
    border-bottom: none !important;
}
#wrap_program_cine .movie_info_container .movie_title{
    font-weight: bold;
    font-size: 1.25rem;
}
#wrap_program_cine .movie_info_container .img_certification {
    height: 25px;
}
#wrap_program_cine .movie_info_container .movie_features_container{
    display: flex;
    flex-wrap: wrap;
}
#wrap_program_cine .movie_info_container .movie_features_container .features{
    max-width: 60px;
}
#wrap_program_cine .movie_info_container .movie_custom_tags_container .custom_tag{
    width: 50px;
    height: 50px;
    margin-right: 0.25rem;
}
#wrap_program_cine .session_container .wrap_session {
    cursor: pointer;
}
#wrap_program_cine .session_block {
    border-radius: 5px;
    font-weight: bold;
    transition-duration: 0.25s;
    min-height: 60px;
    min-width: 180px;
    max-width: 180px;
    position: relative;
    margin: 2px 12px 2px 0;
    padding: 0.25rem 0;
}
#wrap_program_cine .session_hour {
    font-size: 1.25rem;
}
#wrap_program_cine .hall.info {
    font-size: 0.90rem;
    /* font-weight: bold; */
    text-align: center;
}
#wrap_program_cine .session_container .session_features_container{
    display: flex;
    flex-wrap: wrap;
    min-width: 180px;
    max-width: 180px;
    align-items: stretch;
    margin-top: 0.5rem;
}
#wrap_program_cine .session_container .session_features_container .features{
    /* height: 35px; */
    max-width: 60px;
}
#wrap_program_cine #row_reduced_display .icon {
    height: 40px;
    width: 40px;
}


.btn_dropdown {
    border-radius: 5px;
    min-width: 110px;
    max-width: 110px;
    margin: 0.5rem 0;
    padding: 1rem;
    cursor: pointer;
    height: 100%;
}
.btn_dropdown img.icon_svg {
    height: 40px;
    margin: auto;
}
.btn_dropdown .label {
    margin-top: 0.25rem;
    margin-bottom: auto;
}
.btn_dropdown::after, .dropdown-toggle:after {
    display: none;
}
.btn_dropdown .nb_filter {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: var(--tc-style-theme-color);
    color: white;
    padding: 0.15rem 0.75rem;
    border-radius: 50px;
    font-weight: bold;
    display: none;
}
.dropdown-menu img.features {
    max-width: 70px;
    margin: auto 0;
}
.dropdown-menu#filter_prog_dropdown {
    max-width: 300px;
}
.dropdown-menu#filter_prog_dropdown .wrap_feature {
    margin: 0.25rem 0;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
}
.wrap_tools_prog {
    max-width: 96%;
    margin: 0 2%;
    border-radius: 5px;
}
.wrap_tools_prog.fixed {
    position: fixed;
    top: 75px;
    width: 100%;
    z-index: 1;
}

.btn-facebook {
    width: 35px;
    line-height: 35px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #3b5998 !important;
    box-shadow: 0 2px 2px 0 rgba(18, 86, 136, .14), 0 3px 1px -2px rgba(18, 86, 136, .2), 0 1px 5px 0 rgba(18, 86, 136, .12);
    border-color: var(--tc-style-theme-color);
}
.btn-instagram {
    width: 35px;
    line-height: 35px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #d6249f !important;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    /* background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);; */
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
    border-color: var(--tc-style-theme-color);
}
.btn-x_twitter {
    width: 35px;
    line-height: 35px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: black !important;
    border-color: var(--tc-style-theme-color);
}
.btn-tiktok {
    width: 35px;
    line-height: 35px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: black !important;
    border-color: var(--tc-style-theme-color);
}

.btn-facebook .icon, .btn-instagram .icon, .btn-x_twitter .icon, .btn-tiktok .icon{
    filter: invert(1) !important;
    height: 25px;
}

.modal_communication {
    width: 95vw;
    max-width: 1440px;
}
.modal_communication .modal-body{
    padding: 0;
    /* border-radius: 5px; */
    background-color: transparent !important;
}
.modal_communication #img_communication {
    margin: auto;
    max-height: 75vh;
    object-fit: contain;
}

.modal_rate_movie .box_stars .svg_container{
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.modal_show_movie_rating .separator {
    border-top: 1px solid lightgrey;
}
.modal_show_movie_rating .box_stars .svg_container{
    height: 30px;
    width: 30px;
    display: flex;
}
.modal_show_movie_rating #col_stars_distribution .svg_container{
    height: 20px;
    width: 20px;
    display: flex;
}
.modal_show_movie_rating #col_stars_distribution .progress, .modal_show_movie_rating #col_stars_distribution .progress .progress-bar{
    height: 10px;
}
.modal_show_movie_rating #col_comments .box_comment{
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
    padding: 0.5rem;
    border-radius: 10px;
    border: 1px solid lightgrey
}
.modal_show_movie_rating #col_comments .box_comment .nickname {
    font-weight: bold;
}
.modal_show_movie_rating #col_comments .box_comment .date {
    color: grey;
}


.air-datepicker-cell.-disabled- {
    color: lightgray !important;
}

.ql-container {
    font-family: DynamicFont, sans-serif !important;
}

select, select * {
    color: black !important;
}

.form-floating>label {
    color: black !important;
}

.modal-content {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.modal-content .modal-header, .modal-content .modal-body, .modal-content .modal-footer {
    background-color: var(--tc-main-bg-color);
}
.modal-title-color, .modal-color-text{
   color: var(--tc-style-theme-color);
}
.modal-backdrop.show {
    opacity: 0.9;
}


.block_total_basket {
    padding: 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: sticky;
    bottom: 0px;
    width: 100%;
    margin: auto 0 0 0 !important;
    z-index: 10;
}
.block_total_basket svg {
    height: 30px !important;
    width: 30px !important;
}
.block_total_basket .label {
    font-size: 1.25rem;
}
.block_total_basket .amount {
    font-size: 2rem;
    font-weight: bold;
}

@media (max-width: 1000px){
    .hide-small-screen{
        display: none !important;
    }
    #hamburger{
        display: flex;
    }
}
@media (min-width: 2500px){
    #pane_container {
        padding-left: 15rem;
        padding-right: 15rem;
    }
}
/* Ecrans de plus de 650px: */
@media (max-width: 650px){

    #pane_container>.pane {
        /* padding-bottom: 100px; */
        margin-bottom: 50px;
    }

    .container-player #player{
        max-height: 60vh;
    }
}

/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){

}
@media all and (max-device-width:1024px) and (orientation: landscape){
    
}

/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){
    .main-section {
        /* margin-bottom: 5vh; */
    }
    .wrap_tools_prog.fixed {
        top: 60px;
    }
    #wrap_program_cine .movie_info_container .movie_title{
        text-align: center;
    }
    #wrap_program_cine .movie_info_container .movie_features_container{
        justify-content: center;
    }
    #wrap_program_cine .movie_info_container .movie_features_container .features{
        max-width: 40px;
    }
    #wrap_program_cine .movie_info_container .movie_custom_tags_container{
        text-align: center;
    }
    #wrap_program_cine .session_block {
        min-height: 50px;
        min-width: 160px;
        max-width: 160px;
        margin: 2px auto;
    }
    #wrap_program_cine .session_hour {
        font-size: 1rem;
    }
    #wrap_program_cine .hall.info {
        font-size: 0.75rem;
    }
    .btn_dropdown {
        min-width: 80px;
        max-width: 80px;
        padding: 0.25rem 0.5rem;
        font-size: 0.85rem;
        height: 100%;
    }
    .btn_dropdown img.icon_svg {
        height: 30px;
    }
    .dropdown-menu img.features {
        max-width: 50px;
    }
    .dropdown-menu#filter_prog_dropdown {
        width: 225px;
    }
    nav a#cart .nb_item_basket {
        bottom: 8px;
        /* padding: 1px 8px; */
        font-size: 0.70rem;
        min-width: 20px;
        min-height: 20px;
    }
    .session_block .wrap_availability *{
        font-size: 0.80rem;
    }
    .poster_container .poster_header .img_certification{
        height: 30px;
        width: 30px;
    }
    nav .li_navbar_action_button {
        padding: 5px 2.5px !important;
    }
    nav #link_action_button {
        font-size: 0.80rem;
        text-align: center;
    }
    .site_logo{
        padding: 0.25rem 0.5rem;
        height: 75%;
        margin: auto 0;
    }
    nav #link_account_avatar img {
        height: 30px;
        width: 30px;
    }

    .block_total_basket{
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        margin: 0 !important;
    }
    .block_total_basket.total_basket_mobile {
        position: relative;
        bottom: 0;
        width: 100%;
        left: 0;
        margin: 0 !important;
    }
    .block_total_basket .label {
        font-size: 1rem;
    }
    .block_total_basket .amount {
        font-size: 1.25rem;
        font-weight: bold;
    }

    .modal_rate_movie .box_stars .svg_container{
        height: 40px;
        width: 40px;
    }

    .modal_show_movie_rating .modal-body .label{
        font-size: 0.90rem;
    }
    .modal_show_movie_rating .box_stars .svg_container{
        height: 20px;
        width: 20px;
    }
    .modal_show_movie_rating #col_stars_distribution .svg_container{
        height: 12px;
        width: 12px;
    }
    .modal_show_movie_rating #col_stars_distribution .progress, .modal_show_movie_rating #col_stars_distribution .progress .progress-bar{
        height: 10px;
    }
    .modal_show_movie_rating #col_comments .box_comment{
        margin: 0.5rem 0;
    }
    .modal_show_movie_rating #col_comments .box_comment .nickname {
        font-size: 0.85rem;
    }
    .modal_show_movie_rating #col_comments .box_comment .date {
        font-size: 0.85rem;
    }
}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){
    
}
@media all and (max-device-width:750px) and (orientation: landscape){
    
}

@media all and (max-device-width:920px) and (orientation: landscape){
    
}

/* CSS pour l'impression des récapitulatifs de commande */
@media print {
    @page {
        margin: 0 1rem; /* Réduit les marges pour limiter les en-têtes et pieds de page du navigateur */
    }
    
    body {
        /* -webkit-print-color-adjust: exact;
        print-color-adjust: exact; */
    }
    * {
        overflow: visible !important;
    }

    header {
        display: none !important;
    }
    footer *{
        display: none !important;
    }
    .pane * {
        overflow: hidden !important;
    }
    .block_prompt_pwa {
        display: none;
    }
    .container, .wrap.container{
        max-width: 100% !important;
        margin-top: 0.5rem !important;
    }
    #wrap_breadcrumb{
        display: none !important;
    }
    #ct_data_basket .card-header {
        padding: 0;
    }
    #ct_data_basket .card-header .svg_container {
        height: 20px;
        width: 20px;
    }
    #ct_data_basket .card-header .card-title {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    #ct_data_basket .card-body {
        padding: 0.5rem 0 !important;
        margin: 0 !important;
    }
    #ct_data_basket .card-body li{
        padding: 0 !important;
        margin: 0 !important;
        font-size: 1rem !important;
        line-height: 1rem;
    }
    #ct_data_basket .card-body * {
        font-weight: normal !important;
        font-size: 0.85rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #ct_data_basket #wrap_customers_info{
        display: block !important;
    }

    #ct_data_basket .block .wrap{
        margin-top: 0.5rem !important;
    }

    /* ==================== */
    #ct_data_basket #block_order .card .card-body {
        display: flex;
    }
    #ct_data_basket #block_order .card .card-body #wrap_qr_code_order .qrcode canvas{
        height: 80px !important;
        width: 80px !important;
    }
    #ct_data_basket #block_order .card .card-body #wrap_btn_action, #ct_data_basket #block_order .card .card-body #wrap_text_success .row_message, #ct_data_basket #block_order .card .card-body #wrap_text_success .row_action {
        display: none;
    }

    #ct_data_basket #block_order .card .card-body #wrap_text_success, #ct_data_basket #block_order .card .card-body #wrap_infos_supp_cmde{
        flex-grow: 1;
        width: 100%;
    }
    #ct_data_basket #block_order .card .card-body .row_date_heure {
        margin-bottom: 0 !important;
        justify-content: end;
        text-align: right;
        width: 100%;
    }
    #ct_data_basket #block_order .card .card-body .row_date_heure .col-12 {
        justify-content: end;
        text-align: right;
        margin: 0;
        padding: 0;
    }
    #ct_data_basket #block_order .card .card-body .row_date_heure *, #ct_data_basket #block_order .card .card-body .row_abo *{
        font-size: 0.85rem;
        font-weight: normal;
    }
    #ct_data_basket #block_order .card .card-body .row_abo {
        margin-top: auto !important;
        margin-left: 0;
    }
    #ct_data_basket #block_order .card .card-body .row_abo .col-12 {
        justify-content: end;
        text-align: right;
    }
    #ct_data_basket #block_order .card .card-body .row_abo .img{
        height: 30px;
    }

    /* ==================== */
    #ct_data_basket #block_movie_details{
        max-width: 100% !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie{
        margin: 0 !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap{
        flex-direction: row !important;
        padding: 0 0 0.25rem 0 !important;
    } 
    #ct_data_basket #block_movie_details .wrap_movie .wrap .poster_container .poster{
        width: 80px;
    } 
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container {
        margin-left: 0.5rem;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container * {
        color: var(--tc-main-font-color) !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .movie_title{
        text-align: left !important;
        font-size: 18px;
        margin-bottom: 0;
        padding-top: 0 !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .facts {
        flex-direction: row !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .facts * {
        font-size: 12px !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .info_session {
        justify-content: start !important;
        text-align: left !important;
        margin-top: 0.5rem !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .info_session * {
        font-size: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .features_container {
        justify-content: start !important;
        margin-top: 0.25rem !important;
    }
    #ct_data_basket #block_movie_details .wrap_movie .wrap .movie_info_container .features_container .features {
        max-width: 35px !important;
    }
    #ct_data_basket #block_movie_details #wrap_price {
        margin-top: 0 !important;
    }
    #ct_data_basket #block_movie_details #wrap_price .card {
        margin-top: 0 !important;
    }
    #ct_data_basket #block_movie_details #wrap_price .card .card-body * {
        font-weight: normal;
    }
    #ct_data_basket #block_movie_details #wrap_price .card .price_comments{
       font-size: 0.8rem !important;
    }
    #ct_data_basket #block_movie_details #wrap_price .card .nb_item{
        font-size: 1rem !important;
    }
    #ct_data_basket #block_movie_details #wrap_price .text_info_supp_lunet_3d{
       font-size: 0.8rem !important;
    }
    #ct_data_basket #block_movie_details .wrap_superbillet .wrap{
        flex-direction: row !important;
    } 
    #ct_data_basket #block_movie_details .wrap_superbillet .wrap .poster_container .poster{
        width: 100px;
    } 
    #ct_data_basket #block_movie_details .wrap_superbillet .wrap .superbillet_info_container .movie_title{
        text-align: left !important;
        font-size: 22px;
        margin-bottom: 0;
        padding-top: 0 !important;
    }
    #ct_data_basket #block_movie_details .wrap_superbillet .wrap .superbillet_info_container *{
        font-size: 1rem !important;
        text-align: left !important;
        line-height: 1rem !important;
        margin-bottom: 0 !important;
    }

    /* ==================== */
    #ct_data_basket #block_info_supp .card-body .font-1_25{
        font-size: 0.85rem !important;
    }
    #ct_data_basket #block_info_supp .card-body .font-2{
        font-size: 1rem !important;
    }
}
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

.sidebar_accordion .nav-item {
    display: flex;
    padding: 1em 0.5em;
    margin: 0 0.5em;
    border-bottom: 1px solid black;
}

.sidebar_accordion .nav-item .wrap {
    width: 100%;
}

.sidebar_accordion .nav-item .wrap .link {
    /* color: white; */
    text-decoration: none;
    width: 100%;
    padding: 0.5em;
    display: flex;
    border-radius: 5px;
}

.sidebar_accordion .nav-item .wrap .link:hover {
    /* background-color: rgba(0, 0, 0, 0.15); */
}

.sidebar_accordion .nav-item .wrap i {
    margin: auto;
    padding-right: 15px;
    font-size: 1.25rem;
    width: 40px;
}

.sidebar_accordion .nav-item .wrap .text {
    margin: auto 0 auto 5px;
    font-size: 1.25rem;
}

.sidebar_accordion .nav-item .wrap .collapse-link {
    color: black;
    text-decoration: none;
    width: 100%;
    padding: 0.5em 0.5rem 0.5rem 1.25rem;
    display: flex;
    border-radius: 5px;
}

.sidebar_accordion .nav-item .wrap .collapse-link:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: black !important;
}

.sidebar_accordion .nav-item .wrap .collapse-link i {
    margin-right: 5px;
    font-size: 1rem;
}

.sidebar_accordion .nav-item .wrap .collapse-text {
    margin: auto 0 auto 5px;
    font-size: 1rem;
}

.sidebar_accordion li {
    list-style: none;
}

.sidebar_accordion .nav-item .wrap .link :is(img,svg), .sidebar_accordion .nav-item .wrap .collapse-link :is(img,svg){
    margin: auto 0;
    margin-right: 5px;
    width: 1.5rem;
    height: 1.5rem;
}

.slider{
    display: flex;
    position: relative;
    overflow: hidden;
    padding: 0 0.75rem 0 0.75rem;
}

.slider_container {
    display: flex;
    justify-content: center;
    border-radius: 15px;
}
.arrow-left-slider {
    left: 0;
    cursor: pointer;  
    margin: auto 0rem;
    padding: 0 0.5rem;
}
.arrow-right-slider {
    right: 0;
    cursor: pointer;
    margin: auto 0rem;
    padding: 0 0.5rem;
}
.movie-slider-arrow{
    min-width: 50px; 
    font-size: 30px; 
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;

    position: absolute;
    top: -5%;
    height: 105%;
}
.movies-sliders-arrow-left {
    margin-right: -32px;
    left: 0;
}
.movies-sliders-arrow-left .top{
    height: 50%;
    transform: rotate(13deg);
    margin-left: -40px;
    padding-left: 60px;
}
.movies-sliders-arrow-left .bottom{
    height: 50%;
    transform: rotate(-12.5deg);
    margin-left: -40px;
    padding-left: 60px;
}
.movies-sliders-arrow-right {
    margin-left: -32px;
    right: 0;
}
.movies-sliders-arrow-right .top{
    height: 50%;
    transform: rotate(-13deg);
    margin-right: -40px;
    padding-right: 60px;
}
.movies-sliders-arrow-right .bottom{
    height: 50%;
    transform: rotate(12.5deg);
    margin-right: -40px;
    padding-right: 60px;
}


.mobile-slider-card, .slider-card{
    max-width: min-content;
    margin-right: 8px;
    padding: 20px 0 10px 0;
    cursor: pointer;
    animation: revealAnimation 1.5s cubic-bezier(.5, 0, 0, 1) both;
}
.mobile-slider-card .poster {
    min-width: 120px;
    max-width: 120px;
    min-height: 178px;
    max-height: 178px;
    object-fit: cover;
}
.slider-card .poster {
    min-width: 240px;
    /* min-height: 320px;
    max-height: 320px; */
    min-height: 356px;
    max-height: 356px;
    object-fit: cover;
}
.slider-card .poster:hover {
    animation: none;
    transform: translateY(-10px);
    transition-duration: 500ms;
}

.slider-card .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 1.25rem;
}
.mobile-slider-card .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 0.75rem;
}
.mobile-slider-card .session_date, .mobile-slider-card .session_hour {
    font-size: 0.85rem;
}

.slider-card:active{
    cursor: grabbing;
}

.no-prog {
    display: flex;
    justify-content: center;
}

.no-pro-content{
    text-align: center;
    margin: auto;
    font-size: 1.7vh;
    font-family: tc-main-font;
    color: var(--tc-main-font-color);
    margin: 10%;
}

.mobile-slider{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden; 
    scroll-behavior:auto; 
    scrollbar-width: none;
    padding: 0 0.75rem 0 0.75rem;
}

.mobile-slider-card::-webkit-scrollbar {
    display: none;
}

.slider-card:active
{
    cursor: grabbing; 
}

.movie-title-container{
    text-align: center;
    overflow: hidden;
}


.slider-content {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.slider-content::-webkit-scrollbar {
    height: 0px;
}
.slider-content .slider-item {
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.slider_date .slider-content{
    padding: 0.5rem 0;
    border-radius: 5px;
}
.slider_date .slider-content .slider-item{
    border-radius: 5px;
    min-width: 110px;
    max-width: 110px;
    margin: 0px 0.25rem;
    line-height: 1;
    padding: 1rem;
}

.slider_container.slider_date.fixed {
    position: fixed;
    /* top: 0; */
    width: 100%;
    z-index: 1;
}

.slider .session_date, .slider .session_hour {
    font-size: 1.25rem;
}
.slider .features_container{
    display: flex;
    flex-wrap: wrap;
    /* min-width: 320px; */
    align-content: flex-start;
    align-items: stretch;
    min-height: 70px;
}
.slider .features_container .features{
    height: 35px;
    max-width: 60px;
}

.mobile-slider .features_container{
    display: flex;
    flex-wrap: wrap;
    /* min-width: 240px; */
    align-content: flex-start;
    align-items: stretch;
    min-height: 50px;
}
.mobile-slider .features_container .features{
    height: 20px;
    /* max-width: 40px; */
}


.slider-media-custom .slider-card .poster {
    min-width: 450px;
    min-height: 300px;
    max-height: 300px !important;
    object-fit: cover;
    vertical-align: middle;
}
.slider-media-custom .slider-card .poster_container .box_details .player_icon {
    height: 50px;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    margin: auto;
    filter: initial;
    z-index: 10;
}
.slider-media-custom .slider-card .poster_container .box_details{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    font-size: 0.9rem;
    display: flex;
}

.slider-media-custom .mobile-slider-card .poster {
    min-width: 300px;
    max-width: 300px;
    min-height: 200px;
    max-height: 200px !important;
    object-fit: cover;
    vertical-align: middle;
}
.slider-media-custom .mobile-slider-card .poster_container .box_details .player_icon {
    height: 50px;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    margin: auto 0.25rem auto 0;
    filter: initial;
}
.slider-media-custom .mobile-slider-card .poster_container .box_details{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    font-size: 0.9rem;
    display: flex;
}

/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){

}
@media all and (max-device-width:1024px) and (orientation: landscape){
    
}


/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){
    .slider_container .previous, .slider_container .next{
        display: none !important;
    }
    .slider_date .slider-content .slider-item{
        min-width: 50px;
        max-width: 50px;
        padding: 0.5rem 0rem;    
        margin: 0px 0.25rem;
    }
    .slider_date .slider-content .slider-item {
        font-size: 0.85rem;
    }
    .slider_date .slider-content .slider-item .font-1_25 {
        font-size: 1rem !important;
    }
    .slider_date .slider-content .slider-item .font-2 {
        font-size: 1.25rem !important;
    }
    .movie-slider-arrow {
        min-width: 30px;
    }
    .slider_container {
        padding: 0;
    }
    .movies-sliders-arrow-left{
        margin-right: -25px;
    }
    .movies-sliders-arrow-left .top{
        height: 50%;
        transform: rotate(11deg);
        margin-left: -30px;
        padding-left: 40px;
    }
    .movies-sliders-arrow-left .bottom{
        height: 50%;
        transform: rotate(-10.5deg);
        margin-left: -30px;
        padding-left: 40px;
    }
    .movies-sliders-arrow-right {
        margin-left: -25px;
    }
    .movies-sliders-arrow-right .top{
        height: 50%;
        transform: rotate(-11deg);
        margin-right: -30px;
        padding-right: 40px;
    }
    .movies-sliders-arrow-right .bottom{
        height: 50%;
        transform: rotate(10.5deg);
        margin-right: -30px;
        padding-right: 40px;
        background-color: white;
    }
}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){
    
}
@media all and (max-device-width:750px) and (orientation: landscape){
    
}

@media all and (max-device-width:920px) and (orientation: landscape){
    
}
.pane_page_custom .block {
    margin: 1rem 0 1rem 0;
}
.pane_page_custom .wrap {
    margin: 2rem auto;
    border-radius: 10px;
    overflow: hidden;
    width: 96%;
}
.pane_page_custom .block .wrap>.title {
    font-size: 2rem;
    /* font-weight: bold; */
    text-align: center;
    margin: 1rem 0 0 0;
}
.pane_page_custom .wrap_movie_details{
    background-repeat : no-repeat;
    background-position : left 8vw center;
    background-size : cover;
    position: relative;
} 
.pane_page_custom .wrap_movie_details .svg_container{
    height: 30px;
    width: 30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: 1rem;
    z-index: 5;
}
.pane_page_custom .movie_info_container .facts span{
    margin-right: 15px;
    margin-top: auto;
    margin-bottom: auto;
}
.pane_page_custom .movie_info_container .facts .certification{
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    padding: .15em 4px .15em !important;
}
.pane_page_custom .movie_info_container .movie_custom_tags_container img{
    margin-right: 0.25rem;
}
.pane_page_custom .movie_info_container .synopsis {
    line-height: 1.5rem;
    font-weight: 400;
}
.pane_page_custom .poster {
    object-fit: cover;
    vertical-align: middle;
}
.pane_page_custom .wrap_media .media_image {
    /* max-width: 1280px; */
    width: 100%;
    /* max-height: 500px; */
    object-fit: cover;
    vertical-align: middle;
}
.pane_page_custom .col-md-6 .wrap_media .media_image {
    /* height: 400px; */
    /* height: 300px; */
}
.pane_page_custom .col-md-3 .wrap_media .media_image {
    /* height: 200px; */
}
.pane_page_custom .wrap_media .poster_container .box_details .player_icon {
    height: 50px;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    margin: auto 0.25rem auto 0;
    filter: initial;
}
.pane_page_custom .wrap_media .poster_container .box_details{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    /* font-weight: bold; */
    text-align: center;
    font-size: 1.25rem;
    display: flex;
}
.pane_page_custom .wrap_media .link {
    font-size: 2rem;
    margin: 1rem auto;
}
.pane_page_custom .wrap_media .link:hover {
    text-decoration: underline;
}
.pane_page_custom .wrap_media .img_media, .pane_page_custom .wrap_media .carousel .carousel-item .img_media {
    border-radius: 5px;
    width: 100%;
    /* min-height: 600px; */
    /* max-height: 600px; */
    object-fit: contain;
    /* max-height: 500px; */
    /* min-height: 700px; */
    /* object-fit: cover; */
    /* vertical-align: middle; */
}
.pane_page_custom .wrap_media .carousel .carousel-item .player_icon {
    height: 70px;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    margin: auto 0 0.25rem 0;
    filter: initial;
    background-color: rgba(255, 255, 255, 0.85);
}
.pane_page_custom .wrap_media .carousel .carousel-item .carousel-caption .description_img {
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    font-size: 2rem;
    border-radius: 5px;
    padding: 10px;
    /* font-weight: bold; */
}
.carousel-control-next, .carousel-control-prev {
    height: 50%;
    margin: auto;
}
.pane_page_custom .wrap_movie_grid .box_movie {
    border-radius: 10px;
    cursor: pointer;
    /* margin: 0.75rem 0; */
    padding: 0.5rem;
    height: 100%;
}
.pane_page_custom .wrap_movie_grid .box_movie .poster {
    min-width: 240px;
    max-width: 240px;
    min-height: 320px;
    max-height: 320px;
}
.pane_page_custom .wrap_media_grid .box_media{
    position: relative;
    display: flex;
    flex-direction: column;
}
.pane_page_custom .wrap_media_grid .img_media{
    max-width: 100%;
    /* min-height: 400px; */
    max-height: 400px;
    object-fit: contain;
    border-radius: 10px;
    margin: auto;
}
.pane_page_custom .wrap_media_grid .box_details{
    position: absolute;
    bottom: 0;
    right: 15px;
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    display: flex;
}
.pane_page_custom .wrap_media_grid .box_details .description_img{
    text-align: center;
    font-size: 1.25rem;
}
.pane_page_custom .wrap_media_grid .media_title{
    text-align: center;
    margin: 0.5rem 0 0 0;
    font-size: 1.25rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pane_page_custom .wrap_movie_grid .box_movie .movie_title {
    text-align: center;
    margin: 0.5rem 0;
    font-size: 1.25rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pane_page_custom .wrap_movie_grid .box_movie .kind {
    text-align: center;
    /* margin: 0.5rem 0; */
}
.pane_page_custom .wrap_map .map {
    width: 100%;
    height: 400px;
}
.pane_page_custom .wrap_map .map iframe {
    height: 100%;
    width: 100%;
}
.pane_page_custom #wrap_newsletter_registration {
    padding: 0 2rem 2rem 2rem;
    display: flex;
    flex-direction: column;
}
.pane_page_custom #wrap_newsletter_registration .btn {
    margin-left: auto;
    margin-right: auto;
}
.pane_page_custom #wrap_newsletter_registration .accroche {
    text-align: center;
}
.pane_page_custom #wrap_newsletter_registration .description {
    text-align: center;
    font-size: 0.75rem;
}

.pane_page_custom #wrap_search_bar_cinema.inner_hero {
    position: absolute;
    width: 100%;
    bottom: 50px;
    z-index: 1;
}
.pane_page_custom #wrap_search_bar_cinema.inner_hero #row_selected_site #col_selected_site #text_selected {
    font-size: 1.25rem;
    font-weight: bold;
}
.pane_page_custom #wrap_search_bar_cinema.inner_hero #row_selected_site #col_selected_site .icon_svg {
    margin: auto 0;
}
.pane_page_custom #wrap_search_bar_cinema #row_selected_site #col_selected_site {
    padding: 1rem;
    border-radius: 10px;
}
.pane_page_custom #wrap_search_bar_cinema .icon_svg {
    height: 20px;
    width: 20px;
}
.pane_page_custom #wrap_search_bar_cinema #list_cinemas {
    padding: 0 0.5rem;
}
.pane_page_custom #wrap_search_bar_cinema #list_cinemas li {
    padding: 0.5rem 0;
    cursor: pointer;
}
.pane_page_custom #wrap_search_bar_cinema #list_cinemas li:last-child {
    border-bottom: none;
}


/* .pane_page_custom  */

/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){

}
@media all and (max-device-width:1024px) and (orientation: landscape){
    
}


/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){
    .pane_page_custom .wrap_movie_details{
        background-position : center;
    }
    .pane_page_custom .wrap_movie_details .svg_container{
        height: 22px;
        width: 22px;
        margin: 0.5rem 1rem;
    }
    .pane_page_custom .movie_features_container .features {
        max-width: 50px;
    }
    .pane_page_custom .movie_features_container {
        justify-content: center;
    }
    .pane_page_custom .movie_info_container .movie_custom_tags_container {
        text-align: center;
    }
    .pane_page_custom .movie_info_container .movie_custom_tags_container img{
        height: 50px;
        width: 50px;
    }
    .pane_page_custom .wrap_media .poster_container .box_details{
        font-size: 0.8rem;
        padding: 5px;
    }
    .pane_page_custom .wrap_media .img_media, .pane_page_custom .wrap_media .carousel .carousel-item .img_media {
        min-height: 250px;
        max-height: 250px;
    }
    .pane_page_custom .wrap_media .carousel .carousel-item video.img_media {
        min-height: 250px;
        max-height: 250px;
    }
    .pane_page_custom .wrap_media .carousel .carousel-item .player_icon {
        height: 30px;
        padding: 5px 10px;
        margin: auto 0 0.25rem 0;
    }
    .pane_page_custom .wrap_media .carousel .carousel-item .carousel-caption .description_img {
        font-size: 0.85rem;
        padding: 2px;
    }
    .pane_page_custom .wrap_movie_grid .box_movie .movie_title {
        margin: 0.5rem 0;
        font-size: 0.85rem;
    }
    .pane_page_custom .wrap_movie_grid .box_movie .poster {
        min-width: 150px;
        max-width: 150px;
        min-height: 200px;
        max-height: 200px;
    }
    .pane_page_custom .wrap_movie_grid .box_movie .kind {
        font-size: 0.80rem;
    }
    .pane_page_custom .wrap_media_grid .img_media{
        /* min-height: 250px; */
        max-height: 250px;
    }
    .pane_page_custom .wrap_media_grid .box_details .description_img{
        font-size: 1rem;
    }
    .pane_page_custom #wrap_search_bar_cinema.inner_hero {
        bottom: 20px;
    }
    .pane_page_custom #wrap_search_bar_cinema.inner_hero #row_selected_site #col_selected_site #text_selected {
        font-size: 0.85rem;
    }
    .pane_page_custom #wrap_search_bar_cinema #row_selected_site #col_selected_site {
        padding: 0.5rem;
    }
}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){
    
}
@media all and (max-device-width:750px) and (orientation: landscape){
    
}

@media all and (max-device-width:920px) and (orientation: landscape){
    
}
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}
* {
    box-sizing: border-box;
}

/* Main layout  */
body,html{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-overflow-scrolling: touch; /*scroll fluide pour smartphone apple*/
    overflow: hidden;
}

body {
    margin: 0; 
    height: 100%; 
}

section{
    /* min-height: 100% */
}

html {
    min-height: 100%;
    height: 100%; 
}

pre {
    white-space: break-spaces;
}

body, #page_container {
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

#page_container {
    padding: 0;

}

#page_container > .page {
    /* display: block; */
    padding: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

#page_main {
    width: 100%; 
    margin: 0 auto; 
    padding: 20px; 
}

@media not print {
    #page_container > .page {
        /* overflow-y: auto; */
    }

    body,
    #page_container {
        height: 100%;
        /* overflow-y: auto; */
        position: relative;
    }
}

/* Forms */
.ms.form.element {
    padding: 10px;
}

.icon_svg {
    touch-action: manipulation;
}
.btn .icon_svg {
    height: 30px;
    width: 30px;
    margin: auto;
}
.icon_svg svg {
    width: 100%;
    height: 100%;
}

.tooltip-inner .seat_label {
    font-size: 1.25rem;
}

.card [class*="card-header-"] {
    padding: 0px 15px 0;
    /* padding: 0; */
    position: relative;
    display: flex;
}
.card [class*="card-header-"] .card-icon, .card [class*="card-header-"] .card-text {
    /* border-radius: 3px; */
    /* padding: 15px; */
    /* margin-top: -20px;
    margin-right: 15px; */
    /* float: left; */
    margin: auto 0;
}

.card .card-header.card-header-icon .icon, .card .card-header.card-header-text i {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    display: flex;
}
.card .card-header.card-header-icon .card-title {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.5em;
    margin: auto 0 auto 1rem;
}

#camera_video {
    height: 100%;
    max-height: 500px;
    width: 100%;
    z-index: 10000000;
}


.modal .modal-body #content_suggestions #wrap_img_confiserie {
    border-radius: 10px;
    box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 80%);
    margin: 1rem 0;
    cursor: pointer;
}
.modal .modal-body #content_suggestions #wrap_img_confiserie img {
    max-height: 110px;
    position: relative;
    bottom: -20px;
    left: 15px;
}
.modal .modal-body #content_suggestions #wrap_img_confiserie .text {
    margin: auto;
    font-size: 2rem;
    text-align: center;
}

.block_prompt_pwa{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: white;
    padding: 0.5rem;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    transition-duration: 500ms;
}
.block_prompt_pwa .text{
    transition-duration: 500ms;
    color: black;
}
.block_prompt_pwa.closed .text{
    display: none;
}
.block_prompt_pwa .icon {
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
}
.block_prompt_pwa .icon.rotate {
    transform: rotate(180deg);
}
.modal .modal_instruction_pwa .modal-body .icon {
    height: 20px;
    width: 20px;
    margin: auto 0 auto auto;
}

.form-check .form-check-input {
    width: 1em;
    height: 1em;
    vertical-align: top;
    margin-top: .25em;
}

/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){
    .card .card-header.card-header-icon .icon, .card .card-header.card-header-text i {
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
    }
    .card .card-header.card-header-icon .card-title {
        font-size: 1rem;
        line-height: 2.5em;
    }

    #camera_video {
        max-height: 400px;
    }
}