.loading {
    width: unset;
    mask-size: unset;
    mask-repeat: unset;
    mask-position: unset;
    mask-image: unset;
    background-color: unset;
}

.space_overview_main_parent {
    background-color: #eaeaea;
    
}

@media only screen and (max-width: 1250px) {
    .text_hide_viwe_slider {
        display: none;
    }    
}

.chart_card_parent {
    max-width: unset;
    background-color: var(--White);
    border-radius: 1em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    padding: 1em;
    border: solid 0.2em var(--Blue);    
    max-height: 50em;
    transition: var(--transitionTwo);
    max-width: calc(100vw - 20em);
    overflow: hidden;
}

.chart_card_parent h3, 
.chart_card_parent p {
    margin: 0em;
}

.chart_card_parent.unactive {
    max-height: 0em;
    max-width: 0em;
    overflow: hidden;
    opacity: 0.00001;
    transform: scale(0.5);
    padding: 0em;
    margin: 0em;
    border: solid 0em var(--Blue);    
}

.download_report_parent {
    background-color: var(--Blue);
    padding: 1em 2em;
    border-radius: 1em;
    margin-top: 1em;
}

.blinking_animation {
    animation: blinking_animation_keyframes 1s 0s infinite both linear;
}

@keyframes blinking_animation_keyframes {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    
    50% {
        opacity: 0.5;
        transform: scale(0.975);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.select_c_button_parent {
    border-radius: 1em;
    padding: 1em;
    box-shadow: inset 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    margin-bottom: 1em;
}

.select_c_button {
    transition: var(--transitionTwo);
    padding: 1em 0.5em;
    border-radius: 1em;
    clip-path: inset(-1em -1em -1em -1em);
    -webkit-clip-path: inset(-1em -1em -1em -1em);
}  

.select_c_button.selected {
    padding: 1em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    background-color: var(--Blue);
    border-radius: 1em 1em 0em 0em;
    margin-bottom: -2.15em;
    padding-bottom: 3.15em;
    transition: var(--transitionThree);
    clip-path: inset(-1em -1em 0.1em -1em);
    -webkit-clip-path: inset(-1em -1em 0.1em -1em);
}

.select_c_button.selected:hover {
    transform: unset;
    opacity: unset;
}

.select_c_button.selected:active {
    transform: unset;
    opacity: unset;
}

.select_c_button span {
    font-weight: 700;
    color: var(--Gray7F);
}

.select_c_button.selected span {
    color: var(--White);
}

.select_c_button .button_svg_icon {
    fill: var(--Gray7F);
}

.select_c_button.selected .button_svg_icon {
    fill: var(--White);
}

.map_legend_parent {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--White);
    border-radius: 1em;
    padding: 0em 0.5em;
    height: 3em;
    margin: 1em;
}

.map_legend_color {
    width: 1em;
    height: 1em;
    border-radius: 0.25em;
    margin-left: 0.5em;
    margin-right: 0.5em;
} 

.map_legend_text {
    margin: 0em;
    margin-right: 0.5em;
    white-space: nowrap;
}

.space_title_parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em 1em 0em 1em;
}



@media only screen and (min-width: 1024px) { 

    .hide_desktop {
        display: none;
    }
}

.space_panel_selector_parent {
    background-color: #eaeaea;
    padding: 0.5em;
    border-radius: 1em;
    height: fit-content;
    /* width: fit-content;
    width: -moz-fit-content; */
    box-shadow: inset 0em 0em 0.15em 0.15em rgb(73, 73, 73, 0.15);
}

.space_panel_selector {
    border-radius: 0.75em;    
    background-color: var(--White);
    border: solid 0.2em var(--White);    
    cursor: pointer;
    color: var(--Gray7F);
    padding: 1.25em; 
    min-width: 5em;   
    flex-grow: 1;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
}

.space_panel_selector.row {
    flex-direction: row;
    padding: 0.5em 1em; 
}

.space_panel_selector span {
    font-size: 1.25em;
}

@media only screen and (max-width: 1024px) {
    .space_title_parent .space_panel_selector span {
        display: none;        
    }

    .space_title_parent .space_panel_selector {
        min-width: 1em;
    }

    .space_title_parent .space_panel_selector .only_desktop {
        display: none;
    }

    .hide_mobile {
        display: none;
    }
}

.space_panel_view_type_selector_parent.selected {
    margin-bottom: -0.8em;
}

.space_panel_view_type_selector {
    background-color: var(--Blue);
    flex-grow: 1;
    height: 0.25em;
    border-radius: 1em;
}

.space_panel_selector_link {
    flex-grow: 1;    
}

.space_panel_selector.selected {
    background-color: var(--Blue);
    border-color: var(--Blue);
    color: var(--White);
}

.space_panel_selector_svg {
    height: 1.25em;
    width: 1.25em;
    fill: var(--Gray7F);
}

.space_panel_selector_svg.big {
    height: 2em;
    width: 2em;
}

.space_panel_selector_svg.i_selector {
    height: 2em;
    width: 2em;
}

.space_panel_selector_svg.selected {
    fill: var(--White);
}

@media only screen and (min-width: 600px) {
    .space_panel_selector:hover {
        border-color: var(--Blue);
        margin: 0em 0.5em;
    }
}
  


/* Space Main Panel */

.space_overview_panel_parent {
    margin: 1em;
    flex-direction: column;
}

.space_main_panel_parent {
    flex-direction: row;
}

.space_overview_panel {
    background-color: var(--White);
    min-width: 18.5em;
    border-radius: 1em;
    padding: 1em;
    width: 20em;
    margin: 1em 0em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    transition: var(--transitionTwo);
    max-height: 50em;
}

.space_overview_panel.unactive {
    max-height: 4.5em;
    overflow: hidden;
}

.space_overview_panel h4 {
    margin: 0em;
    white-space: nowrap;
}

.space_overview_cowo_selection {

}

.space_selection_parent {
    background-color: #eaeaea;
    margin-top: 1em;
    border-radius: 0.75em;
    max-height: 15em;
    overflow-y: auto;
    box-shadow: inset 0em 0em 0.15em 0.15em rgb(73, 73, 73, 0.15);
}

.space_selection_parent.extended_1 {
    max-height: 25em;
}

.space_selection_parent::-webkit-scrollbar-corner {
    display: none;
}

.space_selection_parent::-webkit-resizer {
    display: none;
}

.space_selection_parent::-webkit-scrollbar {
    -webkit-box-shadow: inset 0 0 0.5em 0.1em rgba(0, 0, 0, 0.5);
    background-color: var(--White);
    border-radius: 1em;
    padding: 0.5em;
    margin: 0.5em;
}

.space_selection_parent::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: var(--Gray7F);
    cursor: pointer;
}

.space_selection_container {
    padding: 0.5em;
}

.space_selection_element {
    background-color: var(--White);
    padding: 0.5em 0.75em;
    border-radius: 2em;
    margin: 0.5em 0em;
    cursor: pointer;
}

.space_option_element {
    background-color: var(--White);
    padding: 1rem;
    border-radius: 1rem;
    font-size: 1.25em;
    font-weight: 700;
    cursor: pointer;
}

.selected_space {
    background-color: var(--Blue);
    color: var(--White);
}

.click_hover_active_selected_space {
    transition: var(--transitionTwo);
  }
  
  @media only screen and (min-width: 600px) {
    .click_hover_active_selected_space:hover {
      transform: scale(1.025);
      transition: var(--transitionOne);
    }  
  }
  
  .click_hover_active_selected_space:active {
    transform: scale(0.9);
    transition: var(--transitionOne);
  }

.order_by_status_circle {
    background-color: var(--White);
    border-radius: 1em;
    height: 1em;
    width: 1em;
    animation: pending_booking 1s 0s infinite alternate linear;
}

.space_check_box {
    width: 2em;
    height: 2em;
}

.space_check_box_text {
    height: 0.75em;
    margin-left: 1em;
}

.booking {
    background-color: var(--White);
    border-radius: 1em;
    padding: 0.5em 1em;
    margin: 0.5em 0em;
}

.booking_text {
    margin: 0.25em 0em;
    flex-grow: 1;
    white-space: nowrap;
}

.booking_button {
    color: var(--White);
    border-radius: 1em;
    padding: 0.5em 1em;
    margin: 0.5em 0.5em;
    width: 100%;
    text-align: center;
    transition: var(--transitionOne);
}

.booking_button.confirm_booking {
    background-color: var(--Green);
}

.booking_button.cancel_booking {
    background-color: var(--Red);
}

.booking_status {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.booking_status.pending {
    animation: pending_booking 1s 0s infinite alternate linear;
    color: var(--Purple);
}

.booking_status.confirmed {
    color: var(--Green);
}

.booking_status.done {
    color: var(--Blue);
}

.booking_status.cancelled {
    color: var(--Red);
}

.booking_status.cancelled_gray {
    color: var(--Gray7F);
}

@keyframes pending_booking {
    from {
        opacity: 1;
    }
  
    to {
        opacity: 0.5;
    }
}

.status_dot {
    width: 0.75em;
    height: 0.75em;
    border-radius: 1em;
    margin-right: 0.25em;
}

.status_dot.confirmed {
    background-color: var(--Green);
}

.status_dot.done {
    background-color: var(--Blue);
}

.status_dot.cancelled {
    background-color: var(--Red);
}

.status_dot.cancelled_gray {
    display: none;
}

.status_dot.pending {
    background-color: var(--Purple);
}

.status_text {
    text-align: right;
}

.bookings_parent {
    background-color: #eaeaea;
    border-radius: 0.75em;
    height: 15em;
    overflow-y: scroll;
    box-shadow: inset 0em 0em 0.15em 0.15em rgb(73, 73, 73, 0.15);
    transition: var(--transitionOne);
    margin-top: 1em;
}

.bookings_parent.extend_fill {
    height: calc(100vh - 15em);
    max-height: 47.5em;
}

.bookings_parent.extended_1 {
    height: 25em;
}

.bookings_parent.loading {
    height: 2.5em;
}

.bookings_parent::-webkit-scrollbar-corner {
    display: none;
}

.bookings_parent::-webkit-resizer {
    display: none;
}

.bookings_parent::-webkit-scrollbar {
    -webkit-box-shadow: inset 0 0 0.5em 0.1em rgba(0, 0, 0, 0.5);
    background-color: var(--White);
    border-radius: 1em;
    padding: 0.5em;
    margin: 0.5em;
}

.bookings_parent::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: var(--Gray7F);
    cursor: pointer;
}


.loading_booking_parent {
    position: relative;
    height: 0em;
    width: 100%;

    display: flex;
    justify-content: center;
    background-color: #FFFFFF;
    border-radius: 1.5em;
    align-items: center;
    transition: var(--transitionOne);
}

.loading_booking_parent.active {
    background-color: var(--White);
    height: 1.5em;
}

.loading_booking {
    background-color: var(--Blue);
    position: absolute;
    height: 0.5em;
    width: 10%;
    left: 5%;
    border-radius: 1em;
    animation: loading_booking_animation 2s 0s infinite both;
    animation-timing-function: linear;
    transform: scale(0);
    filter: blur(0.25em);
    transition: var(--transitionOne);
}

.loading_booking.active {
    transform: scale(1);
    filter: blur(0);
}

@keyframes loading_booking_animation {

    0% {
        width: 10%;
        left: 5%;
    }

    5% {
        width: 10%;
        left: 5%;
    }

    27.5% {
        width: 65%;
        left: 20%;
    }
  
    50% {
        width: 10%;
        left: 85%;
    }

    55% {
        width: 10%;
        left: 85%;
    }

    87.5% {
        width: 65%;
        left: 20%;
    }

    100% {
        width: 10%;
        left: 5%;
    }
}

/* Graph panel */

.space_graph_panel_parent {
    flex-grow: 1;
    margin: 1em 1em;
}

.graph_selection {
    border-radius: 1em;
    border-style: none;
    padding: 0.25em;
    background-color: var(--White);
    margin: 0em 1em;
}

.graph_parent {
    margin: 0em 1em;
    transition: var(--transitionOne);
    height: 0em;
    overflow: hidden;
}

.graph_parent.active {
    margin: 0em 1em;
    height: 20em;
    width: calc(100vw - 32em);
}

.graph_parent.active canvas {
    height: 20em;
    max-width: calc(100vw - 30em);
}

#distribution_type_graph_parent {
    height: 15em;
    min-width: 15em;
}


.graph_selection_main_parent {
    position: relative;
    flex-grow: 1;
    transition: var(--transitionOne);
    border-radius: 1em;
}

.graph_selection_main_parent.fixed_graph_selector {
    position: fixed;
    top: 3.5em;
    right: 1em;
    width: calc(100dvw - 28em);
    border-radius: 0em 0em 1em 1em;
    background-color: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 10;
    padding: 0.5em 1em;
}

.graph_selection_main_parent.fixed_graph_selector h3 {
    margin: 0em;
}

.graph_selection_main_parent.fixed_graph_selector select {
    background-color: var(--GrayEA);
}

.graph_selection_main_parent.fixed_graph_selector .info_box_button {
    background-color: var(--GrayEA);
    box-shadow: none;
}


.add_margin_top {
    transition: 0s;
    margin-top: 6.5em;
}

.loading_booking_parent.graph_loading_parent {
    width: 10em;
    margin-top: 1.5em;
}

.graph_legent_selection_parent {
    flex-direction: row;
    justify-content: space-between;
}

@media only screen and (max-width: 1600px) {
    .graph_legent_selection_parent {
        flex-direction: column;
        justify-content: left;
    }
}

/* Media Queries */

@media only screen and (max-width: 1024px) {
    .space_main_panel_parent {
        flex-direction: column;
    }
    .map_legend_parent {
        
        display: none;
    }
    .space_title_parent {
        flex-direction: column;
    }
    .space_overview_panel_parent {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .space_overview_panel {
        margin: 1em;
    }
}


html {
    background-color: #eaeaea!important;
}

.download_parent {
    transition: var(--transitionOne);
    max-width: 20em;
}

.download_parent.unactive {
    max-width: 0em;
    transform: scale(0);
    opacity: 0.00001;

}


/* Table section */

.space_input_text {
    flex-grow: 1;
    border-radius: 1em;
    padding: 0.5em 1em;
    border-style: solid;
    border-width: 0.15em;
    border-color: var(--White);
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    transition: var(--transitionOne);
}

.space_input_text:focus {
    border-radius: 2em;
    border-color: var(--Blue);
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.25);
}

.table_button {
    padding: 1em 1em;
    width: 80%;
    border-radius: 2em;
    border-style: solid;
    border-width: 0.15em;
    border-color: var(--Blue);
    margin: 0.5em;
    text-align: center;
    transition: var(--transitionTwo);
}

.table_button.width_fitContent {
    width: fit-content;
    width: -moz-fit-content;
}

.table_button svg {
    width: 1.5em;
    height: 1.5em;
}

.table_button.blue {
    background-color: var(--Blue);
    color: var(--White);
}

.table_button.blue svg {
    fill: var(--White);
}

.table_button.white {
    background-color: var(--White);
    color: var(--Blue);
}

.table_button.white svg {
    fill: var(--Blue);
}

.table_button.grey {
    background-color: var(--Gray7F);
    border-color: var(--Gray7F);
    color: var(--White);
}

.table_button.grey svg {
    fill: var(--White);
}

.table_button.unactive {
    transform: scale(0);
    opacity: 0;
    height: 0em;
    margin: 0em;
    padding: 0em;
}

.bookings_table_parent {
    transition: var(--transitionTwo);
    font-family: var(--FontOne);
    margin: 1em;
    overflow: hi;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content; 
    max-width: 100vw;
    max-height: calc(100vh - 15em);
    overflow: auto;
}

/* #bookings_table {
    margin: 0.5em;
} */

.bookings_table_parent.extended_1 {
    max-height: calc(100vh - 20em);
}

.bookings_table_parent::-webkit-scrollbar-corner {
    display: none;
}

.bookings_table_parent::-webkit-resizer {
    display: none;
}

.bookings_table_parent::-webkit-scrollbar {
    -webkit-box-shadow: inset 0 0 0.5em 0.1em rgba(0, 0, 0, 0.5);
    background-color: var(--White);
    border-radius: 1em;
    padding: 0.5em;
    margin: 0.5em;
}

.bookings_table_parent::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: var(--Gray7F);
    cursor: pointer;
}

.bookings_table_parent.unactive {
    opacity: 0;
    transform: scale(0.75);
}

.bookings_table_parent.unactive {
    opacity: 0;
    transform: scale(0.75);
}

.bookings_calendar_parent {
    transition: var(--transitionTwo);
    font-family: var(--FontOne);
    margin: 1em;
    width: calc(100% - 2em);
}

#calendar {
    max-height: calc(100vh - 20em);   
}

.bookings_calendar_parent.unactive {
    opacity: 0;
    transform: scale(0.75);
}

.event-popup {
    position: absolute;
    background: var(--White);
    border: 0.15em solid var(--Gray80);
    padding: 1em;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    box-shadow: 0px 0px 0.15em rgba(81, 81, 81, 1);
    -moz-box-shadow: 0px 0.15em 5px rgba(81, 81, 81, 1);
    -webkit-box-shadow: 0px 0.15em 5px rgba(81, 81, 81, 1);
    border-radius: 1em;
    transition: var(--transitionTwo);
    opacity: 0.00001;
    margin-top: 0.5em;
    transform: scale(0.85) translate(-1em, -1em);
    animation: hide_event-popup 0.05s 0.25s both;
    -webkit-backdrop-filter: blur(0.15em);
    backdrop-filter: blur(0.15em);
}

@keyframes hide_event-popup {
    from {
        z-index: 10;
    }
  
    to {
        z-index: -10;
    }
}

.event-popup.active {
    z-index: 10;
    opacity: 1;
    display: block;
    transform: scale(1) translate(0em, 0em);
    animation: unset;
    background-color: rgb(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(0.15em);
    backdrop-filter: blur(0.15em);
}

.event-popup.active.not_clicked {
    opacity: 1;
    background-color: rgb(234, 234, 234, 0.75);
    border-color: var(--Gray80);
    -webkit-backdrop-filter: blur(0.15em);
    backdrop-filter: blur(0.15em);
}

.event-popup.active.not_clicked .booking_button {
    max-width: 0em;
    max-height: 0em;
    opacity: 0.00001;
    overflow: hidden;
    transform: scale(0.5);
    margin: 0em;
    padding: 0em;
}

.event-popup .booking_button {
    opacity: 0.00001;
    overflow: hidden;
    transform: scale(0.5);
    margin: 0em;
    padding: 0em;
    max-width: 0em;
    max-height: 0em;
}

.event-popup.active .booking_button {
    color: var(--White);
    border-radius: 1em;
    padding: 0.5em 1em;
    margin: 0.5em 0.5em;
    width: 100%;
    opacity: 1;
    max-width: 15em;
    max-height: 15em;
    overflow: visible;
    transform: scale(1);
    transition: var(--transitionOne);
}

.close_event-popup {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.000001;
    transition: var(--transitionOne);
}

.close_event-popup svg {
    width: 1.5em;
    height: 1.5em;
    fill: var(--Gray7F);
    transition: var(--transitionOne);
}

.close_event-popup:hover svg {
    width: 1.5em;
    height: 1.5em;
    fill: var(--Blue);
}

.event-popup.active.not_clicked .close_event-popup {
    opacity: 0.000001;
}

.event-popup.active .close_event-popup {
    opacity: 1;
}

.fc-event {
    background-color: var(--White);
    padding: 0.05em;
    border-radius: 0.25em;
    border-style: solid;
    border-width: 0.15em;
    border-color: var(--White);
    transition: var(--transitionOne);
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    overflow: hidden;
}

.fc-event.clicked {
    background-color: var(--White);
    padding: 0.15em;
    border-radius: 0.5em;
    border-color: var(--Blue);
}

.fc-event.done {
    border-color: var(--Blue);
}

.fc-event.confirmed {
    border-color: var(--Green);
}

.fc-event.rejected {
    border-color: var(--Red);
}

.fc-event.pending {
    border-color: var(--Purple);
    animation: blinking_purple_border 1.5s 0s infinite both linear;
}

.fc-button {
    background-color: var(--Blue)!important; /* Colore di sfondo personalizzato */
    border-color: var(--Blue)!important; /* Colore del bordo personalizzato */
    color: var(--White)!important; /* Colore del testo personalizzato */
}

.fc-button.fc-button-active {
    background-color: rgb(45 144 191)!important; /* Colore di sfondo personalizzato */
}

.fc-button:hover {
    background-color: rgb(45 144 191)!important; /* Colore di sfondo al passaggio del mouse */
    border-color: var(--Blue); /* Colore del bordo al passaggio del mouse */
}

.fc-button:focus {
    box-shadow: unset!important; /* Ombra al focus */
}

/* Cambia il colore del giorno odierno */
.fc-day-today {
    background-color: rgb(53 170 225 / 20%)!important; /* Colore di sfondo personalizzato */
}


@keyframes blinking_purple_border {
    0% {
        border-color: var(--Purple);
    }
  
    50% {
        border-color: rgb(219 197 245);
    }

    100% {
        border-color: var(--Purple);
    }
}

.fc-event.cancelled {
    opacity: 0.5;
    border-color: var(--Gray80);
}

.calendar_fc_event_svg {
    width: 1em;
    height: 1em;
    fill: var(--Blue);
    margin-left: 0.15em;
}

.fc-event-title svg {
    margin-right: 5px;
}

.space_input_main_parent {
    display: flex;
    flex-direction: column;
    margin: 1em;
}

.space_table_panel {
    background-color: var(--White);
    min-width: 18.5em;
    border-radius: 1em;
    padding: 1em;
    width: 20em;
    margin: 1em 0em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    max-height: 100em;
    transition: var(--transitionTwo);
}

.space_table_panel h4 {
    margin: 0em;
}

.space_table_panel.horizontal {
    width: unset;
    min-width: unset;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0.5em 1em;
}

.space_table_panel.horizontal .table_button {
    padding: 0.5em 1em;
    width: unset;
}

.space_table_panel.horizontal .table_button.unactive {
    max-width: 0em;
    margin: 0em;
    padding: 0em;
}

.space_table_panel.hidden_panel {
    max-height: 0em;
    min-width: 0em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0);
    margin: 0em;
    padding: 0em;
    opacity: 0.00001;
    transform: scale(0);
}   

@media only screen and (max-width: 1024px) {
    .space_input_main_parent {
        flex-direction: unset;
        flex-wrap: wrap;
    }

    .space_input_container {
        margin: 0.5em;
    }

    .space_table_panel {
        width: unset;
    }

}


.button_view_margin {
    margin-left: 0.5em;
}



/* Space info */
/*
.space_infos_options_parent {
    position: relative;
    flex-grow: 1;
    margin: 1em;
    overflow: visible !important;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin-bottom: 2em;
}

.space_infos_option {
    background-color: var(--White);
    border-radius: 1em;
    padding: 1em;
    width: 20em;
    margin: 1em 0em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0);
    min-width: 10em;
    min-height: 10em;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(0.5) translateX(50%) rotateY(75deg);
    width: calc(100% - 2em);
    z-index: 0;
    top: 0%;
    left: -72.5%;
    overflow: hidden;
}

.space_infos_option.active {
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    opacity: 1;
    transform: scale(1) rotateX(0deg);
    z-index: 1;
    top: 0%;
    left: 0%;
}
*/

.space_infos_options_parent {
    position: relative;
    flex-grow: 1;
    margin: 1em;
    overflow: visible !important;
    margin-bottom: 2em;
}

.space_infos_option {
    background-color: var(--White);
    border-radius: 1em;
    padding: 1em;
    width: 20em;
    margin: 1em 0em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0);
    min-width: 10em;
    min-height: 10em;
    position: absolute;
    transition: all 0.4s ease;
    opacity: 0.00001;
    transform: scale(0.5);
    width: calc(100% - 2em);
    z-index: 0;
    top: 0%;
    left: 0%;
    overflow: hidden;    
}

.space_infos_option p,
.space_infos_option h4,
.space_infos_option h3 {
    margin: 0em;
}

.space_infos_option.extended {
    min-height: calc(100vh - 25em);
}

.space_infos_option.bg_dotted {
    background-image: url('https://assets.notonlydesk.com/static/pages/company_panel/img/dotted_bg.webp');
    background-repeat: repeat;
    background-position: center;
    background-size: 10em;
}


.space_infos_option.active {
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    opacity: 1;
    transform: scale(1);
    z-index: 1;
    top: 0%;
    left: 0%;
    animation: slidein_space_infos_option_active 0.4s 0.1s both;
}

.space_infos_option.unactive {
    animation: slidein_space_infos_option_non_active 0.4s 0s both;
}

@keyframes slidein_space_infos_option_non_active {
    from {
        opacity: 1;
        transform: scale(1) translateY(0em);
    }
  
    to {
        opacity: 0.00001;
        transform: scale(0.95) translateY(5em);
    }
}

@keyframes slidein_space_infos_option_active {
    from {
        opacity: 0.00001;
        transform: scale(1.05) translateY(-5em);
    }
  
    to {
        opacity: 1;
        transform: scale(1) translateY(0em);
    }
}

.space_info_container {
    margin: 0.5em;    
    box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.25);
    background-color: var(--White);
    border-radius: 1em;
    padding: 1em;
}

.space_info_container h4 {
    margin: 0em;
}

.space_info_container span {
    margin-top: 0.25em;
}

.space_info_img_parent {
    border-radius: 1em;
    overflow: hidden;
    margin: 0.5em;
    position: relative;
}

.space_info_img_parent img {
    object-fit: contain;
    max-height: 15em;
    margin-bottom: -0.5em;
}

.space_admin_parent {
    background-color: var(--Gray80);
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    border-radius: 1em;
    padding: 1em 0.5em;
    margin: 1em;
}

.space_admin_parent .button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0em 0.5em;
}

.space_admin_parent .button svg {
    width: 1.25em;
    height: 1.25em;   
    fill: var(--White);
}

.space_admin_profile_image {
    width: 3em;
    height: 3em;
    border-radius: 1.5em;
    margin: 0em 0.5em;
}

.space_admin_profile_image img {
    object-fit: cover;
    border-radius: 1.5em;   
    width: 3em;
    height: 3em;
}

.space_admin_profile_image svg {   
    width: 3em;
    height: 3em;
    fill: var(--Gray7F);
}

.space_admin_parent span {
    margin: 0em 0.5em;
}

/* Space info meeting rooms */

.space_mr_parent {
    background-color: var(--White);
    border-radius: 1em;
    padding: 1em;
    box-shadow: 0em 0.05em 0.25em 0.25em rgb(73, 73, 73, 0.15);
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
}

.space_mr_parent .splide {
    width: 100%;
    height: 15em;
}

.space_mr_img_parent_slider {
    max-height: 10em;
    max-width: 20em;
    min-height: 10em;
    min-width: 20em;
}

.space_mr_img_parent {
    border-radius: 1em;
    overflow: hidden;
    max-height: 10em;
    max-width: 20em;
    min-height: 10em;
    min-width: 20em;
}

.space_mr_img_parent.no_image {
    border: solid 0.25em var(--Gray7F);
    background-color: var(--Gray80);
}

.space_mr_img_parent img {
    object-fit: cover;
    max-height: 10em;
    max-width: 20em;
    min-height: 10em;
    min-width: 20em;
}

.space_admins_add_container.hidden {
    max-height: 0em;
    overflow: hidden;
    margin: 0em;
    padding: 0em;
}

.service_parent {
    margin: 0.5em;
}

.service_svg_parent {
    position: relative;
}

.service_svg {
    min-height: 1.5em;
    fill: var(--Gray7F);
}

.service_svg.unactive {
    fill: var(--Gray7F);
}

.service_svg.active {
    fill: var(--Blue);
}

.service_svg_not_present_bar {
    background-color: var(--Gray7F);
    height: 0.1em;
    width: 1.5em;
    border-radius: 1em;
    border: solid var(--White) 0.05em;
    position: absolute;
    transform: rotate(-45deg);
}

.service_text {
    font-size: 1em;
    margin-left: 0.5em;
}

.service_container {
    margin: 0.5em 0em;
}

.edit_space_input_text {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
}

.edit_space_input_text_parent input[type="text"] {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
}

.edit_space_input_text_parent input[type="email"] {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
}

.edit_space_input_text_parent input[type="date"] {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
}

.edit_space_input_text_parent input[type="time"] {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
}

.edit_space_input_text_parent select {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
}

.edit_space_input_text_parent textarea {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
    width: 100%;
    overflow-y: scroll;
    font-family: var(--FontOne);
    max-width: 23em;
}

.edit_space_input_text_parent.left_panel textarea {
    max-width: calc(100% - 1em);
    width: calc(100% - 1em);
}

.edit_space_input_text_parent input[type="number"] {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
    max-width: 5em;
}

.space_admins_add_container.hidden {

}

.edit_space_input_number {
    padding: 0.25em;
    border-radius: 0.5em;
    border-color: var(--Blue);
    border-width: 0.15em;
    border-style: solid;
    max-width: 5em;
}

.space_info_img_select {
    border-color: var(--Gray7F);  
    border-width: 0.25em;
    border-style: solid;
    transition: var(--transitionOne);
}

/* .button_enable_space_box_space_info_parent {
    height: 3em;
    width: 10em;
} */

.space_info_img_select.selected {
    border-color: var(--Blue);
}

.space_info_img_select svg {
    fill: var(--Blue);
    width: 2em;
    height: 2em;
    transform: scale(0);
    opacity: 0.000001;
    transition: var(--transitionOne);
    position: absolute;
    top: 1em;
    right: 1em;
    border-radius: 3em;
    box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0);
}

.space_info_img_select.selected svg {
    opacity: 1;
    transform: scale(1);
    background-color: var(--White);
    box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.25);
}

/* Space info desks */

.container_bg_gray_space_info {
    background-color: var(--Gray80);
    border-radius: 1em;
    padding: 1em;
    margin: 1em;
    box-shadow: inset 0 0 0.5em 0.1em rgba(0, 0, 0, 0.25);
}

.container_bg_gray_space_info.bg_dotted {
    background-image: url('https://assets.notonlydesk.com/static/pages/company_panel/img/dotted_bg.webp');
    background-repeat: repeat;
    background-position: center;
    background-size: 10em;
}

.white_box_space_info {
    box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.25);
    background-color: var(--White);
    border-radius: 1em;
    padding: 0.5em;
}

.line_bg_gray_space_info {
    flex-grow: 1;
    margin-top: 1em;
    height: 0.25em;
    border-radius: 1em;
    background-color: var(--Gray7F);
}

.line_bg_gray_space_info.vertical {
    flex-grow: unset;
    height: 100%;
    min-height: 5em;
    width: 0.25em;
    margin: 0em;
}


.space_box_space_info {
    border-style: solid;
    border-width: 0.5em;
    border-radius: 1em;
    border-color: var(--White);
    transition: var(--transitionOne);
}

.space_box_space_info .space_box_space_info_svg {
    height: 2em;
    width: 2em;
    fill: var(--Blue);
}



.button.b_hidden {
    max-width: 0em;
    max-height: 0em;
    padding: 0em;
    opacity: 0.0000001;
    margin: 0em;
    margin-top: -5em;
}

.space_box_space_info .space_box_space_info_svg.selectable {
    height: 3em;
    width: 3em;
}

.space_box_space_info.hidden {
    max-height: 0em;
    overflow: hidden;
    margin: 0em;
    padding: 0em;
    transform: scale(0);
    opacity: 0.0000001;
}

.space_box_space_info.selected {
    border-color: var(--Blue);
}

.work_room_parent {
    max-height: 100em;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
    transition: var(--transitionOne);
}

.work_room_parent::-webkit-scrollbar {
    display: none;
}

.work_room_parent.hidden {
    max-height: 0em;
    overflow-y: hidden;
    margin: 0em;
    padding: 0em;
}

.button_svg_select_wr {
    width: 1em;
    height: 1em;
    fill: var(--White);
}

.button_select_wr.not_selected {
    background-color: var(--Gray7F);
}




.image_edit_form #header_img-clear_id {
    display: none;
}

.image_edit_form #img-clear_id {
    display: none;
}

.image_edit_form a {
    display: none;
}

.edit_img_button {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.actions_parent {
    max-width: 100%;
    max-height: 50em;
    overflow: visible;
    transition: var(--transitionOne);
}

.actions_parent.hidden {
    max-width: 0%;
    max-height: 0em;
    overflow: hidden;
}

/* Space search */


.space_search_parent input[type="text"] {
    height: 2rem;
    width: 10rem;
    padding: 0em 1rem;
    border-radius: 1rem 0em 0em 1rem;
    border-style: solid;
    border-color: var(--Blue);
    border-width: 0.15rem;    
}

.space_search_parent button[type="button"] {
    height: 2rem;
    width: 2rem;
    border-radius: 0em 1rem 1rem 0em;
    background-color: var(--Blue);
    border-style: solid;
    border-color: var(--Blue);
    border-width: 0.15rem;
}

.space_search_parent button[type="button"] svg {
    fill: var(--White);
    height: 1.25rem;
    width: 1.25rem;
    margin-left: -0.25rem;
}


.price_parent {
    border-radius: 1em;
    box-shadow: inset 0 0 0.5em 0.1em rgba(0, 0, 0, 0.5), 0 0 0.5em 0.1em rgba(0, 0, 0, 0.25);
    padding: 1em;
}

.nodey_price_icon {
    margin-top: -0.5em;
    width: 3em;
    height: 3em;
}

.nodey_to_svg {
    width: 3em;
    height: 3em;
    fill: var(--Blue);
}

.nodey_cost_preview_parent {
    transition: var(--transitionTwo);
}

.nodey_cost_preview_parent.hidden {
    overflow: hidden;
    opacity: 0.00001;
    transform: scale(0);
}

/* Revenues */

.revenues_status_title_parent svg {
    width: 5em;
    height: 5em;
}

.booking_icon_parent {
    position: relative;
}

.booking_icon_parent .svg_booking_booking {
    width: 1.5em;
    height: 1.5em;
}

.booking_icon_parent .svg_booking_booking_alert {
    width: 1em;
    height: 1em;
    position: absolute;
    bottom: 0em;
    right: -0.25em;
    -webkit-filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, 0.5));
}

.error_icon_parent {
    position: relative;
}

.svg_booking_error {
    width: 2em;
    height: 2em;
}

.svg_booking_error_alert {
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    bottom: 0em;
    right: -0.25em;
    -webkit-filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, 0.35));
    filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, 0.35));
}

/* Unavailability dates */

.unavailability_form_parent {
    border-radius: 1em;
    box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.25);
    background-color: var(--White);
    border: 0.15em solid var(--Blue);
    padding: 0.5em;
    margin: 1em;
    transition: var(--transitionOne);
}

.unavailability_form_parent.unactive {
    max-height: 0em;
    overflow: hidden;
    margin: 0em;
    padding: 0em;
    transform: scale(0.5);
    opacity: 0.00001;
}

/* Selector handler */

.currently_selected_parent {
    max-height: 20em;
    min-width: 22em;
    margin: 1em 0em;
    overflow: visible;
    transition: var(--transitionOne);
}

.currently_selected_parent button {
    width: fit-content;
    height: fit-content;
    height: -moz-fit-content;
}

.currently_selected_parent .fw400 {
    font-weight: 400!important;
}

.currently_selected_parent.unactive {
    max-height: 0em;
    overflow: hidden;
    margin: 0em;
    padding: 0em;
    transform: scale(0.5);
    opacity: 0.00001;
}

.select_location_parent {
    max-height: 30em;
    overflow: visible;
    transition: var(--transitionOne);
}

.select_location_parent.unactive {
    max-height: 0em;
    overflow: hidden;
    margin: 0em;
    padding: 0em;
    transform: scale(0.5);
    opacity: 0.00001;
}

ul li {
    font-family: var(--FontOne);
}


.subspace_img_parent {
    border-radius: 0.5em;
    overflow: hidden;
    max-height: 10em;
    max-width: 20em;
    min-height: 8em;
    flex-grow: 1;
    display: flex;
}

.subspace_img_parent.no_image {
    border: solid 0.25em var(--Gray7F);
    background-color: var(--Gray80);
    padding: 1em 1em;
}

.subspace_img_parent img {
    object-fit: cover;
    max-height: 10em;
    max-width: 20em;
    min-height: 8em;
    flex-grow: 1;
}


/* Upload space */


.h_bar {
    width: 100%;
    max-width: 20em;
    min-width: 15em;
    height: 0.25em;
    border-radius: 2em;
    background-color: var(--Gray7F);
}

.img_preview_parent img {
    max-width: 20em;
    border-radius: 1em;
    overflow: hidden;
    animation: img_preview_parent_anim 0.5s ease-in-out 0s 1 normal forwards;
    border: solid 0.25em var(--Gray7F);
    object-fit: cover;
    background-color: var(--White);
}

@keyframes img_preview_parent_anim {
    from {
        height: 0em;
        transform: scale(3);
        opacity: 0.00001;
    }
  
    to {
        height: 10em;
        transform: scale(1);
        opacity: 1;
    }
}

/* ADD BOOKING */

.add_booking_btn {
    transition: var(--transitionOne);
}

.add_booking_btn.unactive {
    background-color: var(--Gray80);
    color: var(--Gray7F);
    border-color: var(--Gray7F);
    border-style: solid;
    border-width: 0.15em;
}

.add_booking_btn.unactive svg {
    fill: var(--Gray7F);
}