/***************************************************************/
/* CARRELLO MINI                                               */
/***************************************************************/

.carrello-mini {
    width:220px;
    top:-0px;
    right:300px;
    z-index:108;
    background-color:white;
    border:solid 1px #e0e0e0;
    border-radius:5px;
    box-shadow: -8px 2px 8px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    float:right;
}

.carrello-mini .fa {
    position:absolute;
    top:7px;
    left:8px;
    font-size:30px !important;
    color:white;
}

.carrello-mini-info{
    position:absolute !important;
    margin:auto;
    margin-top:50px;
    width:600px;
    padding: 0px 24px 18px 24px !important;
    background-color:white;
    padding:10px;
    box-shadow: -4px 4px 4px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    border-radius:6px;
    font-size:15px;
    z-index:100;
    border:solid 1px #e0e0e0;
    text-align:justify;
}

.carrello-mini-info h2{
    font-family:Calibri;
    font-size:22px;
    font-weight:bold;
}

.carrello-mini-header {
    background-color:#28293e;
    height:44px;
    width:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom:solid 3px #73d3ff;
    box-shadow: -4px 4px 4px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
}

.carrello-mini-header .carrello-pagamenti-info {
    width:60%;
    text-align:right;
    padding:4px;
    float:left;
}

.carrello-mini-header .carrello-pagamenti-info h1 {
    margin:0px;
    color:white;
    font-size:20px !important;
    text-transform:capitalize;
    padding-left:40px;
    color:white !important;
}

.carrello-mini-header .carrello-pagamenti-info h2 {
    margin:0px;
    color:#73d3ff;
    font-size:11px;
    letter-spacing:0.5px;
    margin-top:1px;
    text-align:right;
}

.carrello-mini-body {
    padding:4px 10px 0px 10px;
}

.carrello-pagamenti-tot {
    float:right;
    text-align:center;
    font-size:24px;
    color:#73d3ff;
    padding:5px 14px 0px 6px;
}

    .carrello-pagamenti-tot span {
        font-weight:bold;
        color:white;
    }

.carrello-mini-body-totale {
    font-size:34px;
    padding:10px;
    font-weight:bold !important;
}

.carrello-mini-footer {
    text-align:center;
}

.carrello-mini .comandi {
    padding:0px 10px 10px 10px;
    text-align:center;
}

.carrello-mini-totale {
    font-weight:bold;
    font-size:40px;
}

.carrello-mini-footer {
    padding:10px;
}

    .carrello-mini-footer a {
        font-weight:bold;
        text-align:center;
        color:#344657 !important;
        text-decoration:overline !important;
    }


/***************************************************************/
/* CARRELLO PAGAMENTI                                          */
/***************************************************************/

.carrello-pagamenti {
    margin-right:10px;
    margin-bottom:100px;
}

.carrello-pagamenti-riga {
    position:relative;
    padding:4px 10px;
    border:solid 1px #e4e4e4;
    width:100%;
    min-height:110px;
    margin-bottom:10px;
    overflow:auto;
    box-shadow: 4px 4px 4px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    border-radius:4px;
    border:solid 4px;
}

.carrello-pagamenti-riga-checkbox {
    width:20px;
    min-height:60px;
    float:left;
    margin-right:24px;
    padding-top:20px;
    margin-top:-12px;
}

.carrello-pagamenti-riga-checkbox input[type="checkbox"] {
    width:22px;
    height:22px;
}

.carrello-pagamenti-riga-tipo {
    font-weight:bold;
    font-size:22px;
    color:#053948;
}

.carrello-pagamenti-riga-causale {
    float:left;
    font-size:16px;
    letter-spacing:1px;
    max-width:300px;
    padding-bottom:34px;
}

.carrello-pagamenti-riga-commissione {
    right:170px;
    top:24px;
    position:absolute;
    font-size:28px;
    text-align:right;
}

    .carrello-pagamenti-riga-commissione .etichetta {
        font-size:16px;
    }

.carrello-pagamenti-riga-importo {
    position:absolute;
    right:20px;
    top:20px;
    font-size:30px;
    font-weight:bold;
    text-align:right;
}

    .carrello-pagamenti-riga-importo .etichetta {
        font-size:16px;
    }


.carrello-pagamenti-riga .fa-trash {
    color:red;
    font-size:22px;
}


/*Prenotato*/
.carrello-pagamenti-riga.stato-0 {
    border-color:#f5f6f8;
}

.carrello-pagamenti-riga.stato-1 {
    border-color:#1bb394;
}

.carrello-pagamenti-riga.stato-2 {
}

.carrello-pagamenti-riga.stato-3 {
}

.carrello-pagamenti-riga .stato-etichetta {
    position:absolute;
    bottom:10px;
    left:55px;
    padding:2px 10px 0px;
    border-radius:4px;
    border-top-right-radius:4px;
    font-weight:bold;
    width:120px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    letter-spacing:1px;
}

/*Prenotato*/
.stato-etichetta.stato-etichetta-0 {
    border-color:#e5e6e7;
    background-color:#ff6a00;
}

/*Pagato*/
.stato-etichetta.stato-etichetta-1 {
    border-color:#e5e6e7;
    background-color:#1bb394;
}

/*Errore*/
.stato-etichetta.stato-etichetta-2,
.stato-etichetta.stato-etichetta-3,
.stato-etichetta.stato-etichetta-4,
.stato-etichetta.stato-etichetta-5,
.stato-etichetta.stato-etichetta-6,
.stato-etichetta.stato-etichetta-7,
.stato-etichetta.stato-etichetta-8
{
    border-color:#e5e6e7;
    background-color:#ed5565;
}


.carrello-pagamenti-info-utili {
    min-height:300px;
    padding:10px;
    font-size:16px;
}


.processo-pagamento-carrello .megaNotifica {
    width:100% !important;
    overflow:auto !important;
    margin-block:10px;
}

.processo-pagamento-carrello .megaNotifica-success {
    border-left-color:#1AB394;
    border-radius:3px;
}

    .processo-pagamento-carrello .megaNotifica-success .fa {
        color:#1bb394;
        margin-right:10px;
    }

    .processo-pagamento-carrello .megaNotifica-alert,
.processo-pagamento-carrello .megaNotifica-alert .fa{
    border-left-color:#ed5565;
    color:#ed5565;
}

 .processo-pagamento-carrello .notifica-note {
        font-size:20px;
        width:100% !important;
        margin-left:30px;
    }

.processo-pagamento-carrello .megaNotifica-testo {
       font-size:18px;
       margin-left:46px;
       line-height:26px;
}

.processo-pagamento-carrello .megaNotifica-ulterioriInformazioni {
    margin-top: 14px;
    font-size: 16px;
    color: black;
    margin-left:46px;
}

.processo-pagamento-carrello .selezioneTipoPagamento {
    position: fixed;
    left: -90px;
    bottom: 110px !important;
    background-color: white !important;
    margin: auto;
    z-index: 101;
    padding-bottom: 30px;
}


.carrello-pagamenti-recap {
    position:fixed;
    border:solid 4px #f5f6f8;
    box-shadow: 4px 4px 4px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    background-color:white;
    z-index:5001;
    border-radius:4px;
    bottom:0px;
    width:100%;
    padding:13px 20px;
    left:0px;
    background-color:#f9fafb;
    box-shadow: 0px 2px 2px rgba(7, 10, 25, 0.4), 0px -3px 3px rgba(7, 10, 25, 0.2);
    text-align:center;
    max-height:280px;
}

.carrello-pagamenti-recap-body {
    max-width:1000px;
    margin:auto;
}

.carrello-pagamenti-recap.esito_ok {
    border-top:8px #1bb394 solid;
}

.carrello-pagamenti-recap.esito_ko {
    border-top:8px #ed5565 solid;
}

.carrello-pagamenti-recap-esito-messaggio {
    padding:10px;
    max-height:70px;
    overflow-y:scroll;
}

.carrello-pagamenti-elenco {
    margin-top:5px;
    width:100%;
    padding-right:26px;
    min-height:140px;
    padding-bottom:150px;
}

.carrello-pagamenti-recap .comandi {
    width: 100%;
}

.carrello-pagamenti-recap table tr td {
    padding:1px;
}

.carrello-pagamenti-recap-etichetta {
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:#000000;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.carrello-pagamenti-recap-importo {
    font-size:29px;
    font-weight:bold;
    text-align:right;
}

.carrello-pagamenti-recap-importo.pagato {
    color:#1bb394;
}

.carrello-pagamenti-recap-importo.da-pagare {
}

.carrello-pagamenti-recap .comandi {
    margin-top:-24px;
    text-align:right;
    float:right;
}

.carrello-pagamenti-recap .comandi .btn-success,
.processo-pagamento-carrello-body .comandi .btn-success{
    width: 244px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight:bold;
    font-size:24px !important;
    padding:6px 30px !important;
    height:54px !important;
    width:300px;
}

.carrello-pagamenti-ricevuta {
    border-radius: 8px;
    background-color: white;
    width: 437px;
    height:474px;
    display: inline-block;
    padding: 16px 30px 20px 36px;
    position: fixed;
    top: 50px !important;
    right: 300px;
    z-index: 5010;
    padding: 0px 10px;
    border: 6px solid #344657;
    border-radius: 5px;
    border-top: 30px solid #344657;
    box-shadow: 20px 20px 10px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    
}


/***************************************************************/
/* CARRELLO MINIATURA                                          */
/***************************************************************/

#carrello-miniatura {
    width: 60px;
    z-index: 1000;
    position: fixed;
    top: 150px;
    right: 0px;
    background-color: #344657;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px 13px;    
    border-left: solid 3px #344657;
    border-top: solid 3px #344657;
    border-bottom: solid 3px #344657;
}

    #carrello-miniatura .fa-shopping-cart {
       font-size:30px;
       color:white;
    }

    #carrello-miniatura:hover {
        border-left: solid 3px #73d3ff;
        border-top: solid 3px #73d3ff;
        border-bottom: solid 3px #73d3ff;
    }


/***************************************************************/
/* ARCHIVIO CARRELLI                                           */
/***************************************************************/

.archivio-carello-ricerca {
    padding: 10px 0px;
}

.archivio-carello-elenco {
}

.carrello-stato {
    font-size: 12px;
    height: 20px;
    width: 120px;
    text-align: center;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
    color: white;
    padding: 3px 6px 6px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
    /*Stati di riferimento in EStatoCarrelloPostSystem*/
    .carrello-stato.carrello-stato-1 {
        background-color: white;
        color: #344657;
    }

    .carrello-stato.carrello-stato-2 {
        background-color: #1bb394;
    }

    .carrello-stato.carrello-stato-3 {
        background-color: #ff6a00;
    }

    .carrello-stato.carrello-stato-4 {
        background-color: #ed5565;
    }