/* Calendar Style Inclusion */
@import url('calendar-demo.css');

/* ============ GENERALI ============ */
.choices__heading{
    border-top: 1px solid #f7f7f7;
    border-bottom: none !important;
    background-color: #EFF6FF !important;
    color: #3c81f6 !important;
}

.users-not-assigned__counter{
    width: 52px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    background-color: #00B2D1 !important;
}

.returned-order-row-background{
    background-color: #cc000014;
    border-left: 2px red solid;
}

/* ============ PULSANTI ============ */
.switch_prod_status--btn:hover{
    cursor: pointer !important;
    transform: scale(0.98,0.98);
}


/* 
    Su Desktop in dettagli ordine appare il tasto per copiare
    il link di pagamento e scompare quello di condivisione
*/
@media (min-width: 769px){
    #stripe-linkToCopy--btn{
        display: block !important;
    }
    #stripe-linkToShare--btn{
        display: none !important;
    }
}

/* 
    Su Desktop in dettagli ordine appare il tasto per condividere
    il link di pagamento e scompare quello di copia
*/
@media (max-width: 768px){
    #stripe-linkToCopy--btn{
        display: none !important;
    }
    #stripe-linkToShare--btn{
        display: block !important;
    }
}







/* ============ AGGIUNGI AL CARRELLO ============ */
.addToCart--form{
    display: flex;
    align-items: start;
    justify-content: space-around;
    width: 100%;
    gap: 12px;
}

.addToCart--form input{
    width: 30%;
}

#addToCart--form button{
    width: 70%;
}

.addToCart--form button:hover{
    border-color: #0584C7;
    background-color: #EEF6FF;
    color: #0584C7;
    cursor: pointer;
}

.little-cart--link{
    text-decoration: underline;
}

.little-cart--link:hover{
    cursor: pointer;
}







/* ============ PAGINA BRAND ============ */
.brand-img--ctn{
    width: 100% !important;
    height: 60px !important;
}

.brand-img--ctn img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.brand_image{
    background-color: #F1F5F9;
}







/* ============ FORM GESTIONE UTENTI ============ */
.ldm_dettaglio_utente .form-input,
.ldm_dettaglio_utente select{
    background-color: #F1F5F9;
    border-color: rgb(204 222 247);
}





/* ============ PAGINA DATI ATTIVITÀ ============ */
.dati_attivita--grid{
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.dati_attivita--grid-elem-form{
    width: 30%;
}

.dati_attivita--grid-elem-data{
    width: 100%;
}

@media (max-width: 980px){
    .dati_attivita--grid{
        flex-direction: column;
    }
    
    .dati_attivita--grid-elem-form{
        width: 100%;
    }
    
    .dati_attivita--grid-elem-data{
        width: 100%;
    }
}





/* ============ PAGINA SHOP ============ */
.group.gridView .group-\[\.gridView\]\:self-end{
    width: 24% !important;
}




/* ============ PAGINA ORDINE CONFERMATO ============ */
.ordine-confermato-site-logo{
    margin-bottom: 30px;
}

.return-to-order-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.return-to-order-btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 10px 20px;
}

.return-to-order-btn a:hover{
    cursor: pointer;
}

.ordine-confermato-main--ctn{
    margin-left: 0px !important;
}

.ordine-confermato--ctn{
    margin: 0px !important;
}

@media (min-width: 769px){
    .ordine-confermato-main--ctn{
        display: flex;
        align-items: start;
        justify-content: center;
    }

    .ordine-confermato--ctn{
        width: 80%;
    }
}

@media (max-width: 768px){
    .ordine-confermato--ctn{
        width: 100%;
    }
}

.ordine-confermato-footer--ctn{
    background-color: #FFF;
    left: 0px !important;
    padding: 0px 100px;
}

.ordine-confermato-alert h6{
    color: #FFF;
}