#ul_menu:not(.shown) {
    display: none;
}

#ul_menu.shown {
    display: block;
}

.hideable-input.shown {
    display: flex;
}

.hideable-input:not(.shown) {
    display: none;
}

.aree_modale_general {

    position: absolute;
    align-items: center;
    cursor: pointer;
}

.aree_modale_general:not(.selected) {
    background: #fefe067a;
}

.aree_modale_general.selected {
    background: orange;
}

.btn-sameCer {
    background-color: #89adf0 !important;
}

.btn-occupied {
    background-color: #eb5834 !important;
}

.btn-alreadyTaken {
    background-color: #20c997 !important;
}

.disabledArea {
    opacity: 0.5;
    pointer-events: none;
}

.main-container {
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.main-container:not(.shown),
.sub-container:not(.shown) {
    display: none;
}

.main-container.shown,
.sub-container.shown {
    display: flex;
}

.tileS0 {
    height: 52%;
    background-color: rgba(220, 53, 69, 0.9);
    cursor: pointer;
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
}

.tileS2 {
    height: 57%;
    background-color: rgba(53, 84, 220, 0.9);
    cursor: pointer;
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
}

.tileS0-2 {
    width: 16%;
    height: 14%;
    box-shadow: inset 0 0 25px rgb(0 0 0 / 30%);
}

.titles01 {
    width: 5%;
    height: 5%;
    box-shadow: inset 0 0 25px rgb(0 0 0 / 30%);
}

.titles01:nth-child(1) {
    height: 60% !important;
}

.titles01:nth-child(2) {
    height: 40% !important;
}

input.uniqueBox {
    cursor: pointer;
}

.btn_laoratori {
    text-align: left !important;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.btn_laoratori:not(.invalid-element) {
    border: 1px solid #8484844a;
}

.invalid-element {
    --bs-form-select-bg-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    padding-right: 4.125rem;
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    border: 1px solid red !important;
}

.alertPopupFullPage {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.3;
    background-color: gray;
}

.alertPopupFullPage:not(.shown) {
    display: none !important;
}

.alertPopup:not(.shown) {
    display: none !important;
}

.btn-back:not(.shown) {
    display: none;
}