body {
    font-family: 'Poppins', 'Overpass', 'Lato', '   ', sans-serif;
    background-color: #f1f1f5;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: 0.1px;
    color: #44444f;
}

.homeVideoTitle {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: #171725;
    text-transform: uppercase;
}

.homeVideoSubtitle {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #696974;
}

.homeInformazioni {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #171725;
}

.homeInformazioniLabel {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b5b5be;
}

.homeInformazioniValue {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 0.1px;
    color: #44444f;
}

.homeBox {
    border-radius: 16px;
    background-color: #FFF;
    padding: 0;
}

    .homeBox img {
        width: 100%;
        border-radius: 16px 16px 0 0;
    }

    .homeBox .Testo {
        height: 75px;
        padding: 8px 16px;
    }

        .homeBox .Testo .Titolo {
            font-family: Poppins;
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #44444f;
        }

        .homeBox .Testo a {
            font-family: Poppins;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.2px;
            color: #0062ff;
        }


.homeAvvisi {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #696974;
    padding-left: 12px;
    padding-right: 12px;
    text-align: justify;
    margin-bottom: 24px;
}

.homeA {
    border-radius: 20px;
    background-color: rgba(241, 241, 245, 0.64);
    margin-left: 6px;
    margin-right: 6px;
}

    .homeA .contattiTitolo {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.1px;
        color: #171725;
    }

    .homeA .contattiLabel {
        font-family: Roboto;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #b5b5be;
    }

    .homeA .contattiValue {
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.1px;
        color: #44444f;
    }

button > img {
    height: 22px;
    width: 22px;
    margin-right: 10px;
    margin-top: -2px;
}

small {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.1px;
    color: #44444f;
}

.xsmall {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.1px;
    color: #44444f;
}

.indietro {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: 0.1px;
    color: #92929d;
}

.rimborsi-item-header {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #92929d;
}

.rimborsi-item-text {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.1px;
    color: #696974;
}

.rimborsi-item-value {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.1px;
    text-align: right;
    color: #171725;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rimborsi-file-type {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #171725;
}

.bg-generali small {
    color: #FFF;
}

.bg-light-gray {
    background-color: #fafafb;
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.border-light-gray {
    border-color: #f1f1f5;
}

.mini-header {
    font-family: Poppins;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #92929d;
}

input {
    max-width: 100% !important;
    font-family: 'Roboto';
    color: #44444f;
}

label {
    font-family: roboto;
    font-size: 12px;
    color: #92929d;
}

iframe {
    border: 1px solid #FFF; /*your border-color*/
    border-radius: 16px 16px 0 0;
}

h1, h2, h3, h4 {
    font-family: 'Poppins';
    color: #171725;
}

h1 {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.1px;
}

h2 {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

h3 {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
}

.rounded-10 {
    border-radius: 10px !important;
}

.rounded-16 {
    border-radius: 16px !important;
}

.rounded-item {
    border-radius: 16px !important;
    border: 1px solid #FFF;
    cursor: pointer;
}

    .rounded-item-selected, .rounded-item:hover {
        border-radius: 16px !important;
        border: 1px solid #c13a2a;
        cursor: pointer;
    }

.rounded-top {
    border-radius: 16px 16px 0 0;
}

main {
    padding-top: 35px !important;
}

.md-form .input-prefix {
    top: 41%;
}

.collapsible-header {
    font-family: 'Poppins';
    font-weight: 600 !important;
    margin-top: 20px;
    font-size: 14px !important;
}

    .collapsible-header > img {
        height: 22px;
        width: 22px;
        margin-right: 10px;
        margin-top: -2px;
    }

.bg-generali-welion {
    background-color: #c4271c;
}

.bg-generali {
    background-color: #c13a2a;
}

.bg-generali-dark {
    background-color: #B43728;
}

.btn {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    /*    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #c13a2a;
    text-transform: none;
*/
}

.btn-outline-generali {
    border: 2px solid #c13a2a;
    background-color: #FFF;
    color: #c13a2a;
    padding: 12px 34px !important;
}

    .btn-outline-generali:hover {
        color: #e06d53;
    }

.border-generali {
    border-color: #c13a2a !important;
}

.btn-white {
    border: 2px solid #FFF;
}

.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 {
    font-weight: 600;
}

.card-footer {
    border-top: 1px solid #e06d53;
}

.Oval {
    width: 68px;
    height: 68px;
    background-color: rgba(224, 109, 83, 0.10);
    border-radius: 50%;
    cursor: pointer;
}

    .Oval img {
        width: 44px;
        height: 44px;
        margin-top: 11px;
        margin-left: 12px;
        object-fit: contain;
    }

.text-generali {
    color: #c13a2a !important;
}

.text-generali-dark {
    color: #B43728 !important;
}

.text-black-75 {
    color: #414243;
}

.tag-success {
    border-radius: 5px;
    background-color: rgba(61, 213, 152, 0.20);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: center;
    color: #3dd598;
    padding: 4px 6px 0 0 !important;
    margin: 0;
}

.tag-danger {
    border-radius: 5px;
    background-color: rgba(252, 90, 90, 0.20);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: center;
    color: #3dd598;
    padding: 4px 6px 0 0 !important;
    margin: 0;
}

.tag-warning {
    border-radius: 5px;
    background-color: rgba(224, 109, 83, 0.20);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: center;
    color: #e06d53;
    padding: 4px 6px 0 0 !important;
    margin: 0;
}

.segmento {
    width: 29px;
    height: 6px;
    border-radius: 3px;
    margin-right: 4px;
    margin-top: 5px;
}

.segmento-corto {
    width: 6px !important;
}

.vuoto {
    background-color: #d5d5dc;
}
.vuoto-text {
    color: #d5d5dc;
}

.in-carico-agenzia {
    background-color: #4285F4;
}
.in-carico-agenzia-text {
    color: #4285F4;
}

.in-lavorazione {
    background-color: #f7e900;
}
.in-lavorazione-text {
    color: #d5cb26;
}

.chiuso {
    background-color: #3dd598;
}
.chiuso-text {
    color: #3dd598;
}

.respinto {
    background-color: #c13a2a;
}
.respinto-text {
    color: #c13a2a;
}

.sospeso {
    background-color: #9933CC;
}
.sospeso-text {
    color: #9933CC;
}

.note {
    border-radius: 6px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.09px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .note img {
        width: 16px;
        height: 15px;
        object-fit: contain;
        margin-right: 6px;
        margin-top: -3px;
    }

.note-convenzionata {
    border-color: #3dd598;
    background-color: rgba(61, 213, 152, 0.15);
    color: #171725;
}

.note-respinta {
    border-color: #c13a2a;
    background-color: rgba(193, 58, 42, 0.15);
    color: #171725;
}

.note-sospesa {
    border-color: #9933CC;
    background-color: rgba(153, 51, 204, 0.15);
    color: #171725;
}

.shapeFileType {
    width: 42px;
    height: 23px;
    border-radius: 5px;
    background-color: rgba(0, 98, 255, 0.10);
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0062ff;
    padding-top: 4px;
}

.bordoDocumento {
    border-radius: 10px;
    border: solid 1px #f1f1f5;
    background-color: #ffffff;
    min-height: 118px;
}

.titoloDocumento {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #171725;
}

.tipoEstensionePdf {
    width: 42px;
    height: 23px;
    border-radius: 5px;
    background-color: rgba(193, 58, 42, 0.10);
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #c13a2a;
    padding-top: 3px;
}

.tipoEstensioneOnline {
    width: 42px;
    height: 23px;
    border-radius: 5px;
    background-color: rgba(0, 98, 255, 0.10);
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0062ff;
    padding-top: 3px;
}

.dimensioneFile {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-top: 4px;
    margin-left: 6px;
    color: #92929d;
}

.tipoDocumento {
    height: 22px;
    border-radius: 5px;
    background-color: rgba(216, 174, 97, 0.27);
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #b46e3b;
    margin-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
}

    .tipoDocumento img {
        height: 17px;
        width: 17px;
    }

.separator {
    width: 4px;
    height: 4px;
    background-color: #92929d;
}

.categoriaDocumento {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #92929d;
}

.footerDocumento {
    position: absolute;
    bottom: 22px;
    left: 32px;
}

.titoloBoxRosso {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #c13a2a;
}

.testoBox-22 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.testoBox-20 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.testoBox-18 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.testoBox-16 {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.1px;
}

.testoBox-14 {
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.1px;
}

.testoBox-welion {
    font-weight: 400;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .4px;
}
.testoBox-welion-titolo {
    font-weight: 700;
    font-family: Roboto, sans-serif;
    font-size: 18px;
}
.testoBox-welion-2 {
    font-weight: 400;
    font-family: Roboto, sans-serif;
    font-size: 17px;
}

.box-down-shadow {
    box-shadow: 0 3px 8px 0 #d8d8d8;
    margin-bottom: 1rem;
}


.titoloServizio {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #171725;
}

.animate-Blink {
    color: #c13a2a !important;
    animation: animateBlink 2s linear infinite;
}

@keyframes animateBlink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}


.titolo-piccolo {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #171725;
}


.prenotazioniStruttura {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #171725;
}

.prenotazioni-titolo {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #c13a2a;
}

.prenotazioni-titolo-sm {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #171725;
}


    .prenotazioni-titolo-sm ul {
        font-family: Poppins;
        font-size: 12px;
        font-weight: 200;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.1px;
        color: #171725;
    }

.prenotazioni-testo {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #171725;
}

.file-load-header {
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    text-align: center;
    color: #171725;
}

.file-allegato-richiesta {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #171725;
}

.shape-item {
    margin: 15px 245px 9px 4px;
    padding: 0 6px 0 1px;
    opacity: 0.15;
    border-radius: 5px;
    background-color: #c4dbff;
}

.shape-ico {
    width: 32px;
    height: 32px;
    margin: 0 6px 0 0;
    padding: 10px 9px 9px 10px;
    opacity: 0.1;
    border-radius: 5px;
    background-color: #50b5ff;
}

.search-panel {
    position: fixed;
}

#toast-container > .toast {
    background-image: none !important;
    opacity: .90;
}

#toast-container > .fas {
    display: block;
}

#toast-container > .toast:before {
    position: relative;
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin-left: -1em;
    color: #FFF;
    padding-right: 0.5em;
    margin-right: 0.5em;
    margin-top: -3px;
    width: 36px;
}

#toast-container > .fa-info, .toast {
    background-color: #1b75bc !important;
}

#toast-container > .fa-check, .toast {
    background-color: #57B894 !important;
}

#toast-container > .fa-exclamation, .toast {
    background-color: #c13a2a !important;
}

#toast-container > .fa-ban, .toast {
    background-color: #F9A826 !important;
}


.toast-title {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 700;
    margin-bottom: 6px;
}

.toast-message {
    font-family: Poppins;
    font-weight: 400;
    margin-top: 6px;
    padding-left: 24px;
    line-height: 22px;
}

.title-generali-rosso-18 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #c13a2a;
}