/* style pagina */
:root {
    --bdh-back: #F7F8FA;
    --bdh-body: #8b8b8b;
    --bdh-bodyback: #F0F3F5;
    --bdh-primary: #4399b0;
}

.app-menu__item.active,
.treeview-item.active {
    background-color: #4399b0 !important;
    border-color: #4399b0 !important;
}


.treeview.is-expanded > .treeview-menu {
    display: block;
}


.link_disabled {
    pointer-events: none;
    cursor: default;
    color: #afafaf;
}

body {
    background-color: #F0F3F5;
}

.page-header {
    border-bottom: 1px solid #ccc;
}

.row-nm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sfuma {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.175);
    box-shadow: 0px 0px 12px rgba(0,0,0,.175);
    background-color: #F8FAFB;
}

.sfuma1 {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.175);
    box-shadow: 0px 0px 12px rgba(0,0,0,.175);
    background-color: #FFF;
}

a:focus {
    outline: none;
}

.logobutton {
    border-radius: 25px !important;
    padding-top: 8px;
    text-align: center;
    height: 50px;
    width: 50px;
    font-size: 22px;
    border: 1px solid #CCC;
    color: #FFF;
}

/* stili bottoni standard */
.btn {
    padding: 0.20rem 0.75rem !important;
    border-radius: 6px !important;
}

.btn-primary {
    color: #FFF;
    background-color: #4399b0;
    border-color: #4399b0;
}

.btn-outline-primary {
    color: #4399b0;
    border-color: #4399b0;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:active {
        background-color: #4399b0;
        border-color: #4399b0;
    }

.small {
    font-size: 80%;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
}

.btn-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}
/* end style pagina */


@media (min-width: 768px) {
    .app-content-log {
        margin-left: 230px;
    }

    .app-content-pd {
        padding: 45px;
    }
}

@media (max-width: 767px) {
    .app-content-pd {
        padding: 15px;
    }
}
/* apri ticket */
@media (min-width: 768px) {
    .bottone-salvagente {
        width: 100%;
        max-width: 230px;
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 2s;
    }

    @keyframes fadeInOpacity {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .sidenav-toggled .bottone-salvagente {
        width: 100%;
        max-width: 50px;
    }

    .sidenav-toggled .bdh-salvagente {
        height: 20px;
        width: 20px;
    }

    .sidenav-toggled .ticket-text {
        display: none;
    }
}

@media (max-width: 767px) {
    .bottone-salvagente {
        visibility: visible;
    }

    .sidenav-toggled .bottone-salvagente {
        visibility: visible;
        width: 100%;
        max-width: 230px;
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 2s;
    }

    @keyframes fadeInOpacity {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}

.ticket-text {
    line-height: 14px;
}

.bdh-salvagente {
    height: 35px;
    width: 35px;
}

.bottone-salvagente {
    color: white;
    background-color: #505e70;
}

    .bottone-salvagente a {
        color: #4399b0;
        text-decoration: underline;
    }

/* client grid */
.selcustomer {
    background-color: #737e8d;
    height: 70px;
}

    .selcustomer .unchecked {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='8.8194447mm' height='8.8194447mm' viewBox='0 0 8.8194447 8.8194447' version='1.1' id='svg2361'%3E%3Cdefs id='defs2355' /%3E%3Cmetadata id='metadata2358'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1' transform='translate(-98.399802,-141.48909)'%3E%3Cg id='g2340' transform='translate(18.873557,13.28168)'%3E%3Cg id='g1304' transform='matrix(0.35277777,0,0,-0.35277777,88.345689,132.61713)'%3E%3Cpath d='m 0,0 c 0,-6.903 -5.596,-12.5 -12.5,-12.5 -6.904,0 -12.5,5.597 -12.5,12.5 0,6.904 5.596,12.5 12.5,12.5 C -5.596,12.5 0,6.904 0,0' style='fill:%238b8b8b;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path1306' /%3E%3C/g%3E%3Cg id='g1308' transform='matrix(0.35277777,0,0,-0.35277777,81.697781,132.8781)'%3E%3Cpath d='m 0,0 c -0.108,0.108 -0.16,0.271 -0.16,0.379 0,0.108 0.052,0.268 0.16,0.375 l 0.755,0.755 c 0.216,0.216 0.539,0.216 0.754,0 L 1.562,1.454 4.525,-1.722 c 0.108,-0.108 0.268,-0.108 0.377,0 l 7.214,7.486 h 0.055 c 0.216,0.213 0.539,0.213 0.755,0 l 0.752,-0.755 c 0.216,-0.216 0.216,-0.539 0,-0.754 L 5.065,-4.686 c -0.108,-0.107 -0.216,-0.16 -0.379,-0.16 -0.161,0 -0.268,0.053 -0.376,0.16 L 0.108,-0.16 Z' style='fill:%23f0f3f5;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path1310' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        width: 35px;
        height: 35px;
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .selcustomer .checked {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='8.8194447mm' height='8.8194447mm' viewBox='0 0 8.8194447 8.8194447' version='1.1' id='svg2383'%3E%3Cdefs id='defs2377'%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='clipPath1216'%3E%3Cpath d='M 0,1784 H 1920 V 0 H 0 Z' id='path1214' /%3E%3C/clipPath%3E%3C/defs%3E%3Cmetadata id='metadata2380'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1' transform='translate(-127.08689,-222.23483)'%3E%3Cg id='g1210' transform='matrix(0.35277777,0,0,-0.35277777,-24.722244,719.52195)'%3E%3Cg id='g1212' clip-path='url(%23clipPath1216)'%3E%3Cg id='g1218' transform='translate(455.3251,1397.1328)'%3E%3Cpath d='m 0,0 c 0,-6.903 -5.596,-12.5 -12.5,-12.5 -6.904,0 -12.5,5.597 -12.5,12.5 0,6.904 5.596,12.5 12.5,12.5 C -5.596,12.5 0,6.904 0,0' style='fill:%2361caa5;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path1220' /%3E%3C/g%3E%3Cg id='g1222' transform='translate(435.9852,1396.5942)'%3E%3Cpath d='m 0,0 c -0.108,0.108 -0.16,0.271 -0.16,0.379 0,0.108 0.052,0.268 0.16,0.375 l 0.755,0.755 c 0.216,0.216 0.539,0.216 0.754,0 L 1.562,1.454 4.525,-1.722 c 0.108,-0.108 0.268,-0.108 0.377,0 l 7.214,7.486 h 0.055 c 0.216,0.213 0.539,0.213 0.755,0 l 0.752,-0.755 c 0.216,-0.216 0.216,-0.539 0,-0.754 L 5.065,-4.686 c -0.108,-0.107 -0.216,-0.16 -0.379,-0.16 -0.161,0 -0.268,0.053 -0.376,0.16 L 0.108,-0.16 Z' style='fill:%23f0f3f5;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path1224' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        width: 35px;
        height: 35px;
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center center;
    }

.title_selcustomer {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    vertical-align: middle;
    font-weight: 400;
}

.title_customer {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
    vertical-align: middle;
    font-weight: 400;
}

.btn-espandi-cli {
    width: 50px;
    height: 50px;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='10.932858mm' height='6.0132985mm' viewBox='0 0 10.932858 6.0132985' version='1.1' id='svg2443'%3E%3Cdefs id='defs2437'%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='clipPath1236'%3E%3Cpath d='M 0,1784 H 1920 V 0 H 0 Z' id='path1234' /%3E%3C/clipPath%3E%3C/defs%3E%3Cmetadata id='metadata2440'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1' transform='translate(-129.09309,-111.14216)'%3E%3Cg id='g1230' transform='matrix(0.35277777,0,0,-0.35277777,-509.06576,606.36823)'%3E%3Cg id='g1232' clip-path='url(%23clipPath1236)'%3E%3Cg id='g1238' transform='translate(1839.1453,1402.9829)'%3E%3Cpath d='M 0,0 C -0.414,0.414 -1.086,0.414 -1.499,0 L -14.679,-13.206 -27.884,0 c -0.415,0.414 -1.087,0.414 -1.5,0 -0.413,-0.413 -0.413,-1.085 0,-1.5 l 13.929,-13.928 c 0.207,-0.206 0.465,-0.31 0.749,-0.31 0.259,0 0.543,0.104 0.75,0.31 L -0.027,-1.5 C 0.412,-1.085 0.412,-0.413 0,0' style='fill:%23dde4eb;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path1240' /%3E%3C/g%3E%3Cg id='g1242' transform='translate(1839.1453,1402.9829)'%3E%3Cpath d='M 0,0 C -0.414,0.414 -1.086,0.414 -1.499,0 L -14.679,-13.206 -27.884,0 c -0.415,0.414 -1.087,0.414 -1.5,0 -0.413,-0.413 -0.413,-1.085 0,-1.5 l 13.929,-13.928 c 0.207,-0.206 0.465,-0.31 0.749,-0.31 0.259,0 0.543,0.104 0.75,0.31 L -0.027,-1.5 C 0.412,-1.085 0.412,-0.413 0,0 Z' style='fill:none;stroke:%23dde4eb;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' id='path1244' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

div[aria-expanded="false"] .btn-espandi-cli {
    -webkit-transform: translateY(3px) rotate(-90deg);
    -moz-transform: translateY(3px) rotate(-90deg);
    -o-transform: translateY(3px) rotate(-90deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    padding-bottom: 3px;
}

div[aria-expanded="true"] .btn-espandi-cli {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.offerBordTop {
    /*border-top-width: 3px;*/
    border-top-style: solid;
    border-top-color: #4399b0;
}

.barra-linguette {
    display: flex;
    overflow-x: auto;
}

    .barra-linguette .linguetta {
        padding: 10px 25px 10px 8px;
        width: 162px;
        height: 44px;
        flex-shrink: 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.874229 19.755777'%3E%3Cg transform='translate(-8.6798977,-27.830331)'%3E%3Cpath d='m 81.554126,28.00672 -72.6978394,2.23e-4 v 16.756944 c 0,1.461206 1.1913304,2.645839 2.6610024,2.645833 l 56.288381,-2.23e-4 c 7.539567,-2.9e-5 5.765447,-19.402777 13.748456,-19.402777 z' style='fill:%23ffffff;fill-opacity:1;stroke:%23dde4eb;stroke-width:0.60000003;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A") no-repeat top left;
        position: relative;
        top: -2px;
        margin-right: -15px;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: medium;
    }

        .barra-linguette .linguetta.active {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.315079 19.403166'%3E%3Cg transform='translate(-15.524064,-30.274803)'%3E%3Cpath d='m 87.839139,30.275191 -72.315075,-3.88e-4 v 16.756944 c 0,1.461206 1.094669,2.645824 2.444749,2.645833 l 57.240176,3.88e-4 c 6.926086,4.7e-5 5.296253,-19.402777 12.63015,-19.402777' style='fill:%234399b0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277778' id='path1559' /%3E%3C/g%3E%3C/svg%3E%0A");
            z-index: 100 !important;
        }

    .barra-linguette a .linguetta.active {
        color: var(--light);
    }

.linguetta a {
    color: inherit;
}

input + .linguetta {
    background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 62.051 15.522' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(209.43 -79.084)'%3E%3Cpath d='m-148.95 94.783h-60.301v-13.406c0-1.1688 0.98178-2.1167 2.1929-2.1167h46.779c6.2131 0 4.7512 15.522 11.329 15.522z' fill='%23fff' stroke='%23dde4eb' stroke-miterlimit='10' stroke-width='.35278'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat top;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 140px;
    padding-left: 1rem;
    padding-right: 2rem;
    font-size: 85%;
    margin-right: -1rem;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

input:checked + .linguetta {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 62.051 15.522' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(209.43 -79.084)'%3E%3Cpath d='m-147.38 94.606h-62.052v-13.406c0-1.1688 1.01-2.1167 2.2564-2.1167h48.137c6.3934 0 4.8892 15.522 11.658 15.522' fill='%23afb5be'/%3E%3C/g%3E%3C/svg%3E%0A");
    color: var(--light);
    z-index: 2;
}

.of-block {
    min-height: 67px;
    border-radius: 0px;
}

@media (min-width: 992px) {
    .line4 {
        background-image: url(../images/slash.png);
        background-repeat: no-repeat;
        background-position: right center;
        min-height: 70px !important;
        margin-left: -15px;
        margin-right: -15px;
    }
}

.minhgt {
    min-height: 45px;
}

div.avatarcliente {
    border-radius: 25px !important;
    display: flex;
    height: 50px;
    width: 50px;
    font-size: 22px;
    border: 1px solid #CCC;
    background-color: #666;
    color: #FFF;
}

.small div.avatarcliente {
    font-size: 16px;
    width: 35px;
    height: 35px;
}

div.avatarutente {
    border: solid 1px #CCC;
    border-radius: 25px !important;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

div.avatarcaricatore {
    width: 65px;
    min-width: 65px;
    height: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

div.avatarcliente > * {
    line-height: normal;
}

.of-cli {
    font-size: 14px;
    color: #8b8b8b;
    font-weight: 500;
}

@media (min-width: 992px) {
    .of-cli {
        font-size: 16px;
    }
}

.of-stato {
    font-size: 12px;
    color: #8b8b8b;
}

.of-btn {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    /*margin-top: 6px;
    margin-right: 5px;*/
}

.of-msg {
    font-style: italic;
    color: #8b8b8b;
    font-size: 11px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .of-ico .fa {
        font-size: 24px !important;
        color: #8b8b8b;
        padding-top: 20px;
    }

    .of-ico {
        width: 33px !important;
    }
}

.btn-ov .icona {
    width: 60px;
    height: 100%;
    display: flex;
}

    .btn-ov .icona .icosfo {
        width: 6px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .btn-ov .icona .iconaelipse {
        background-image: url(../../Content/images/elipse.png);
    }

/* icone menu contestuale */
.icona_contest {
    width: 35px;
    height: 20px;
}

.textcontest {
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    color: #666 !important;
}

/* icone menu contestuale DELETE */
.icona_contest_delete {
    width: 35px;
    height: 20px;
    filter: invert(28%) sepia(71%) saturate(2230%) hue-rotate(333deg) brightness(89%) contrast(92%);
}

.textcontest_delete {
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    color: #666 !important;
}

.icona_contest_true {
    width: 35px;
    height: 28px;
}

.icona_contest_true_active {
    width: 35px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%2361CAA5' d='M0.469,10.32c-0.151-0.151-0.223-0.378-0.223-0.528c0-0.15,0.072-0.373,0.223-0.523l1.052-1.051 c0.301-0.301,0.751-0.301,1.051,0l0.073,0.076l4.131,4.426c0.149,0.151,0.373,0.151,0.525,0L17.354,2.288h0.076 c0.301-0.296,0.75-0.296,1.053,0l1.047,1.052c0.301,0.301,0.301,0.751,0,1.051L7.527,16.851C7.377,17,7.224,17.073,6.999,17.073 c-0.223,0-0.373-0.073-0.524-0.223l-5.856-6.307L0.469,10.32z'/%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}
/* fine icone menu contestuale */

/* popover bootstrap*/
.popover-body {
    padding: 0px !important;
}

.popover {
    max-width: 350px !important;
    border: none;
    background: none;
}

    .popover .nota {
        color: #8b8b8b;
    }

    .popover ul {
        border-radius: 0.6rem;
        box-shadow: #999 0px 0px 8px;
        margin: 0;
        padding: 0;
        background-color: white;
        overflow: hidden;
    }

    .popover li {
        list-style-type: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC !important;
    }

        .popover li:last-child:hover {
            background-color: #E9E9E9 !important;
        }

        .popover li:hover {
            background-color: #E9E9E9 !important;
            border-radius: 0 0 0 0;
        }

        .popover li:first-child:hover {
            background-color: #E9E9E9 !important;
        }

        .popover li:last-child {
            border-bottom: none !important;
        }

.dropdown-item {
    white-space: normal;
}

    .dropdown-item .fa {
        min-width: 1.5em;
    }

#notificationContainer .dropdown-item {
    padding: 10px 15px !important;
}
/* fine popover bootstrap*/


/* hover */
.btn-ov:hover {
    color: #4399b0 !important;
}

.btn-ov_active {
    background-color: #E9E9E9 !important;
}

.bx-cli {
    width: 100%;
}

    .bx-cli .r01 {
        max-width: 220px;
        width: 100%;
    }

    .bx-cli .r02 {
        max-width: 320px;
        width: 100%;
    }

    .bx-cli .r03 {
        max-width: 250px;
        width: 100%;
    }

.bx-one {
    width: 100%;
    max-width: 250px;
    line-height: 1.2;
}

.bx-one-r {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.bx-ico {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .bx-ico a {
        color: #cecece;
    }

@media (max-width: 599px) {
    .bx-ico {
        display: grid !important;
    }

    .btn-ov {
        width: 44px;
        padding-bottom: 5px;
        padding-top: 3px;
        border-bottom: 2px solid rgb(127, 0, 0);
        border-bottom: 2px solid rgba(255, 0, 0, .0);
    }

        .btn-ov:hover {
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #4399b0;
            background-color: #f7f8fa;
        }

        .btn-ov .fa {
            font-size: 20px;
            position: relative;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            top: 40%;
        }

    div.avatarcliente {
        border-radius: 20px !important;
        height: 40px;
        width: 40px;
        font-size: 16px;
    }

    div.avatarutente {
        border-radius: 20px !important;
        width: 40px;
        height: 40px;
    }

    .app-sidebar__user {
        display: none;
    }

    .btn-act-offer {
        display: none;
    }
}

/*barra pagina top*/

.fa-small {
    font-size: 5px !important;
}

.app-sidebar__user .app-nav__item {
    border-bottom: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.login-content .app-header__logo {
    padding-bottom: 15px;
}

.dati-user .dropdown-item {
    font-size: 12px !important;
}

    .dati-user .dropdown-item .fa {
        font-size: 14px !important;
    }
/*end barra pagina top*/

/*menu laterale*/
.pallino {
    width: 19px;
}

.treeview .pallino .fa-circle {
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
}

.treeview .active .pallino .fa-circle {
    color: #4399b0;
}

.app-sidebar__toggle {
    width: 50px;
    color: #838589 !important;
    border-right: 1px solid #B2B3B6;
}

.sidenav-toggled .mspecial .app-menu__label {
    padding-top: 20px;
    padding-bottom: 19px;
}

#sidebar a.treeview-item .fa {
    display: none;
}

#sidebar a.treeview-item.active .fa {
    display: initial;
}

#sidebar a.treeview-item.active,
#sidebar a.app-menu__item.active {
    background: #44505E;
}

.treeview-item:hover {
    background: #4399b0 !important;
}

.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus,
.treeview.is-expanded [data-toggle='treeview'] {
    border-left-color: transparent !important;
}
/*end menu laterale*/
@media (min-width: 600px) {
    .bx-action {
        min-width: 200px;
    }
}

.bx-action {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.widget-small .bx-btn {
    margin-left: 15px;
    margin-right: 10px;
}

.widget-small-coll {
    margin-bottom: 10px !important;
}

.bx-btn {
    margin-top: auto;
    margin-bottom: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bx-btn {
        margin-top: 10px;
    }

    .btn-ov {
        padding-top: 35px;
    }
}

.bx-cli {
    margin-top: 8px;
    margin-bottom: 8px;
}

.details01 {
    line-height: 1.2;
}

.details .label {
    margin-right: 5px;
}

@media (max-width: 991px) {
    .details .label {
        display: -webkit-inline-box;
    }
}

.details .label, .sfuma label {
    font-weight: 500;
    color: #8b8b8b;
    font-size: 12px;
}

.disable {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.4;
}

.actions {
    position: absolute;
    transform: translate3d(0px, 37px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.btn-action {
    background-color: #dde4eb !important;
    color: #394655 !important;
}

.btn-outline-secondary:hover {
    color: #6c757d;
    background-color: #fff;
}

.gruppo-offerta .dropdown-toggle::after {
    border: none;
    content: none;
}

.gruppo-offerta .btn-dropdown {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='9.093px' viewBox='0 0 17 9.093' style='enable-background:new 0 0 17 9.093;' xml:space='preserve'%3E%3Cpath style='fill:%238B8B8B;' d='M16.826,0.175c-0.234-0.234-0.615-0.234-0.85,0L8.508,7.658L1.025,0.175 c-0.235-0.234-0.616-0.234-0.849,0c-0.235,0.233-0.235,0.615,0,0.85l7.892,7.892c0.117,0.117,0.264,0.176,0.425,0.176 c0.146,0,0.307-0.059,0.425-0.176l7.893-7.892C17.061,0.791,17.061,0.408,16.826,0.175'/%3E%3C/svg%3E");
    background-position: right 0px center;
    background-repeat: no-repeat;
    background-size: 11px;
    text-align: left;
    width: 65px;
}

.bx-action .nav-link, .bx-ico .nav-link {
    border: 1px solid #CCC;
}

.bx-action .nav-item, .bx-ico .nav-item {
    margin-bottom: auto;
    margin-top: auto;
}

.btn-espandi a {
    line-height: 1;
}

.btn-espandi .expande {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='16.048px' viewBox='0 0 30 16.048' xml:space='preserve'%3E%3Cpath fill='%23A0A7B1' d='M29.694,0.31c-0.414-0.414-1.087-0.414-1.5,0l-13.18,13.206L1.81,0.31c-0.414-0.414-1.087-0.414-1.499,0 c-0.414,0.413-0.414,1.085,0,1.5l13.928,13.929c0.207,0.205,0.466,0.31,0.75,0.31c0.259,0,0.543-0.104,0.75-0.31L29.668,1.81 C30.106,1.395,30.106,0.723,29.694,0.31'/%3E%3C/svg%3E");
}

.btn-espandi a[aria-expanded="false"] .expande {
    -webkit-transform: translateY(3px) rotate(-90deg);
    -moz-transform: translateY(3px) rotate(-90deg);
    -o-transform: translateY(3px) rotate(-90deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.btn-espandi a[aria-expanded="true"] .expande {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

/* start bottone espandi dettagli pagina finalize */

.blocco-expand .btn-espandi-service a {
    line-height: 1;
}

.blocco-expand .btn-espandi-service .expande {
    width: 50px;
    height: 50px;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='10.434135mm' height='5.6116934mm' viewBox='0 0 10.434135 5.6116934' version='1.1' id='svg4554'%3E%3Cdefs id='defs4548' /%3E%3Cmetadata id='metadata4551'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1' transform='translate(-17.083528,-21.38463)'%3E%3Cg id='g3482' transform='matrix(0.34780945,0,0,-0.3496709,27.411295,21.493203)' style='display:inline'%3E%3Cpath d='M 0,0 C -0.414,0.414 -1.086,0.414 -1.499,0 L -14.679,-13.205 -27.884,0 c -0.414,0.414 -1.087,0.414 -1.5,0 -0.413,-0.413 -0.413,-1.085 0,-1.499 l 13.929,-13.928 c 0.207,-0.207 0.466,-0.311 0.749,-0.311 0.259,0 0.543,0.104 0.75,0.311 l 13.93,13.928 C 0.412,-1.085 0.412,-0.413 0,0' style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path3484' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.blocco-expand a[aria-expanded="false"] .btn-espandi-service .expande {
    -webkit-transform: translateY(3px) rotate(-90deg);
    -moz-transform: translateY(3px) rotate(-90deg);
    -o-transform: translateY(3px) rotate(-90deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.blocco-expand a[aria-expanded="true"] .btn-espandi-service .expande {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

/* end bottone espandi dettagli pagina finalize */

.badge {
    padding-top: 4px !important;
}

.badge-suboptimal {
    color: #6c757d;
    background-color: #FFF;
    border: 1px solid #6c757d;
}

/*toggle*/
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:disabled + .slider {
    opacity: 0.5;
}

input:checked + .slider {
    background-image: linear-gradient(to left, #0CEDB5 0%, #0D9AE9 50%, #A047F2 100%);
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.tgxsmall input:checked + .slider::before, .switch.small input:checked + .slider::before {
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 25px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*toggle small*/
.tgsmall .switch {
    width: 47px;
    height: 26px;
}

.tgsmall .slider:before {
    height: 20px !important;
    width: 20px !important;
}

/*toggle x-small*/
.tgxsmall .switch, .switch.small {
    width: 27px;
    height: 15px;
}

    .tgxsmall .slider::before, .switch.small .slider::before {
        height: 9px !important;
        width: 9px !important;
    }

/*toggle*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bx-action .nav-item, .bx-ico .nav-item {
        margin-top: 10px;
    }
}

.offragr .of-stato {
    font-size: 13px;
}

.off-div {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Barra Bread */

.barra-bread {
    background-color: #a0a7b1;
    width: 100%;
    display: flex;
    overflow-x: auto;
    background-clip: padding-box;
    box-shadow: 0px 5px 10px rgba(0,0,0,.175);
    position: sticky;
    z-index: 1050;
}


.box-bread {
    background-color: #a0a7b1;
    height: 55px;
    display: flex;
    align-items: center;
}

    .box-bread:hover .text-bread, .box-bread.active .text-bread, .box-bread.active ~ .box-bread .text-bread {
        display: initial;
    }

    .box-bread .text-bread {
        display: none;
    }


.number-bread {
    width: 25px;
    height: 25px;
    background-color: #67c3a2;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.box-bread.active .number-bread, .box-bread.active ~ .box-bread .number-bread {
    width: 25px;
    height: 25px;
    background-color: #FFF;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #a0a7b1;
}


.barra-bread .active {
    background-color: #4399b0 !important;
}

/*Css per lo stato dei passi dell'offerta in stato da eseguire*/
.box-bread.todo .number-bread {
    width: 25px;
    height: 25px;
    background-color: #FFF;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #a0a7b1;
}

.box-bread.partiallydone .number-bread {
    width: 25px;
    height: 25px;
    background-color: #FFF;
    outline: 2px solid #67c3a2 !important;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #a0a7b1;
}

.box-bread.done .number-bread {
    width: 25px;
    height: 25px;
    background-color: #67c3a2;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
}
/**/

.barra-bread .first {
    padding-left: 28px;
}

.box-bread.active .freccia-bread {
    background-color: #a0a7b1;
    background-image: url(../images/freccia01.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 100%;
    width: 24px;
}

.box-bread.next-active .freccia-bread {
    background-color: #a0a7b1;
    background-image: url(../images/freccia02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #4399b0;
    height: 100%;
    width: 24px;
}

.box-bread .freccia-bread {
    background-color: #a0a7b1;
    background-image: url(../images/freccia02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #a0a7b1;
    height: 100%;
    width: 24px;
}

.title-bread {
    color: #FFF;
    font-size: 18px;
    white-space: nowrap;
    flex-grow: 1;
}

/* --------- */
/* Sub Bread */
/* --------- */

.barra-subbread {
    background-color: #F7F8FA;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    background-clip: padding-box;
    box-shadow: 0px 5px 10px rgba(0,0,0,.175);
    position: sticky;
    z-index: 1050;
    /* padding-left: 8px; */
    padding-left: 200px;
}

.box-subbread {
    width: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 8px 0 0;
}

    .box-subbread:hover .text-subbread, .box-subbread.active .text-subbread, .box-subbread.active ~ .box-subbread .text-subbread {
        display: initial;
    }

    .box-subbread .text-subbread {
        color: #a0a7b1 !important;
    }

a:hover .box-subbread.done .number-subbread {
    box-shadow: 0 0 0 7px rgba(103, 195, 162, .175);
}

.number-subbread {
    align-content: flex-start;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    outline: 2px solid #a0a7b1;
    background-color: #a0a7b1;
    margin: 0 !important;
    z-index: 1;
}

.title-subbread {
    color: #a0a7b1;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    flex-grow: 1;
    align-content: flex-end;
    margin: 0 !important;
}

/* Numeri e stato dei passi dell'offerta in avanzamento */
.box-subbread.partiallydone .number-subbread {
    color: #a0a7b1;
    background-color: #FFF;
    outline-color: #67c3a2;
}

.box-subbread.done .number-subbread {
    color: #FFF;
    background-color: #67c3a2;
    outline-color: #67c3a2;
    z-index: 2;
}

/* Barra dei passi dell'offerta in avanzamento */
.box-subbread::after {
    content: "";
    background-color: #a0a7b1;
    height: 4px;
    width: 100%;
    position: relative;
    left: 50px;
    top: -30px;
}

.box-subbread.next-active::after {
    content: "";
    background-color: #67c3a2 !important;
    z-index: 1;
}

.barra-subbread a:last-child .box-subbread::after {
    content: "";
    display: none;
}

/* -------------------- */
/*  Validazione Offerta */
/* -------------------- */

.container-validazione-offerta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.errori-offerta span {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0px !important;
}

.errori-offerta a:hover {
    color: #900000;
}


.errori-offerta i {
    font-size: 150%;
}

.errori-offerta strong {
    margin: 0px 6px;
}

/* -------------------- */
/* -- TCCF Tab Torni -- */
/* -------------------- */

#tabtorni td a:not(.showDetail) {
    display: inline-flex;
    font-size: 10px;
    font-weight: bold;
    border-radius: 100%;
    color: #fff;
    outline: 2px solid #8b8b8b;
    background-color: #8b8b8b;
    margin: 0 3px !important;
    text-decoration: none !important;
    width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
}

    #tabtorni td a:not(.showDetail):hover {
        color: #8b8b8b;
        background-color: #fff;
    }

/* -------------------- */
/* ----    SFSP    ---- */
/* -------------------- */

.form-mercati {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

    .form-mercati label {
        width: 20%;
    }

.previsioni_lista_utenti li:hover {
    text-decoration: underline;
}

#previsioni_utente {
    width: 100%;
}

input.previsione, input.rettifica {
    width: 50px;
    text-align: center;
    font-weight: 600;
    padding: 5px 0 5px 10px;
}

#previsioni_utente main.app-content.app-content-log {
    margin: 0;
    min-height: 0;
}

    #previsioni_utente main.app-content.app-content-log #body-bdh {
        margin: 0;
        padding: 0 !important;
    }

#previsioni th, #mercati th, #utenti_mercati_abilitazioni th, #utenti_mercati_prodotti_abilitazioni th {
    background-color: #505e70;
    color: #fff
}

.sfsp.btn.btn-primary {
    opacity: 1 !important;
}

#previsioni .d-flex.align-items-center.justify-content-around.p-2 {
    border-top: 1px solid #afb5be;
}

#previsioni .table-bordered, #previsioni .table-bordered th, #previsioni .table-bordered td, #mercati th, #mercati td,
#utenti_mercati_prodotti_abilitazioni th, #utenti_mercati_prodotti_abilitazioni td, #utenti_mercati_abilitazioni th, #utenti_mercati_abilitazioni td {
    border: 1px solid #afb5be;
}

/*#previsioni_utente > div {
    display: none;
}*/

.fa-lock, .fa-unlock-alt {
    cursor: pointer;
}

#utenti_mercati_abilitazioni tbody tr td, #utenti_mercati_abilitazioni thead tr th,
#utenti_mercati_prodotti_abilitazioni thead tr th, #utenti_mercati_prodotti_abilitazioni tbody tr td,
#mercati thead tr th, #mercati tbody tr td {
    vertical-align: middle;
    text-align: center;
}

#utenti_mercati_abilitazioni {
    font-size: 11px;
}

/* -------------------- */
/* -------------------- */
/* -------------------- */

.container-validazione-offerta button,
.container-validazione-offerta a {
    margin: 0 0 0 16px !important;
}

#togglegruppoinfo .expande {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px 23px;
}

#togglegruppoinfo .alto {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='16.048px' viewBox='0 0 30 16.048' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M0.306,15.738c0.414,0.414,1.087,0.414,1.5,0l13.18-13.206L28.19,15.738c0.414,0.414,1.087,0.414,1.499,0 c0.414-0.413,0.414-1.085,0-1.5L15.762,0.309C15.555,0.104,15.296,0,15.012,0c-0.259,0-0.543,0.104-0.75,0.31L0.332,14.238 C-0.106,14.653-0.106,15.325,0.306,15.738'/%3E%3C/svg%3E");
}

#togglegruppoinfo .basso {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='16.048px' viewBox='0 0 30 16.048' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M29.694,0.31c-0.414-0.414-1.087-0.414-1.5,0l-13.18,13.206L1.81,0.31c-0.414-0.414-1.087-0.414-1.499,0 c-0.414,0.413-0.414,1.085,0,1.5l13.928,13.929c0.207,0.205,0.466,0.31,0.75,0.31c0.259,0,0.543-0.104,0.75-0.31L29.668,1.81 C30.106,1.395,30.106,0.723,29.694,0.31'/%3E%3C/svg%3E");
}

/*Pagina 3 info caricatore*/
.info-tccf {
    width: 20px;
    height: 20px;
    vertical-align: top;
    position: relative;
    top: -10px;
    background: url(../images/info.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
}

/* Navbar */
.infobar {
    margin-left: 250px;
}

@media (max-width: 767px) {
    .infobar {
        margin-left: 0px;
        display: none;
    }
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #4399b0 !important;
}

@media (max-width: 850px) {
    .title-h1 {
        font-size: 16px !important;
    }
}

.title-page {
    background-image: url(../images/freccia.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: -1px;
    font-size: 24px;
    color: #777;
    font-weight: 300;
    font-style: normal;
}

.navbar-header {
    min-height: 65px;
    background-color: #C9CDD3 !important;
}

.logo-brand {
    max-width: 125px;
    width: 100%;
    margin-top: 8px;
}

.app-header__logo {
    text-align: center;
}

.utente-login {
    display: flex;
    margin-left: auto;
}

@media (max-width: 599px) {
    .utente-login {
        display: flex;
    }
}

.navbar-default {
    background-color: #44505E;
}

.sidebar ul li {
    background-color: #44505E;
}

.navbar-static-top {
    background-color: #D6DEE6 !important;
}

.navbar-top-links a {
    color: #8D9197 !important;
    font-size: 20px;
}

.navbar-top-links .dropdown-menu a {
    font-size: 14px;
}

/*Stile modale dei tccf caricatori pagina 3*/
.nav-tabs.bdh-tabs .nav-item a:hover {
    color: white;
}

.nav-tabs.bdh-tabs .nav-item .nav-link {
    border: none;
    border-radius: 0;
    padding: 7px 7px !important;
    text-align: center !important;
}

.nav-tabs.bdh-tabs .nav-item {
    position: relative;
    margin-left: 1px;
    margin-right: 1px;
    width: 45px;
}

    .nav-tabs.bdh-tabs .nav-item.highlight::after {
        content: ' ';
        display: block;
        position: absolute;
        background-color: #505E70;
        height: 3px;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .nav-tabs.bdh-tabs .nav-item .nav-link.active {
        background-color: #4399B0;
        color: var(--light);
    }

    .nav-tabs.bdh-tabs .nav-item.generic .nav-link:hover {
        background: repeating-linear-gradient( 315deg, #8bc0cd, #8bc0cd 5px, #4399B0 5px, #4399B0 10px ), linear-gradient( to bottom, #fff, #fff ) !important;
    }

    .nav-tabs.bdh-tabs .nav-item.generic {
        color: black;
        background: repeating-linear-gradient( 315deg, #e5e5e5, #e5e5e5 5px, #fff 5px, #fff 10px ), linear-gradient( to bottom, #eee, #999 );
        width: 45px;
    }

        .nav-tabs.bdh-tabs .nav-item.generic:hover {
            background: repeating-linear-gradient( 315deg, #8bc0cd, #8bc0cd 5px, #4399B0 5px, #4399B0 10px ), linear-gradient( to bottom, #fff, #fff ) !important;
        }

        .nav-tabs.bdh-tabs .nav-item.generic .nav-link.active {
            color: white;
            background: repeating-linear-gradient( 315deg, #8bc0cd, #8bc0cd 5px, #4399B0 5px, #4399B0 10px ), linear-gradient( to bottom, #fff, #fff ) !important;
        }

/**/

.dropdown-menu {
    min-width: 200px;
}

.menu_sideright-lang {
    display: block;
    height: 65px;
    padding-top: 23px;
}

.menu_sideright-user {
    display: block;
    height: 65px;
    padding-top: 7px;
}

.menu_sideright-item {
    display: block;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.menu_sideright-item2 {
    display: block;
}

/* custom search */
.custom-search-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 10px 1px 3px 1px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #F0F3F5;
    background-image: none;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-image: linear-gradient(to left, #0CEDB5 0%, #0D9AE9 50%, #A047F2 100%);
    border-image-slice: 1;
    border-radius: 0px;
    box-shadow: none;
    transition: none;
}

    .custom-search-form .form-control::placeholder {
        font-style: italic;
    }

.adv-search-ava {
    font-size: 11px;
}

.custom-search-form {
    max-width: 450px;
    width: 100%;
}

#clienti-form .custom-search-form .form-control {
    background-color: #FFF;
}

#pageNumber, #pageNumberClienteIntestatario, #pageNumberClienteDestinatario, #pageNumberClienteUtilizzatore {
    width: 35px;
    height: 27px;
    border-radius: 4px;
    border: 1px solid #DDE4EB;
}

.rw-style {
    width: 13px;
    height: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.rw-left {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.726px' height='18px' viewBox='0 0 17.726 18' xml:space='preserve'%3E%3Cpolygon fill='%23D8DBDD' points='2.138,9 17.726,18 17.726,0 '/%3E%3Cpath fill='none' stroke='%23D8DBDD' stroke-width='2' stroke-miterlimit='10' d='M1,18V0V18z'/%3E%3C/svg%3E");
}

.rw-left-s {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.726px' height='18px' viewBox='0 0 17.726 18' xml:space='preserve'%3E%3Cpolygon fill='%23D8DBDD' points='1.139,8.999 16.727,17.999 16.727,-0.001 '/%3E%3C/svg%3E");
}

.rw-right {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.726px' height='18px' viewBox='0 0 17.726 18' xml:space='preserve'%3E%3Cpolygon fill='%23D8DBDD' points='15.588,9 0,0 0,18 '/%3E%3Cpath fill='none' stroke='%23D8DBDD' stroke-width='2' stroke-miterlimit='10' d='M16.726,0v18V0z'/%3E%3C/svg%3E");
}

.rw-right-s {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.726px' height='18px' viewBox='0 0 17.726 18' xml:space='preserve'%3E%3Cpolygon fill='%23D8DBDD' points='16.726,9 1.138,0 1.138,18 '/%3E%3C/svg%3E");
}

.class-filter label {
    padding-bottom: 6px;
}

.class-filter select {
    font-size: 12px !important;
}

.app-search__button .fa-search {
    color: #cecece;
}

.form-control {
    border: 1px solid #DDE4EB;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8b8b8b !important;
    font-size: 13px;
}

.select2-container--default .select2-selection--single,
select.numberitemXpage {
    border: 1px solid #DDE4EB !important;
    color: #8b8b8b !important;
    font-size: 13px;
}

.form-control:focus {
    border-color: #8B8B8B;
}

#destinazione .form-control:disabled, .form-control[readonly],
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff !important;
    opacity: 1;
}

@media (max-width: 599px) {
    .app-nav__item {
        padding: 5px !important;
    }

    .dati-user {
        margin-left: auto;
        margin-right: auto;
    }

    .app-header {
        padding-right: 0px !important;
    }

    .navbar-header {
        min-width: 120px !important;
    }

    .logo-brand {
        max-width: 100px;
        width: 100%;
    }
}
/* selezione cliente */
.intestazione {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px solid #CCC;
    font-weight: 500;
    margin-bottom: 10px;
}

#searchresults tr.selected {
    background-color: #F0F3F6;
}

.riga {
    padding: 10px !important;
}

.col-rgsoc {
    max-width: 200px;
    width: 100%;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-locat {
    max-width: 100px;
    width: 100%;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.riga-cliente {
    cursor: pointer;
}
/*check box*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff !important;
}

.custom-radio .custom-control-label::before {
    border: 1px solid #DDE4EB;
    background-color: #fff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='7px' viewBox='0 0 7 7' xml:space='preserve'%3E%3Cpath fill='%238B8B8B' d='M7,3.5C7,5.434,5.433,7,3.5,7C1.566,7,0,5.434,0,3.5C0,1.567,1.566,0,3.5,0C5.433,0,7,1.567,7,3.5'/%3E%3C/svg%3E");
    background-size: 6px;
}
/*select list*/
.filtri select, .ricava select, .filtri2 select {
    width: 100%;
    display: block;
    width: 100%;
    padding: 2px 20px 2px 10px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='9.093px' viewBox='0 0 17 9.093' style='enable-background:new 0 0 17 9.093;' xml:space='preserve'%3E%3Cpath style='fill:%238B8B8B;' d='M16.826,0.175c-0.234-0.234-0.615-0.234-0.85,0L8.508,7.658L1.025,0.175 c-0.235-0.234-0.616-0.234-0.849,0c-0.235,0.233-0.235,0.615,0,0.85l7.892,7.892c0.117,0.117,0.264,0.176,0.425,0.176 c0.146,0,0.307-0.059,0.425-0.176l7.893-7.892C17.061,0.791,17.061,0.408,16.826,0.175'/%3E%3C/svg%3E");
    background-position: right 7px center;
    background-repeat: no-repeat;
    background-size: 11px;
    background-color: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    color: #8b8b8b;
}

.filtri .provvigione-agente button {
    height: 28px;
    font-size: 12px;
}

.select2-selection__arrow {
    width: 100%;
    display: block;
    width: 100%;
    padding: 2px 20px 2px 10px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='9.093px' viewBox='0 0 17 9.093' style='enable-background:new 0 0 17 9.093;' xml:space='preserve'%3E%3Cpath style='fill:%238B8B8B;' d='M16.826,0.175c-0.234-0.234-0.615-0.234-0.85,0L8.508,7.658L1.025,0.175 c-0.235-0.234-0.616-0.234-0.849,0c-0.235,0.233-0.235,0.615,0,0.85l7.892,7.892c0.117,0.117,0.264,0.176,0.425,0.176 c0.146,0,0.307-0.059,0.425-0.176l7.893-7.892C17.061,0.791,17.061,0.408,16.826,0.175'/%3E%3C/svg%3E");
    background-position: right 7px center;
    background-repeat: no-repeat;
    background-size: 11px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    color: #8b8b8b;
}

    .select2-selection__arrow b {
        display: none;
    }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px !important;
}

.filtri label {
    padding-top: 6px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
}

.filtri2 label {
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
}

.numberitem {
    text-align: center;
}

select.numberitemXpage {
    width: 50px;
    background: url("../images/arrow-c.png") right center no-repeat;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 12px;
}

#current_page .criterio {
    width: 55px;
    border-radius: 4px;
    border: 1px solid #ced4da;
}

.nexprev {
    opacity: 0.5;
    cursor: pointer;
}

.tables_head {
    padding: 15px;
    min-height: 50px;
    background-color: #f0f3f6;
}

    .tables_head div.dataTables_length select {
        width: 170px;
    }

.bdh-shadow-selected {
    box-shadow: 0 0 5px rgb(0 150 136 / 50%);
}
/* selezione cliente */
.choose-img img {
    width: 100%;
    height: auto;
}

.choose-box .info {
    text-align: center;
    color: #6f6f6f;
}

.choose-title {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top: 5px;
}

.choose_subtitle {
    font-size: 10px;
    height: 50px;
}

.choose-btn {
    padding-bottom: 20px;
}

    .choose-btn .btn {
        font-weight: 300 !important;
    }

.chooseprd .sfuma1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#elencoclienti td {
    padding: 5px;
}
/* dettaglio offerta */
.gruppo-configuratore {
    padding: 10px;
}

.gruppo-offerta .nav-link {
    border: 1px solid #CCC;
}

.pagamento {
    display: inline;
}

.widget-small.tile {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.tot-riga {
    margin-top: 11px;
    font-size: 18px;
    margin-bottom: 11px;
}

    .tot-riga label {
        font-weight: 600;
        font-size: 12px;
    }

.tot-offerta .info h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600 !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}


.corpo-riga {
    margin-top: auto;
    margin-bottom: auto;
    font-style: italic;
    font-size: 18px;
    background-color: #f5f5f5;
    padding: 10px;
    border: #ccc 1px solid;
}

    .corpo-riga label {
        font-weight: 600;
        font-size: 12px;
    }

.widget-small.tile {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

td.riga-quantita.active button[type=submit] {
    display: initial;
}

a:hover {
    text-decoration: none;
}

/* clickedit */

span.clickedit {
    cursor: pointer;
}

input.clickedit[readonly] ~ span.clickedit {
    cursor: initial;
}

input.clickedit, select.clickedit {
    display: none;
}

input.disguise::placeholder, select.disguise::placeholder {
    color: #bbb;
}

input.disguise, select.disguise {
    min-width: 0;
    background-color: inherit;
    font: inherit;
    color: inherit;
    border: none;
    padding: 0;
}

    input.disguise:disabled, select.disguise:disabled, input.disguise:read-only, fieldset[disabled] .disguise {
        color: #aaa;
    }

.overlaybianco {
    background-color: rgba(255,255,255,0.7);
}

.overlayprice {
    background-image: url(../images/price_ombra.png);
    background-repeat: no-repeat;
    background-size: contain, cover;
    height: 110px;
    width: 205px;
}

.elencoclientistrip {
    font-size: 12px;
}

    .elencoclientistrip div.d-flex:nth-child(even) {
        background-color: #f0f3f6;
    }

.overlay-offarch {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1) !important;
    z-index: 2;
    cursor: pointer;
    opacity: 0.3;
}

.riempi {
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    display: flex;
    position: absolute;
}

input[type=number].no-spinner::-webkit-inner-spin-button,
input[type=number].no-spinner::-webkit-outer-spin-button,
input[type=date].no-spinner::-webkit-inner-spin-button,
input[type=date].no-spinner::-webkit-outer-spin-button {
    margin: 0;
    display: none;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.font-weight-semibold {
    font-weight: 500;
}

label.bdh-check {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    label.bdh-check input[type=radio],
    label.bdh-check input[type=checkbox] {
        display: none;
    }

        label.bdh-check input[type=radio] + span,
        label.bdh-check input[type=checkbox] + span {
            display: inline-block;
            width: 100%;
            height: 100%;
            background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 9.1722 9.1722' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-101.25 -144.25)'%3E%3Cpath d='m110.24 148.83c0 2.4352-1.9745 4.4097-4.4097 4.4097-2.4352 0-4.4097-1.9745-4.4097-4.4097 0-2.4352 1.9745-4.4097 4.4097-4.4097 2.4352 0 4.4097 1.9745 4.4097 4.4097z' fill='none' stroke='%23e3e3e3' stroke-miterlimit='10' stroke-width='.35278'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
            background-size: contain;
        }

        label.bdh-check input[type=radio]:checked + span,
        label.bdh-check input[type=checkbox]:checked + span {
            background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 9.1722 9.1722' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-38.503 -68.652)'%3E%3Cpath d='m47.499 73.238c0 2.4352-1.9745 4.4097-4.4097 4.4097s-4.4097-1.9745-4.4097-4.4097 1.9745-4.4097 4.4097-4.4097 4.4097 1.9745 4.4097 4.4097' fill='%23f5f5f5'/%3E%3Cpath d='m47.499 73.238c0 2.4352-1.9745 4.4097-4.4097 4.4097s-4.4097-1.9745-4.4097-4.4097 1.9745-4.4097 4.4097-4.4097 4.4097 1.9745 4.4097 4.4097z' fill='none' stroke='%23c8c8c8' stroke-miterlimit='10' stroke-width='.35278'/%3E%3Cpath d='m40.676 73.428c-0.03775-0.0381-0.05644-0.0956-0.05644-0.1337 0-0.0381 0.0187-0.09454 0.05644-0.13264l0.26599-0.266c0.07655-0.07655 0.1905-0.07655 0.26635 0l0.0187 0.0194 1.0453 1.1204c0.0381 0.0381 0.09455 0.0381 0.133 0l2.5449-2.6409h0.0194c0.0762-0.07514 0.19015-0.07514 0.26635 0l0.26529 0.26599c0.0762 0.07655 0.0762 0.1905 0 0.26635l-3.0388 3.1538c-0.03775 0.0381-0.07585 0.0568-0.13335 0.0568-0.0568 0-0.0949-0.0187-0.13264-0.0568l-1.4824-1.5963z' fill='%2361caa5'/%3E%3C/g%3E%3C/svg%3E%0A");
        }

table.bdh-table {
    margin: 0;
}

    table.bdh-table thead {
        background-color: #F0F3F6;
    }

        table.bdh-table thead th {
            border-bottom: none;
            font-weight: 500 !important;
            font-size: 12px;
        }

    table.bdh-table tbody tr {
        background-color: white;
        font-size: 12px;
    }

    table.bdh-table.table-hover tbody tr:hover,
    table.bdh-table.table-hover.table-striped tbody tr:hover {
        background-color: #F7F9FA;
    }

    table.bdh-table.table-striped tbody tr:nth-of-type(even) {
        background-color: #FBFCFD;
    }

    table.bdh-table.table-hover tbody tr:hover .bdh-input {
        box-shadow: 0 0 7px lightgrey;
    }

input[type=text].bdh-input,
input[type=number].bdh-input,
input[type=date].bdh-input,
input[type=email].bdh-input,
select.bdh-input {
    border: none;
    padding: 8px;
    background-color: #F0F3F5;
    border-radius: 0;
    color: #8B8B8B;
    outline: none;
    width: 100%;
    cursor: default;
}

    select.bdh-input:focus {
        background-color: #F0F3F5;
        color: #8B8B8B;
    }

select.bdh-input {
    height: 39px !important;
    width: 100%;
}

input.bdh-input:disabled,
input.bdh-input:disabled::placeholder,
input.bdh-input::placeholder {
    color: #B9B9B9;
}

input.bdh-input::placeholder {
    font-style: italic;
}

/*input date start*/
input[type=date].bdh-input {
    background: linear-gradient(to left, white 0%, white,white 40px,#F0F3F5 30px,#F0F3F5 100%);
}

    input[type=date].bdh-input::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='23px' height='23px' viewBox='0 0 24 26' xml:space='preserve'%3E%3Cpath fill='%238B8B8B' d='M23.452,4.24c-0.364-0.365-0.798-0.548-1.297-0.548h-1.847V2.308c0-0.635-0.226-1.178-0.678-1.63 C19.178,0.227,18.635,0,18.002,0h-0.925c-0.634,0-1.177,0.227-1.629,0.678c-0.452,0.452-0.679,0.995-0.679,1.63v1.385H9.231V2.308 c0-0.635-0.225-1.178-0.678-1.63C8.101,0.227,7.558,0,6.924,0H6C5.366,0,4.823,0.227,4.371,0.678 C3.919,1.13,3.693,1.673,3.693,2.308v1.385H1.846c-0.5,0-0.932,0.183-1.297,0.548C0.182,4.605,0,5.038,0,5.539v18.462 c0,0.499,0.182,0.932,0.549,1.297c0.365,0.366,0.797,0.548,1.297,0.548h20.308c0.5,0,0.934-0.182,1.298-0.548 C23.818,24.933,24,24.5,24,24.001V5.539C24,5.038,23.818,4.605,23.452,4.24 M16.616,2.308c0-0.135,0.043-0.245,0.13-0.332 c0.086-0.086,0.196-0.13,0.331-0.13h0.925c0.133,0,0.243,0.044,0.331,0.13c0.087,0.087,0.13,0.197,0.13,0.332v4.153 c0,0.135-0.043,0.246-0.13,0.332c-0.088,0.087-0.198,0.13-0.331,0.13h-0.925c-0.135,0-0.245-0.043-0.331-0.13 c-0.087-0.086-0.13-0.197-0.13-0.332V2.308z M5.539,2.308c0-0.135,0.044-0.245,0.13-0.332C5.756,1.89,5.866,1.846,6,1.846h0.924 c0.134,0,0.245,0.044,0.331,0.13c0.087,0.087,0.129,0.197,0.129,0.332v4.153c0,0.135-0.042,0.246-0.129,0.332 c-0.086,0.087-0.197,0.13-0.331,0.13H6c-0.134,0-0.244-0.043-0.331-0.13c-0.086-0.086-0.13-0.197-0.13-0.332V2.308z M22.154,24 H1.846V9.229h20.308V24z'/%3E%3C/svg%3E");
        width: 14px;
        height: 18px;
        cursor: pointer;
        margin-left: .5rem;
    }

        input[type=date].bdh-input::-webkit-calendar-picker-indicator:hover {
            -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04);
        }
/*input date end*/


/*start elementi offerte*/
.bdh-shadow {
    box-shadow: 0 0 10px lightgrey;
}

.bdh-shadow2 {
    box-shadow: 0 0 10px #bbb;
}

.overflow-hidden {
    overflow: hidden;
}

.line2::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 992px) {
    .line2::before {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19.074px' height='60.289px' viewBox='0 0 19.074 60.289' xml:space='preserve'%3E%3Cline fill='none' stroke='%23BCC1C7' stroke-miterlimit='10' x1='0.479' y1='0.145' x2='18.596' y2='60.145'/%3E%3C/svg%3E");
    }
}

.badge-prospect {
    background-color: #9ECDEC;
    color: white;
}

.badge-cliente {
    background-color: #C4BCDC;
    color: white;
}

.large {
    font-size: 115%;
}

.shadow-separator {
    position: relative;
}

    .shadow-separator::after {
        transform: rotate(-15deg) scaleY(1.5);
        box-shadow: 10px 0 10px -11px #333;
        content: '';
        display: none;
        position: absolute;
        right: 0;
        height: 100%;
        top: 0;
        width: 30px;
    }

@media (min-width:992px) {
    .shadow-separator::after {
        display: block;
    }
}

.dettagli-offerta .card-body {
    padding: 0rem;
}

.dettagli-offerta .list-group-item {
    padding: 0.4rem;
}

.dettagli-offerta .dett-dettagli {
    color: var(--lwc-brandTextLink,rgb(0, 109, 204));
    text-decoration: none;
    transition: color .1s linear;
}

.biscia {
    border-left: solid 5px;
}

.toast-error {
    border-left: solid 5px #E6213B;
    padding: 10px;
    padding-left: 15px;
    color: var(--body);
    font-size: 10pt;
    position: relative;
    background-color: white;
    display: none;
}

    .toast-error::after {
        content: '';
        position: absolute;
        background: url(../images/esclamativo.png) no-repeat left bottom;
        left: -5px;
        height: 100%;
        width: 5px;
        top: 0;
    }

.pulsantino {
    display: inline-block;
    background-color: #4399B0;
    border-radius: 4px;
    border: none;
    padding: 0;
}

    .pulsantino:disabled {
        background-color: #DDE4EB;
    }

    .pulsantino:hover:not(:disabled) {
        cursor: pointer;
    }

    .pulsantino.p28 {
        max-width: 28px;
        max-height: 28px;
        min-width: 28px;
        min-height: 28px;
        width: 28px;
        height: 28px;
    }

.pallino-sconto {
    transform: scale(0.7);
}

    .pallino-sconto.pallino-sconto-ok {
        color: #61caa5;
        text-shadow: 0 0 10px #61caa5;
    }


    .pallino-sconto.pallino-sconto-err {
        color: #61caa5;
        text-shadow: 0 0 10px #61caa5;
    }

    .pallino-sconto.pallino-sconto-no {
        color: #dde4eb;
        text-shadow: 0 0 10px #dde4eb;
    }

.pallino-indicatore {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .pallino-indicatore.pallino-sconto-ok {
        background-color: #61caa5;
        text-shadow: 0 0 10px #61caa5;
        border: 1px solid #00a369;
    }


    .pallino-indicatore.pallino-sconto-err {
        background-color: #61caa5;
        text-shadow: 0 0 10px #61caa5;
        border: 1px solid #61caa5;
    }

    .pallino-indicatore.pallino-sconto-no {
        background-color: #dde4eb;
        text-shadow: 0 0 10px #dde4eb;
        border: 1px solid #dde4eb;
    }

.bdh-error .bordo-error {
    border: solid 1px red !important;
    border-radius: 0.25rem !important;
}

.bdh-error .toast-error {
    display: block;
}

input.bdh-error, select.bdh-error {
    border: solid 2px red !important;
}

input.no-disabledgrey:disabled, select.no-disabledgrey:disabled {
    background-color: inherit;
}

.asterisco::after {
    content: '*';
    display: inline;
    margin-left: 0.25em;
    color: red;
    top: -.5em;
    position: relative;
    font-size: 85%;
    line-height: 0;
    vertical-align: baseline;
}

.asterisco-prima::before {
    content: '*';
    display: inline;
    margin-right: 0.25em;
    color: red;
    top: -.5em;
    position: relative;
    font-size: 85%;
    line-height: 0;
    vertical-align: baseline;
}

div.imagecontainer {
    width: 50px;
    height: 50px;
    display: flex;
    border: 1px solid #CCC;
    border-radius: 50%;
}

.small div.imagecontainer {
    width: 35px;
    height: 35px;
}

.cambioValutaSvg {
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-image: url("../images/changeCurrency.svg");
    margin-left: auto;
    margin-right: auto;
}

.modal-xl {
    max-width: 1000px !important;
    width: 95% !important;
}

    .modal-xl .custom-search-form .form-control {
        background-color: #fff !important;
    }


/*end elementi offerte*/
/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    position: fixed;
    min-width: 225px;
    z-index: 1;
    margin-top: 190px;
}

    .dropdown-content a {
        background-color: #a0a7b1;
        /* padding: 0px 16px; */
        text-decoration: none;
        display: flex;
        margin: 0;
        height: 45px;
        align-items: center;
        animation: scale 0.1s ease-in-out forwards;
        opacity: 0;
    }

        .dropdown-content a:nth-child(1) {
            animation-delay: 0.01s;
            box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
        }

        .dropdown-content a:nth-child(2) {
            animation-delay: 0.05s;
            box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
        }

        .dropdown-content a:nth-child(3) {
            animation-delay: 0.09s;
            box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
        }

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        transform: scale(1.05);
    }

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

.dropdown-content a .cerchio-bread {
    width: 25px;
    height: 25px;
    background-color: #67c3a2;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
}

.dropdown-content a:hover {
    padding-left: 5px !important;
}

.dropdown:hover .dropdown-content {
    display: block;
}
/*
.popover.fade.bs-popover-top.show {
    background-color: #F7F8FA;
    padding: 10px;
    border: 1px solid #e9ecef;
}
*/
/*Notification bell*/
.notificationBell {
    position: relative;
    display: inline-block;
}

    .notificationBell .badge {
        position: absolute;
        top: 12px;
        left: 14px;
        padding: 3px 6px;
        border-radius: 50%;
        background-color: red;
        color: white;
    }

.bg-custom {
    background-color: #4399b0;
}

.alert-custom {
    background-color: #4399b0;
    color: #fff;
}

.app-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1022;
}

.fixed-price {
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 1019;
}


.app-sidebar__toggle:before {
    content: "" !important
}

.app-sidebar{
    padding-bottom: 70px;
}

.apple-shit {
    padding-top: 32px;
}

.stella {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .stella.piena {
        background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='7.0556564mm' height='6.7465262mm' viewBox='0 0 7.0556564 6.7465262' version='1.1' id='svg1777'%3E%3Cdefs id='defs1771' /%3E%3Cmetadata id='metadata1774'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg id='layer1' transform='translate(-128.00789,-69.198165)'%3E%3Cg id='g1394' transform='matrix(0.35277777,0,0,-0.35277777,131.87624,69.409832)'%3E%3Cpath d='m 0,0 2.255,-4.571 c 0.157,-0.318 0.46,-0.538 0.813,-0.589 l 5.043,-0.733 c 0.884,-0.128 1.237,-1.214 0.597,-1.835 l -3.65,-3.559 C 4.805,-11.533 4.689,-11.89 4.748,-12.24 l 0.862,-5.023 c 0.151,-0.88 -0.772,-1.55 -1.562,-1.135 l -4.512,2.372 c -0.314,0.164 -0.689,0.164 -1.002,0 l -4.513,-2.372 c -0.789,-0.415 -1.712,0.255 -1.562,1.135 l 0.862,5.023 c 0.059,0.35 -0.055,0.707 -0.31,0.953 l -3.65,3.559 c -0.64,0.623 -0.285,1.709 0.597,1.835 l 5.045,0.733 c 0.351,0.051 0.654,0.271 0.811,0.589 L -1.931,0 C -1.536,0.8 -0.395,0.8 0,0' style='fill:%234399b0;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path1396' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .stella.vuota {
        background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='7.0556564mm' height='6.7465262mm' viewBox='0 0 7.0556564 6.7465262' version='1.1' id='svg1777' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='stella_vuota.svg'%3E%3Cdefs id='defs1771'%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='clipPath1428'%3E%3Cpath d='m 1533.99,1242.86 h 20.86 v -19.99 h -20.86 z' id='path1426' /%3E%3C/clipPath%3E%3C/defs%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='15.839192' inkscape:cx='-2.6746695' inkscape:cy='15.287267' inkscape:document-units='mm' inkscape:current-layer='layer1' inkscape:document-rotation='0' showgrid='false' inkscape:window-width='1920' inkscape:window-height='1017' inkscape:window-x='1912' inkscape:window-y='-8' inkscape:window-maximized='1' /%3E%3Cmetadata id='metadata1774'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Livello 1' inkscape:groupmode='layer' id='layer1' transform='translate(-128.00789,-69.198165)'%3E%3Cg id='g1422' transform='matrix(0.33811378,0,0,-0.33731699,-390.65066,488.43778)'%3E%3Cg id='g1424' /%3E%3Cg id='g1436'%3E%3Cg clip-path='url(%23clipPath1428)' opacity='0.300003' id='g1434'%3E%3Cg transform='translate(1545.3837,1241.8273)' id='g1432'%3E%3Cpath d='m 0,0 2.255,-4.571 c 0.157,-0.318 0.46,-0.538 0.813,-0.589 l 5.043,-0.733 c 0.884,-0.128 1.237,-1.214 0.597,-1.835 l -3.65,-3.559 C 4.805,-11.533 4.689,-11.89 4.748,-12.24 l 0.862,-5.023 c 0.151,-0.88 -0.772,-1.55 -1.562,-1.135 l -4.512,2.372 c -0.314,0.164 -0.689,0.164 -1.002,0 l -4.513,-2.372 c -0.789,-0.415 -1.712,0.255 -1.562,1.135 l 0.862,5.023 c 0.059,0.35 -0.055,0.707 -0.31,0.953 l -3.65,3.559 c -0.64,0.623 -0.285,1.709 0.597,1.835 l 5.045,0.733 c 0.351,0.051 0.654,0.271 0.811,0.589 L -1.931,0 C -1.536,0.8 -0.395,0.8 0,0 Z' style='fill:none;stroke:%234399b0;stroke-width:0.863;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' id='path1430' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

/** Francesco */
.modal-xxl {
    max-width: 1800px !important;
    width: 100% !important;
}