/*#MasterMenuNuovo .MasterMenuCarrello .animaz {
    color: red;
    font-size:30px;
    transition: color 2s;
}
#MasterMenuNuovo .MasterMenuCarrello .animaz {
    color: green;
    font-size:30px;
    transition: color 2s;
}*/
/*@keyframes animaz {
    from {
        background-color: red;
    }
    to {background-color: yellow;}
}
#MasterMenuNuovo .MasterMenuCarrello .animaz {

    animation-name: animaz;
    animation-duration: 2s;
}*/
/*.csssconti {*/
    /* al cambiare di questa cambiare anche: se none -> colspan=7, se visibile colspan=8 ###cambiosconti###*/
    /*display:none;*/

/*    color: red !important;*/
/*}
.nascondi {

    display: none;*/

/*    color: red;
    font-size: 10px !important;*/
/*}*/


body {
    padding:0px;
    margin:0px;
}
    body > form {
        font-family: 'Frutiger', sans-serif;
        font-size: 14px;
        font-weight:400;
    }

form > div > div > .corpo {
    padding:10px;
}

.container {
    width: 100%;
    margin: auto;
    /*max-width: 1600px;*/
    position: relative;
    padding: 0px 20px;
    box-sizing: border-box;
}

.container2 {
    width: 100%;
    margin: auto;
    max-width: 900px;
    position: relative;
    padding: 0px 20px;
    box-sizing: border-box;
}


.homeregistration {
    display: flex;
    height: auto;
    min-height: calc(100vh - 25px);
    flex-flow: wrap;
    background-color: #16161d;
}

    .homeregistration .formHome {
    }

.allegatiCarrello {
    padding: 20px 0px;
    background-color: #f1f5f9;
}

.FormInterno {
    margin: auto;
    max-width: 600px;
   
}
/*########    SPINNER     ############*/
.modal {
    position: fixed;
    /* background-color: white; */
    background-color: rgba(0,0,0,0.7);
    z-index: 200;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top:0px;
    left:0px;
}

.modalcenter {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

.numeroPreventivi {
    background: #4CAF50;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    color: black;
    position: relative;
    margin-top: 9px;
}
.numeroPreventiviTExt {
    position: absolute;
    top: 13px;
    left: 13px;
    font-size: 20px;
    color: white;
    font-weight: 600;
}

.ContenitoreFullscreen {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
div.horizontal {
    display: flex;
    justify-content: center;
    margin: auto;
    flex-flow:row;
}
div.vertical {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
    width: 50%;
    box-sizing: border-box;
    
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sfondonaturali {
    background-image: url('/public/ecommerce-top2/sfondo-naturali.jpg');
}
.sfondocompositi {
    background-image: url('/public/ecommerce-top2/sfondo-composti.jpg');
}


div.vertical h1 {
    display: block;
    font-size: 5em;
    text-transform: uppercase;
    line-height: inherit;
    color: rgba(0,0,0,0.5);
}

div.vertical:hover h1 {
    color: #383838;
}

.scopri2 {
    color: #fff;
    background-color: #97775c;
    padding: 12px 20px;
    width: 132px;
    font-size: 12px;
    box-sizing: border-box;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    box-shadow: 0 15px 15px -10px rgba(0,0,0, .2);
    text-shadow: 1px 1px 1px #000;
}



.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(151, 119, 92);
    margin: -4px 0 0 -4px;
}

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*########    FINE     ############*/

.width915 {
    width: 915px; /* 915px su 1580px totali */
}
.width1560, div.width1560 {
    width: 1560px; /* 1560px su 1580px totali */
}
.width610 {
    width: 610px; /* 610px su 1580px totali */
}

input {
    font-family: "Open Sans", sans-serif;
    padding: 4px 10px;
    border: 1px solid #e5e5e5;
    transition: border-color ease-in-out 150ms, box-shadow ease-in-out 150ms;
    -webkit-transition: border-color ease-in-out 150ms, box-shadow ease-in-out 150ms;
}
    input:focus {
        outline: 0;
        border-color:gray;
    }
/*input[type=text] {
    width: 100px;
}*/
input[type=button]:hover {
    /*background-color: lightgray;*/
    cursor:pointer;
}


.TabellaConfiguratore {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    color: #000;
}

    .TabellaConfiguratore a {
        color:black;
        text-decoration:none;
    }


    .TabellaConfiguratore > thead > tr:first-child {
        background-color: rgb(249, 249, 249);
        line-height: 16px;
    }

    .TabellaConfiguratore th {
    text-align: center;
    font-size: 12px;
    /* font-weight: 500; */
}

    .TabellaConfiguratore th, .TabellaConfiguratore td{
        border: solid 1px #e8e8e8;
        border-right: solid 1px white;
        border-left: solid 1px white;
        /* padding: 5px 10px 5px 10px; */
        padding: 4px 5px;
        height: 28px;
        font-size: 16px;
        line-height: 1.38105;
        letter-spacing: -1px;
        color: #333;
        font-weight: 500;
    }

    .TabellaConfiguratore tbody > tr{
    background-color: white;
}

.TabellaConfiguratoreColMisure {
    max-width:300px;
    width:300px;
    text-align:left;
}

.DropDownListFori {
    background: #23323a;
    padding: 7px 10px;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    width: 100%;
    background: #ffffff;
    padding: 10px 10px 10px 10px;
/*    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
}



textarea.iwebTIPOCAMPO_memo {
    width:300px;
    height:45px;
    padding:4px 10px;
    border: 1px solid #e5e5e5;
    margin: 0px;
        /*margin: 0px 0px -4px 0px; todo: solo per chrome*/
    transition: border-color ease-in-out 150ms, box-shadow ease-in-out 150ms;
    -webkit-transition: border-color ease-in-out 150ms, box-shadow ease-in-out 150ms;
}
    textarea.iwebTIPOCAMPO_memo:focus {
        outline: 0;
        border-color:gray;
    }

table th {
    font-weight: 600;
}

/* 20px in più rispetto al textbox */
select {
    font-family: "Open Sans", sans-serif;
    width:120px;
    padding:3px 10px;
    border: 1px solid #e5e5e5;
    transition: border-color ease-in-out 150ms, box-shadow ease-in-out 150ms;
    -webkit-transition: border-color ease-in-out 150ms, box-shadow ease-in-out 150ms;
}
    select:focus {
        outline: 0;
        border-color:gray;
    }


.glyphicon {
    position:inherit;
    background-color:transparent; /*background-color: rgb(229, 229, 229);*/
    padding: 5px;
}
.glyphicon:hover {
    background-color: lightgray;
}
.glyphicon.glyphicon-plus:before {
    color:#4cae4c;
}

.ricercaCliente {
    width: 40px;
}

/* i pulsanti devono avere la classe .btn
    possono essere: btn-default, btn-primary, btn-success, btn-warning, btn-danger, btn-info */
.btn {
    display: inline-block; margin-bottom: 0; padding: 4px 10px; font-size: 13px;
    font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    background-image: none; border: 1px solid transparent; 
    transition:background-color 200ms; -webkit-transition:background-color 200ms;
}
.btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=65); opacity: .65;}
.btn-default { color: #333; background-color: #fff; border-color: #ccc;   background-color: #E5E5E5; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; }
.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74; }
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; }
.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; }
.btn-info {color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link { font-weight: 400; color: #337ab7; border-radius: 0; }
.btn-lg, .btn-group-lg>.btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }
.btn-sm, .btn-group-sm>.btn { padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 3px; }
.btn-xs, .btn-group-xs>.btn { padding: 1px 5px; font-size: 13px; line-height: 1.5; border-radius: 3px; }

.l {
    float:left;
}
.r {
    float:right;
}
.b {
    clear:both;
}

/*.error, .errore, .alert {*/
.errore {
    color: red;
}


.tempidiconsegna {
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 5px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1.38105;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: #1e293b;
}

.nonrichidereimballo {
    /* border-collapse: collapse; */
    text-align: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
    color: #000;
    /* box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); */
    /* border: solid 1px #e8e8e8; */
    /* border-right: solid 1px white; */
    /* border-left: solid 1px white; */
    /* padding: 5px 10px 5px 10px; */
    /* padding: 5px 5px; */
    /* height: 28px; */
    font-size: 16px;
    /* line-height: 1.38105; */
    letter-spacing: -1px;
    /* background-color: #545454; */
    color: #333;
    font-weight: 500;
    /* color: #97775c; */
    box-sizing: border-box;
}


.labelTempo {
    float:right;
    color:black;
}

.IntestazioneNegozio {
    width:100%;
    display:block;
}

.titoloTabella {
    font-size: 12px;
    color: #757575;
        padding: 10px 5px;
    box-sizing: border-box;
    
}

.margineDestra {
    padding: 10px 5px 0px 0px;
    box-sizing: border-box;
}

.contenitoreIntestazione {
    height:186px;
    position:relative;
    overflow:hidden;
}

.FileUploadControl {
    margin-bottom:10px;
}


.mostraSoloInMobile { display:none; }
@media screen and (max-width:767px) {
    .mostraSoloInMobile { display:inline-block; }
}

.BreadcrumbList ol {
    list-style-type: none;
    margin: 0;
    display: inline-block;
}
.BreadcrumbList li {
    display: inline-block;
}
.BreadcrumbList li a {
    text-decoration: none;
    color:gray;
}


table.cssRadioButton td, /* caso di RadioButtonList */
.cssRadioButton {
    display:inline-block;
    cursor:pointer;
}
table.cssRadioButton input, /* caso di RadioButtonList */
.cssRadioButton > input {
    cursor:pointer;
    margin:0px; padding-left:5px;
}
table.cssRadioButton label, /* caso di RadioButtonList */
.cssRadioButton > label {
    padding-left: 20px;
    display: block;
    margin-top: -18px;
    cursor:pointer;
}

table.cssRadioButton.cssRadioButton-margin td, /* caso di RadioButtonList */
.cssRadioButton.cssRadioButton-margin {
    margin: 5px;
}


.iwebCliccabile {
    cursor: pointer;
}
.iwebCliccabile.aspNetDisabled {
    cursor: default;
}
.iwebNascosto {
    display:none;
}

/* iwebSQL */
.iwebSQLSELECT, .iwebSQLUPDATE, .iwebSQLINSERT, .iwebSQLDELETE, .iwebSQLTOTAL {
    display:none; /* cancellando questo "display:none" leggo le query in pagina */
    color:lightgray;
    position:absolute;
    width:100px;
    height:20px;
    overflow:hidden;
}
    .iwebSQLSELECT:hover, .iwebSQLUPDATE:hover, .iwebSQLINSERT:hover, .iwebSQLDELETE:hover {
        overflow:auto;
        width:auto;
        height:auto;
    }

.sqlParameter {
    display:none;
}
/* fine iwebSQL */


/* 5px di padding */
span.spanConPadding {
    display:inline-block;
    padding:10px 0;
}

/*<div class="contenitoreTextBox">
    <asp:TextBox runat="server" ID="TextBoxEmail" Text="Email" 
        onclick="ClearField(this, 'Email')" onblur="RestoreField(this, 'Email')" />
    <span class="glyphicon glyphicon-envelope"></span>
</div>*/
.contenitoreTextBox input[type=text],
.contenitoreTextBox input[type=password] {
    width: 100%;
    display: block;
    padding: 13px 0px;
    border-left: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    outline: none;
    color: #000;
    font-size: 13px;
    /* max-width: 300px; */
    /* margin-bottom: 5px; */
    border: none;
    /* height: 34px; */
    border: 0;
    border-bottom: 1px solid black; 
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    box-sizing: border-box;
}
.contenitoreTextBox {
    position: relative;
    padding-bottom: 16px;
}
.contenitoreTextBox > span {
    /*display:none;*/
    margin-left: 8px;
    margin-top: 2px;
}
.contenitoreTextBox > input + span {
   position: absolute;
    z-index: 1;
    pointer-events: none;
    font-size: 26px;
    color: #08c;
    /*margin-top: 6.5px;
    margin-left: 13px;*/
    display: inline-block;
}


/******************************************************************************/
div.paginaLogin {
    margin-top:20px;
    border-top:none;
}

.bodyCategorieProdotti {
    padding:20px 0;
}
.colonnaCategorie {
    width:25%;
    float:left;
}

.colonnaProdotti { /* lascio un 5% di spazio */
    width:72%;
    float:right;
}

.colonnaEliminaConf {
    width:30px;
    max-width:30px;
}


/* _colonnaCategorie.ascx */
    .headBloccoGerarchia.menucategorieabilitahover:hover {
        position:relative;
        background-color:#ebe0d2;
    }
    .headBloccoGerarchia.menucategorieabilitahover > .mostraCategorieHover {
        display:none;
    }
    .headBloccoGerarchia.menucategorieabilitahover:hover > .mostraCategorieHover {
        display:block; /* sovrascritto da max-width:767px */
        background-color:#ebe0d2;
    }

    .mostraCategorieHover {
        display:none;
        font-family: Muli;
        font-size: 13px;
        position: absolute;
        z-index:2; /* 2 per stare sopra al richiesta informazioni */
        top: 0;
        left: 100%;
        padding:10px;
        box-sizing:border-box;
        background-color:white;
        border:solid 1px silver;
    }

    .mostraCategorieHover .mostraCategorieHover_copripezzodibordo {
        position: absolute;
        border-top: solid 1px #ebe0d2;
        border-left: solid 1px #ebe0d2;
        left: -1px;
        top: 0;
        height: 33px;
        width:100%;
    }

    .mostraCategorieHover_elemento {
        display: block;
        float:left;
        text-decoration:none;
        cursor:pointer;
        width: 200px;
        border: 1px solid silver;
        margin: 10px;
    }
    .mostraCategorieHover_elemento .mostraCategorieHover_immagine {
        overflow: hidden;
        display: block;
        height: 200px;

        border-bottom: 1px solid silver;
    }
    .mostraCategorieHover_elemento .mostraCategorieHover_immagine .bgimage {
        width: 200px;
        height: 200px;
        display: block;
        background-size: cover;
        background-position: 50% 25%;
        /* padding: 5px; */
        box-sizing: border-box;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }
    .mostraCategorieHover_elemento .mostraCategorieHover_immagine .bgimage:hover {
        width: 220px;
        height: 220px;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0.6;
    }
    .mostraCategorieHover_elemento .mostraCategorieHover_nonDisponibile {
        text-align:center;
        padding: 10px;
        height: 120px;
        line-height: 30px;
        font-size: 16px;
    }

    .mostraCategorieHover_elemento .mostraCategorieHover_categoria {
        font-weight: 600;
        padding:8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    .mostraCategorieHover_elemento .mostraCategorieHover_descrizione {
        padding:0 8px 8px 8px;
    }


    /*
        // Viene gestita una classe in base al numero di sottocategorie N da visualizzare per ottenere la regola che:
        // N = 1 sottocategoria mostrata in 1 colonna (ovvio)
        // N = 2 sottocategorie mostrate in 2 colonne
        // N = 3, N = 5, N = 6 sottocategorie mostrate in 3 colonne
        // N = 4, N = 7, N = 8 sottocategorie mostrate in 4 colonne
        // N > 8 = sottocategorie in 5 colonne
        // A: La classe poi avrà una larghezza css precisa in base alle colonne da mostrare.
        // B: Tale larghezza sarà condizionata dalle media query (se non c'è posto per le colonne desiderate, mostra quante più colonne puoi).
    */

    /* B: Tale larghezza sarà condizionata dalle media query (se non c'è posto per le colonne desiderate, mostra quante più colonne puoi) */
    @media screen and (min-width:1460px) {
        .mostraCategorieHover {
            width: 910px;
        }
    }
    @media screen and (min-width: 1100px)  {
        .mostraCategorieHover {
            width: 690px;
        }
    }
    @media screen and (min-width:768px) {
        .mostraCategorieHover {
            width: 470px;
        }
    }
    @media screen and (max-width:767px) { /* su cellulare non mostro il menu hover */
        .headBloccoGerarchia.menucategorieabilitahover:hover > .mostraCategorieHover {
            display:none;
        }
    }

    /* A: La classe poi avrà una larghezza css precisa in base alle colonne da mostrare. */
    @media screen and (min-width:1820px) {
        .mostraCategorieHover.mostraCategorieHover_5colonne {
            width: 1135px;
        }
    }
    @media screen and (min-width:1460px) {
        .mostraCategorieHover.mostraCategorieHover_4colonne {
            width: 910px;
        }
    }
    @media screen and (min-width: 1100px)  {
        .mostraCategorieHover.mostraCategorieHover_3colonne {
            width: 690px;
        }
    }
    @media screen and (min-width:768px) {
        .mostraCategorieHover.mostraCategorieHover_2colonne {
            width: 470px;
        }
    }
    @media screen and (min-width:768px) {
        .mostraCategorieHover.mostraCategorieHover_1colonne {
            width: 245px;
        }
    }



.titoloDivCategorie {
    position:relative;
    font-family:Muli;
    font-size:16px;
    color:black;
    font-weight:bold;
    height:28px;
    border-bottom:solid 1px black;
    letter-spacing:2px;
    margin-bottom:30px;
}
.titoloDivCategorieColore {
    height:20px;
    background-color:cornsilk;
    margin-bottom:10px;
    margin-top:-30px;
}

#menuCategorie {
    font-family:Muli;
    font-size:16px;
}

/* devo mostrare solo il nome della categoria e non l'id, che sto salvando nell'eventualità che mi serva ottenere l'id di qella categoria */
#menuCategorie .headBloccoGerarchia .idCategoriaGerarchia {
    display:none;
}
#menuCategorie .headBloccoGerarchia .nomeCategoria {
    cursor:pointer;
    padding:2px;
    text-decoration:none;
    text-transform: capitalize;
}
/*#menuCategorie .bloccoGerarchia {
    padding-left:20px;
}*/

/* nodo cat 1 */
#menuCategorie > .headBloccoGerarchia {
    border-bottom:solid 1px gray;
    padding-top:8px;
    padding-bottom:8px;
}
    #menuCategorie .headBloccoGerarchia a.nomeCategoria{
        color:black
    }
#menuCategorie > .bloccoGerarchia {
    font-size:14px;
}
    /*#menuCategorie > .headBloccoGerarchia a {
        color:black;
    }
    /*#menuCategorie > .bloccoGerarchia > .headBloccoGerarchia:hover a {
        color:black;
    }*/

/* nodo cat 2 */
#menuCategorie > .bloccoGerarchia > .headBloccoGerarchia {
    border-bottom:solid 1px silver;
    padding-left:20px;
    padding-top:8px;
    padding-bottom:8px;
}
#menuCategorie > .bloccoGerarchia > .bloccoGerarchia {
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
}
    /*#menuCategorie > .bloccoGerarchia > .headBloccoGerarchia a {
        color:black;
    }
    /*#menuCategorie > .bloccoGerarchia > .headBloccoGerarchia:hover a {
        color:black;
    }*/

/* nodo cat 3+ */
#menuCategorie > .bloccoGerarchia > .bloccoGerarchia .bloccoGerarchia {
    font-size:10px;
    margin-left:5px;
}
#menuCategorie > .bloccoGerarchia > .bloccoGerarchia .headBloccoGerarchia:first-child {
    margin-top:5px;
}
#menuCategorie > .bloccoGerarchia > .bloccoGerarchia .bloccoGerarchia:last-child {
    margin-bottom:5px;
}
#menuCategorie > .bloccoGerarchia > .bloccoGerarchia .headBloccoGerarchia {
    padding-left:40px;
}
#menuCategorie > .bloccoGerarchia > .bloccoGerarchia .headBloccoGerarchia > .nomeCategoria {
    padding:0px;
}
    /*#menuCategorie > .bloccoGerarchia > .bloccoGerarchia > .headBloccoGerarchia a {
        color:gray;
    }
    #menuCategorie > .bloccoGerarchia > .bloccoGerarchia > .headBloccoGerarchia:hover a {
        color:black;
    }*/

#menuCategorie .headBloccoGerarchia .nomeCategoria:hover {
    color:black;
    font-weight:bold;
}
#menuCategorie .headBloccoGerarchia .nomeCategoria.categoriaSelezionata {
    color:black;
    font-weight:bold;
}

.colonnaProdotti .titoloDivCategorie {
    border-bottom: solid 1px silver;
    padding-bottom:0px;
    height:28px; /* per ottenere l'effetto di linea nera su grigia */
}
/*.colonnaProdotti .titoloDivCategorie > span {
    display:inline-block;
    position:absolute; height:30px; 
    border-bottom: solid 1px black;
}*/
h1.titoloDiPagina {
    display:inline-block;
    position:absolute; height:28px; /* per ottenere l'effetto di linea nera su grigia */
    font-size:16px;
    margin:0px;
    font-weight:600;
}
.colonnaProdotti .titoloDivCategorie > span {
    display:inline-block;
    position:absolute; height:28px; /* per ottenere l'effetto di linea nera su grigia */
    line-height:24px;
}
    .colonnaProdotti .titoloDivCategorie > span.l {
        border-bottom: solid 1px black;
        left:0;
    }.colonnaProdotti .titoloDivCategorie > span.r {
        right:0;
    }

/* per la pagina dell'elenco prodotti */
.elencoProdotti  {
    margin-left: -10px;
    margin-right:-10px;
}
    .elencoProdotti .elencoProdotti_prodotto {
        width: calc(100% / 5);
        vertical-align: text-top;
    }
.elencoProdotti .elencoProdotti_prodotto > div:first-child {
    height:147px;

    overflow:hidden;
}
.elencoProdotti .elencoProdotti_prodotto .divConBackgroundImage {
    width: 147px;
    height: 147px;
    display: block;
    background-size: cover;
    background-position: 50% 25%;

    /*padding: 5px;*/
    box-sizing: border-box;

    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;

        box-shadow: 0 1px 5px rgba(0,0,0,.3), -20px 0 20px -20px rgba(0,0,0,.5), 20px 0 20px -20px rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.2) inset;
}
.elencoProdotti .elencoProdotti_prodotto .divConBackgroundImage:hover {
    /*width: 167px;
    height: 167px;
    margin-left: -10px;
    margin-top: -10px;
    opacity:0.6;*/
}

.elencoProdotti .elencoProdotti_prodotto > div > a {
    display: block;
    text-overflow: ellipsis;
    text-decoration: none;
    color: black;
    color: #333;
    text-transform: uppercase;
}
    .elencoProdotti .elencoProdotti_descrizione {
        text-align: left;
        padding: 20px 20px;
        background-color: #16161d;
        color: #fff;
        box-sizing: border-box;
        font-family: 'Poly', sans-serif;
        /*        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;*/
    }
    .elencoProdotti .elencoProdotti_prodottoNome {
        font-family: 'Poly', sans-serif;
        margin-bottom: 20px;
        font-size: 16px;
    }
.elencoProdotti .elencoProdotti_prodottoRighePrezzo {
    /*font-weight:600;*/
    padding: 0 8px 5px 8px;
    vertical-align:bottom;
}
.elencoProdotti .elencoProdotti_prodottoCodice {
    font-size:12px;
    font-style:italic;
    padding: 0 8px 5px 8px;
    vertical-align:bottom;
}
.elencoProdotti .elencoProdotti_prodottoPrezzo {
    padding: 0 8px 5px 8px;
    vertical-align:bottom;
}
    .elencoProdotti .elencoProdotti_prodotto {
        padding: 8px 8px;
        box-sizing:border-box;
    }

.elencoProdotti_immagine > img {
/*    border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


    .aggiungiProdottoAlCarrello {
        position:absolute;
        bottom:10px;
        left:34px;
    }
.elencoProdotti .elencoProdotti_prodotto .elencoProdotti_prodottoPrezzo {
    font-weight:bold;
}
/*.elencoProdotti .elencoProdotti_prodotto .elencoProdotti_prodottoAggiungi {
    background-color:white;
    border-color:silver;
    text-decoration:none;
}*/
        .elencoProdotti .immagineProdottoNonDisponibile {
    /*border:solid 1px silver;*/
    padding: 10px;
    height:120px;
    line-height:30px; /* 120px / 30px = 4 righe */
    font-size:16px;
    white-space: normal; /* per annullare l'effetto di una classe ereditata */
    pointer-events: none;
}

.elencoProdotti .ECommerceMostraSeProdottoMaster {
    pointer-events: none;
    height: 36px;
    line-height: 27px;
    padding-top: 32px;
    text-align: center;
    box-sizing: border-box;
}

/* per la pagina dell'elenco prodotti */
.elencoCategorie {
    padding-bottom: 50px;
    display: flex;
    flex-flow: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

/*.elencoCategorie .elencoCategorie_prodotto > div:first-child {
    height:200px;

    overflow:hidden;
}*/
.elencoCategorie .elencoCategorie_prodotto .divConBackgroundImage {
    width: 200px;
    height: 200px;
    display: block;
    background-size: cover;
    background-position: 50% 25%;

    /*padding: 5px;*/
    box-sizing: border-box;

    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.elencoCategorie .elencoCategorie_prodotto .divConBackgroundImage:hover {
    width: 220px;
    height: 220px;
    margin-left: -10px;
    margin-top: -10px;
    opacity:0.6;
}

    .elencoCategorie .elencoCategorie_prodotto > a {

        height: 100%;
        position: relative;
    }


.elencoCategorie_prodotto:hover {

}


.elencoCategorie .elencoCategorie_descrizione {
    font-size: 15px;
    color: white;
    padding: 10px 5px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    background-color: rgb(30 41 59 / 80%);
    letter-spacing: -0.5px;
    -o-text-overflow: ellipsis;
    /* border-bottom-left-radius: 16px; */
    /* border-bottom-right-radius: 16px; */
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: calc(100% - 10px);
    /*    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
    font-family: 'Poly', sans-serif;
}
.elencoCategorie .elencoCategorie_prodottoNome {
    /* font-weight: 600; */
    padding: 8px 8px 5px 8px;
    /* vertical-align: bottom; */
    /* border-top: solid 1px silver; */
    text-align: center;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;

}
.elencoCategorie .elencoCategorie_prodottoRighePrezzo {
    /*font-weight:600;*/
    padding: 0 8px 5px 8px;
    vertical-align:bottom;
}
.elencoCategorie .elencoCategorie_prodottoCodice {
    font-size:12px;
    font-style:italic;
    padding: 0 8px 5px 8px;
    vertical-align:bottom;
}
.elencoCategorie .elencoCategorie_prodottoPrezzo {
    padding: 0 8px 5px 8px;
    vertical-align:bottom;
}

.elencoCategorie .elencoCategorie_prodotto {
    width: calc(100% / 5);
    opacity: 0.5;
    transition: all 0.5s linear;
    padding: 10px;
    box-sizing: border-box;
    /* height: 250px; */
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.elencoCategorie_prodotto:hover {
    opacity:1;
}

.elencoCategorie_prodotto img {
    width: 100%;
    display: block;
    object-fit: cover;
/*    border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
    height: inherit;
/*    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
}

    .aggiungiProdottoAlCarrello {
        position:absolute;
        bottom:10px;
        left:34px;
    }
.elencoCategorie .elencoCategorie_prodotto .elencoCategorie_prodottoPrezzo {
    font-weight:bold;
}
/*.elencoCategorie .elencoCategorie_prodotto .elencoCategorie_prodottoAggiungi {
    background-color:white;
    border-color:silver;
    text-decoration:none;
}*/
    .elencoCategorie .immagineProdottoNonDisponibile {
    /*border:solid 1px silver;*/
    padding: 10px;
    height:120px;
    line-height:30px; /* 120px / 30px = 4 righe */
    font-size:16px;
    white-space: normal; /* per annullare l'effetto di una classe ereditata */
    pointer-events: none;
}

.elencoCategorie .ECommerceMostraSeProdottoMaster {
    pointer-events: none;
    height: 36px;
    line-height: 27px;
    padding-top: 32px;
    text-align: center;
    box-sizing: border-box;
}

/* per la pagina del singolo prodotto */
/*.paginaProdotto .colonnaProdotti .titoloDivCategorie span.l {
}*/
.colonnaProdotti .titoloDivCategorie span.r {
    font-size:12px;
    color:gray;
    max-width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.paginaProdotto .colonnaProdotti_prodotto {
    margin-top:20px;
}
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto {
    width:50%;
    float:left;
    border-right: solid 1px black;
    box-sizing: border-box;
    min-height: 190px;
    padding-right:20px;
}
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto > div {
    box-sizing:content-box;
}
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto .immaginePrincipale {
    text-align:center;
}
/*.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto .immaginePrincipale a {
    display:inline-block;
}*/
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto .immaginePrincipale img {
    max-width:100%;
    /*max-height:500px;*/
    margin:auto;
    display:block;
}
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto .altreImmagini {
    margin-top:20px;
    text-align:center
}
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto .altreImmagini a {
    display:inline-block;
}
.paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto .altreImmagini img {
    width:100px;
    height:100px;
    display: block;
    background-size: cover;
    background-position: 50% 25%;
}

.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto {
    width:50%;
    float:right;
    box-sizing: border-box;
    padding-left:20px;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > div.separatore {
    margin-top:20px;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelNomeProdotto {
    font-size:20px;
    /*padding-top:20px;*/
    font-weight:bold;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelCodiceProdotto {
    color:gray;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelPriceCurrency {
    font-size:20px;
    display:inline-block;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelPrezzoProdotto {
    font-size:20px;
    font-weight:bold;
    display:inline-block;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelPrezzoProdotto.strike {
    text-decoration: line-through;
    margin-right:8px;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelPrezzoAVoiRiservato {
    font-size: 20px;
    font-weight: 600;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .LabelPrezzoAVoiRiservato_testo {
    color:gray;
}
.pulsanteStampaEcommerce{
    display:inline-block;
    color:#408ed4;
    margin:10px 0 0 -5px;
    padding:5px;
    cursor:pointer;
}
.LabelDescrizioneWebProdotto {
    display:inline-block;
}

/* aggiunto nuovo 15/02/2017 */
.LiteralPrezziRiga1 {
    font-size:20px;
    font-weight:bold;
    display:inline-block;
    color:black;
}


.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > div {
    color:gray;
    margin-top:20px;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto .informazioniProdottoDivTestoQuantita {
    margin-bottom:10px;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto .informazioniProdottoDivInputQuantita,
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto .informazioniProdottoDivAggiungiAlCarrello {
    float:left;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto .informazioniProdottoDivInputQuantita > input {
    width:40px;
    height:36px;
    text-align:center;
    box-sizing:border-box;
    border:solid 1px #e5e5e5;
    margin-right:10px;
}
.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > div.informazioniIva {
    line-height: 20px;
    margin-top:2px;
}
/*.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto .informazioniProdottoDivAggiungiAlCarrello > a {
    height:36px;
    line-height:27px;
    text-align:center;
    box-sizing:border-box;
    border:solid 1px silver;
    text-decoration:none;
    background-color:rgb(63, 63, 63);
    color:white;
}*/

.paginaProdotto .colonnaProdotti_prodotto .descrizioneProdotto > div {
    padding:10px 10px 10px 20px;
    font-size:14px;
    font-family: Muli;
}
.paginaProdotto .colonnaProdotti_prodotto .descrizioneProdotto > span {
    display:block;
    padding:20px;
    border: solid 1px silver;
    color:gray;
    font-size:12px;
    font-family: Muli;
}

.paginaProdotto .colonnaProdotti_prodotto .immagineProdottoPrincipaleNonDisponibile {
    border:solid 1px silver;
    padding: 10px;
    height:160px;
    line-height:40px; /* 160px / 40px = 4 righe */
    font-size:16px;
    text-align:center;
    width:75%;
    margin:auto;
    pointer-events: none;
}

.paginaProdotto .colonnaProdotti_prodotto .immagineProdottoNonDisponibile {
    /*border:solid 1px silver;*/
    /*
    margin: 5px;
    padding: 15px;
    height:80px;
    line-height:30px; / * 120px / 30px = 4 righe * /
    font-size:16px;

    max-width: 120px;
    display: inline-block;
    vertical-align: top;
    pointer-events: none;*/
    padding: 10px;
    height: 120px;
    line-height: 30px;
    font-size: 16px;
    white-space: normal;
    pointer-events: none;
}

.paginaProdotto .PanelProdottiCorrelati {
    margin-top:20px;
}
.paginaProdotto .PanelProdottiCorrelati > h2 {
    padding-left:5px;
}
.paginaProdotto .PanelProdottiCorrelati .contenitoreRepeaterProdottiCorrelati {
    display:inline-block;
    text-align:center;

    /* in modo che sia allineato con la descrizione sopra */
    margin-left:-8px;
    margin-right:-8px;
}
.paginaProdotto .PanelProdottiCorrelati .contenitoreRepeaterProdottiCorrelati .elementoProdottoCorrelato {
    display:inline-block;
    overflow:hidden;
    width: 300px;
}

/*.paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto > .varianti {
    margin-top:-10px; -> no
    padding:3px;
}*/
.paginaProdotto .ECommerceMostraSeProdottoMaster {
    margin-bottom: -10px; /* solo per le varianti, lo spazio sotto al testo prodotto con varianti deve essere 10px in meno */
}

.paginaProdotto .LabelVarianteTipo {
    font-size: 16px;
    color:black;
    /*letter-spacing: 2px;*/
    display:inline-block;
    padding-top: 8px;
    padding-bottom: 4px;
}
.paginaProdotto select {
    width:120px;
}

.btn.pulsanteStampaDocumento {
    color: black;
    border: none;
    background: #f1f5f9;
/*    border-radius: 9999px;*/
    text-decoration: none;
    line-height: 25px;
    font-size: 11px;
    letter-spacing: -0.5px;
    display: block;
    padding: 4px 0px;
    MIN-WIDTH: 50px;
    margin-bottom: 5px;
}


.HeaderFiltro > .ricercaCliente{
    float:left;
}
.HeaderFiltro > span {
    margin-top: 6px;
    text-align: left;
    float: left;
    display: block;
    width: 24px;
}

.RegistrazioneWrapper input {
    font-family: 'Poppins', sans-serif;
    border: 1px solid #e4e6e8;
}

.RegistrazioneWrapper select {
}



.btn.pulsanteStampaDocumento:hover {
    color: white;
    background: #5086f4;
}

.btn.pulsanteECommerce {
    color: black;
    border: none;
    background: #ebebeb;
    border-radius: 5px;
    text-decoration: none;
    /* height: 36px; */
    width: 70px;
    line-height: 27px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn.pulsanteECommerce:hover {
    color: white;
    background: #8f6d50;
}

.titoloDivRichiestaInformazioni {
    position: relative;
    font-family: Muli;
    margin-top:20px;
    margin-bottom: 30px;
    border-bottom: solid 1px silver;
    height: 28px;
    font-size: 16px;
    color: black;
    font-weight: bold;
    letter-spacing: 2px;
}
.titoloDivRichiestaInformazioni > span {
    border-bottom: solid 1px black;
    display: inline-block;
    position: absolute;
    height: 28px;
}

.titolocontatti {
    font-weight: 200;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 30px;
    line-height: 28px;
    padding-bottom:20px;
}
.testocontatti {
    color: black;
    font-size: 14px;
    font-weight: 300;
    padding-bottom:20px;
}
.ContattiDestra {
    margin-top:20px;
    margin-bottom:20px;
    display:inline-block;
    width:49%;
    font-size:13px;
    color:black;
    vertical-align:top; 
}
    .ContattiDestra a {
        color:black;
        text-decoration:none;
    }
.informazioni {
    font-weight: 500;
    padding-top: 0px;
    font-size: 24px;
    line-height: 30px;
}
.ContattiForm .TB_Informazioni_contenitoreTextBox span {
    margin-left:8px;
    margin-top:2px;
}
/*.ContattiForm {
    width:56%;
    color:black;
}*/

/* pagina Carrello */
.paginaCarrello table.iwebTABELLA {
    width:100%;
}
.paginaCarrello table.iwebTABELLA .immagineProdotto {
    text-align:center;
}
.paginaCarrello table.iwebTABELLA .immagineProdotto img {
    width:100px;
    max-width:100%;
}
.paginaCarrello table.iwebTABELLA .Repeater1_quantita {
    text-align:center;
}
.paginaCarrello table.iwebTABELLA input[type=text] {
    width:40px;
    text-align:center;
}
.paginaCarrello .ButtonPiu, .ButtonMeno {
    margin-top:4px;
    width:29px;
}
.paginaCarrello .ButtonMeno.aspNetDisabled {
    background-color:lightgray;
}
.paginaCarrello .glyphicon-trash {
    color:black;
    width:28px;
    height:25px;
    box-sizing:border-box;
    padding-left:7px;
    padding-top:6px;
    background-color:#ddd;
}

.paginaCarrello a.LinkButtonVaiAlCheckout {
    margin:30px 0;
    float:right;
    padding:6px 6px 6px 12px;
    background-color:rgb(43, 54, 67);
    color:white;
    text-decoration:none;
}
.paginaCarrello a.LinkButtonVaiAlCheckout .glyphicon {
    font-size:16px;
    vertical-align:sub;
}
.paginaCarrello a.LinkButtonVaiAlCheckout .glyphicon:hover {
    background-color:inherit;
}

/* imponibile e iva non bold */
table.iwebTABELLA tfoot tr.iwebTABELLAFooterTotali.tfootTrImponibile td { font-weight:400; }
table.iwebTABELLA tfoot tr.iwebTABELLAFooterTotali.tfootTrIva td { font-weight:400; }

.colonnaProdotti .tabellaCarrello tr.isSpeseSpedizione {
    background-color:rgb(238, 238, 238);
}

/* pagina checkout - passaggi checkout */
.passaggiCheckout {
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    margin-top:12px; /* un po' qui, un po' nel prossimo selettore */
    margin-bottom:20px;
}
.passaggiCheckout > div {
    /*border:solid 1px red;*/
    display:inline-block;
    margin-left:-10px; /* per distanziare le frecce modificare qui */
    margin-top:8px; /* un po' qui, un po' nel selettore precedente */
}
.passaggiCheckout > div:first-child {
    margin-left:0px;
}

.passaggiCheckout .inizioFreccia {
    float:left;
    width:10px;
	border-top: 20px solid rgb(229, 229, 229);
	border-left: 20px solid transparent;
	border-bottom: 20px solid rgb(229, 229, 229);
    box-sizing:border-box;
}
.passaggiCheckout .contenutoFreccia {
    background-color:rgb(229, 229, 229);
    float:left;
    height:40px; line-height:42px;
    padding-left:5px;
}
.passaggiCheckout .fineFreccia {
    float:left;
    width:10px;
	border-top: 20px solid transparent;
	border-left: 20px solid rgb(229, 229, 229);
	border-bottom: 20px solid transparent;
    box-sizing:border-box;
}

.passaggiCheckout .glyphicon {
    padding:0px;
    vertical-align:text-top;
}
.passaggiCheckout .glyphicon:hover {
    background-color:transparent;
}

.passaggiCheckout > .step1, 
.passaggiCheckout > .step2, 
.passaggiCheckout > .step3, 
.passaggiCheckout > .step4 {
    cursor:default;
}
.passaggiCheckout.step1 > .step1 {
    color:forestgreen; cursor:pointer;
}
.passaggiCheckout.step2 > .step1, 
.passaggiCheckout.step2 > .step2 {
    color:forestgreen; cursor:pointer;
}
.passaggiCheckout.step3 > .step1, 
.passaggiCheckout.step3 > .step2, 
.passaggiCheckout.step3 > .step3 {
    color:forestgreen; cursor:pointer;
}
.passaggiCheckout.step4 > .step1, 
.passaggiCheckout.step4 > .step2, 
.passaggiCheckout.step4 > .step3, 
.passaggiCheckout.step4 > .step4 {
    color:forestgreen; cursor:pointer;
}

.passaggiCheckout .StepCompleted {
    color:forestgreen;
    transition:color 300ms;
}
.passaggiCheckout .StepActive {
    color:blue;
    transition:color 300ms;
}

.paginaCheckout {
    border-top: solid 1px silver;
    overflow: hidden; /* questa pagina contiene 4 div grandi il 100% affiancati, ma li devo mostrare uno alla volta */
}

.paginaCheckout .CheckOutInternalSpostaAvanti {
    float:right; margin-right:15px;
    width:20%; min-width:105px;
    margin-top:10px;
}
.paginaCheckout .CheckOutInternalSpostaIndietro {
    float:left; margin-left:15px;
    width:20%; min-width:105px;
    margin-top:10px;
}

.paginaCheckout .contenitore100perc {
    margin:10px 15px;
    border: solid 1px silver;
    box-sizing:border-box;
    width:calc(100% - 30px);
}
.paginaCheckout .contenitore100perc > div:first-child,
.paginaCheckout .contenitore100perc > div:first-child + div {
    padding:20px;
    float:left;
        /*width:calc(100% - 42px);*/
        box-sizing:border-box;
        width:50%;
}
.paginaCheckout .contenitore50perc {
    padding:10px 0;
    width:50%;
    box-sizing:border-box;
    float:left;
    /*height:1200px;*/
}
.paginaCheckout .contenitore50perc > div {
    border: solid 1px silver;
    box-sizing:content-box;
    padding:20px;
}
.paginaCheckout .contenitore50perc > div {
    margin-left:15px;
}
.paginaCheckout .contenitore50perc > div {
    margin-right:15px;
}
.paginaCheckout .contenitore100perc textarea {
    width: 100%;
    box-sizing: border-box;
    height: 100px;
}

/*  Nota: pagina checkout è larga 85% (dimensione presa dal container).
    #CheckOutWrapper all'interno contiene 4 div. Ogni div deve essere grande il 100% e messo float left.
     */
.paginaCheckout > .CheckOutInternal {
    width:400%; /* deve contenere 4 div grandi il quanto questo div */
}
.paginaCheckout > .CheckOutInternal > .CheckOutStepItem {
    width:25%;
    float:left;
}

.paginaCheckout .PanelStep1Loggato {
    margin:10px; text-align:center;
}

.paginaCheckout .checkoutStep2ContenitoreSalvaEProcedi {
    margin-top:10px;
}

.paginaCheckout .paginaCheckout_RadioButtonListPagamento h3 {
    margin-bottom:5px;
}
.paginaCheckout .paginaCheckout_RadioButtonListPagamento table {
    margin:0;
    margin-bottom:5px;
}
.paginaCheckout .paginaCheckout_RadioButtonListPagamento .cssRadioButton.cssRadioButton-margin td {
    margin-left:0px;
}

.paginaCheckout .immagineProdotto img {
    width: 100px;
    max-width: 100%;
}
.tabellaCarrello tr.isSpeseSpedizione {
    background-color:rgb(238, 238, 238);
}

@media screen and (max-width:1350px) {
    .paginaCheckout .tabellaCarrello .colonnaDescrizione {
        display:none;
    }
    /*.paginaCarrello */
    .tabellaCarrello .colonnaIvaPercentuale,
    .tabellaCarrello .colonnaValoreIva {
        display:none;
    }
}

/* TB_Registra */
.RegistrazioneWrapper select.DD_SelezioneTipoCliente {
    width: 98.2%;
    padding: 10px;
    margin: 0;
    border: solid 1px black;
    box-sizing:border-box;
    background-color: #f5f5f5;
    font-size: 13px;
    border-radius: 2px;
}

.RegistrazioneWrapper .TipoRegistrante {
    display:inline-block;
    padding:20px 0 10px 0;
}
.RegistrazioneWrapper .CB_FormHoLetto {
    display:inline-block;
}

input[type=text].TB_RegistraErrore, input[type=password].TB_RegistraErrore {
    border-bottom: 1px solid red!important;
    /* background-color: #fa3232!important; */
    /* background-color: rgba(250,50,50,.5)!important; */
}
.RegistrazioneWrapper .CB_FormHoLetto.Errore {
    border: 1px solid red!important;
    background-color: #fa3232!important;
    background-color: rgba(250,50,50,.5)!important;
}
/*.RegistrazioneWrapper input[type=password].TB_Registra, 
.RegistrazioneWrapper input[type=text].TB_Registra {
    width: 93%;
    display: block;
    padding: 11px 5% 10px 0;
    margin: 0 0 20px 0;
    height: 16px;
    border: solid 1px black;
    outline: none;
    color: black;
    background-color: #f5f5f5;
    font-size: 13px;
    transition: background-color 0.5s;
    text-indent: 50px;
    background-repeat: no-repeat;
    background-position: 2px 0px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.RegistrazioneWrapper .TB_Registra_contenitoreTextBox {
    position: relative;
}
.RegistrazioneWrapper .TB_Registra_contenitoreTextBox span {
    margin-left: 8px;
    margin-top: 2px;
}
.RegistrazioneWrapper .TB_Registra_contenitoreTextBox > span {
    display:none;
}
.RegistrazioneWrapper .TB_Registra_contenitoreTextBox > input + span {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    font-size: 26px;
    color: black;
    margin-top: 6.5px;
    margin-left: 13px;
    display: inline-block;
}*/

.RegistrazioneWrapper .LinkInformativa {
    text-decoration:none;
    color:black;
    font-weight:bold;
}

.RegistrazioneWrapper .divPrivatoEAzienda {
    margin-bottom:20px;
}


.ascxSpedizioneOnline .glyphicon-trash {
    text-decoration:none;
    background-color:transparent;
    color:black;
}
.ascxSpedizioneOnline .glyphicon-trash:hover {
    color:black;
    background-color:transparent;
}
.ascxSpedizioneOnline .contenitoreTextBox {
    padding-bottom: 0px;
}
.ascxSpedizioneOnline_nuovoIndirizzo {
    margin-top:10px;
    /*border-top:solid 1px black;*/
    padding-top:10px;
}
.ascxSpedizioneOnline_nuovoIndirizzo .pulsanteECommerce {
    margin-top:10px;
}


.paginaCheckout .PagamentoStepWrapper > .contenitore50perc table {
    width:100%;
}

/* MasterFooter */
.MasterFooter {
    color: #dedede;
    background-color: #16161d;
    padding-top: 30px;
}
/*.MasterFooter {
    margin-top:20px;
    border-top:solid 1px black;
}*/

.MasterFooter .MasterFooterColonna0 {
    padding:20px 0;
    width:28%;
    float:left;
}
.MasterFooter .MasterFooterColonna1, 
.MasterFooter .MasterFooterColonna2, 
.MasterFooter .MasterFooterColonna3 {
    padding:20px 0;
    width:24%;
    float:left;
}

.MasterFooter .MasterFooterColonna2 .terminiDiUtilizzoPrivacy {
    margin-top:15px;
}

    .MasterFooter .informazioni1 img {
        display: block;
        max-width: 100%;
        max-height: 130px;
    }

.MasterFooter2 {
    padding: 10px;
    border-top: 1px solid #808080;
    text-align: center;
    margin: auto;
    margin-top: 30px;
}

    .MasterFooter2 a {
        color:white;
        text-decoration:none;
    }

.MasterFooterColonna {
    width:50%;
    float:left;
    padding:0px 20px;
    box-sizing:border-box;
    line-height: 20px;
}

    .MasterFooterColonna a {
        color:white;
    }

.informazioni2 > span {
    margin-bottom:10px;
}




.paginaProfilo {
    background-color: #e2ded9;
    padding: 30px 0px;
    box-sizing: border-box;
}


/* inizio pagina /ecommerce-top2/profilo.aspx */
.paginaProfilo .divTabellaDatiProfilo table,
.paginaProfilo .divTabellaOrdiniEffettuati table {
    /*width: 610px;*/
}


.divTabellaOrdiniEffettuati {
    min-height: 170px;
}

/* fine pagina /ecommerce-top2/profilo.aspx */

.fasciaTitoloConfigurazione {
    margin: 0px 0px;
    background-color: #1e293b;
    margin-left: -50px;
    margin-right: -50px;
    padding: 30px 50px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    position: relative;
}
.fasciaConfigurazione {
    margin: 50px 0px;
}




.contenitoreImmagineConfigurazione {
    margin: 30px 0px;
    box-sizing: border-box;
    max-width: 900px;
    margin: 50px auto;
    /*height: 500px;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bloccoConfigurazioneFori {
    background-color: #d4d4d4;
    box-sizing:border-box;
    padding:10px;
}

/*.contenitoreImmagineConfigurazione {
    margin: 30px 0px;
    box-sizing: border-box;
    max-width: 1100px;
    margin: 50px auto;
        height: 500px;
}*/

.contenitoreConfigurazione {
    margin: auto;
    max-width: 1400px;
    box-sizing: border-box;
}

.EliminaElementi {
    float: right;
    text-align: center;
    /* text-decoration: none; */
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    display: block;
    margin-bottom: 3px;
    position: absolute;
    top: 30px;
    right: 50px;
}

    .EliminaElementi:hover {
        color:red;
    }




.titoloTop {
    font-size: 30px;
    line-height: 1.38105;
    color: #fff;
    font-family: 'Poly', sans-serif;
}

.titoloTop2 {
    font-size: 26px;
    line-height: 1.38105;
    color: #333;
    color: #1e293b;
    font-family: 'Poly', sans-serif;
}

.descTop2 {
    margin: 0px;
    color: #1e293b;
}

.paddingbottom20 {
    padding-bottom: 20px;
}

.MenuCategorieItemSelected {
    opacity:1 !important;
}

.SottotitoloTop {
    font-size: 15px;
    line-height: 1.38105;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #97775c;
    text-transform: uppercase;
    margin-left: 10px;
    margin-bottom: 10px;
}


.contenitoreGruppiColori {
    display: flex;
    flex-flow: wrap;
}


.contenitoreConfigurazione2 {
    margin: auto;
    /* max-width: 1400px; */
    /* padding: 10px; */
    box-sizing: border-box;
    min-height: 500px;
}


.contenitoreConfigurazione3 {
    margin: auto;
    max-width: 1300px;
    /* padding: 10px; */
    box-sizing: border-box;
    min-height: 500px;
}

.contenitoreBlocchiElementiInterno {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}


.contenitoreImmagineConfigurazione img {
    width: 100%;
    display: block;
  /*  border-radius: 16px;*/
}


.quadratoMenu {
    float: left;
    width: 60px;
    height: 60px;
    background-color: #d4d4d4;
    margin-right: 2px;
    box-sizing: border-box;
    padding: 5px;
}

    .quadratoMenu img {
        display:block;
        width:100%;
    }

.didascalia {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.25px;
    color: rgb(22 22 29);
}

.contenitoreMenuAlto {
    float: right;
    position: fixed;
    right: 0px;
    margin-top: -71px;
    margin-right: -10px;
    width: 100%;
    z-index: 13;
}



.iconeGrandi {
        margin: 3px 10px;
        text-align:center;
}
    .iconeGrandi img {
        display:inline-block;
        width:50px;
    }

.iconeGrandi2 {
    margin: 3px 10px;
    text-align: center;
    /* max-width: 150px; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    -o-text-overflow: ellipsis;
    float:right;
    position:relative;
    width: 75px;
}
    .iconeGrandi2 img {
    /* display: inline-block; */
    width: 50px;
    /* position: absolute; */
    }

    .iconeGrandi2 span {
        font-size: 10px;
        color: #fff;
        padding: 0px 0 0 0;
        /* width: 42px; */
        text-align: center;
        /* text-transform: uppercase; */
        /* font-weight: 500; */
        display: block;
        max-width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        margin-top: -11px;
        font-weight: 400;
        font-size: 12px;
        /* text-transform: uppercase; */
        font-size: 11px;
    }

    .iconeGrandi2 > a {
    text-decoration: none;
    color: #c0c0c0;
}

.iconeGrandi3 {
    margin: 0px 2px;
    text-align: center;
    /* max-width: 150px; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    -o-text-overflow: ellipsis;
    float: right;
    position: relative;
    width: 75px;
    background-color: #585858;
    padding: 10px 5px;
    box-sizing: border-box;
}

.contenitoreScelte {
    float: left;
    margin-left: 200px;
    margin-top: 5px;
}



.iconeGrandi3 img {
    /* display: inline-block; */
    width: 50px;
    /* position: absolute; */
}

    .iconeGrandi3 span {
        color: silver;
        padding: 0px 0 0 0;
        text-align: center;
        font-weight: 500;
        display: block;
        max-width: 90px;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 11px;
        height: 41px;
    }

    .iconeGrandi3 > a {
        text-decoration: none;
        color: #c0c0c0;
    }


.quadratoMenuSelezionato {
   background-color: rgba(0, 0, 0, 0.8);
}

.PianiMargineNegativo {
    /*margin-left:-5px;
    margin-right: -5px;*/
}
.PianiMargineNegativo2 {
    margin-right: -10px;
    margin-left: -10px;
}


.BaseMisurePianiContenitore {
    width:calc(100% / 2);
    float: left;
    box-sizing:border-box;
    /*padding:5px;*/ 
    margin-bottom: 20px;
}

.BaseMisurePianiContenitore2 {
    width:100%;
    /*float: left;*/
    box-sizing:border-box;
}

.BaseMisureLatiContenitore {
    width: 100%;
    box-sizing: border-box;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-flow: wrap;
}

.BaseMisureLatiContenitore2 {
    width:100%;
    box-sizing:border-box;
    margin-left: -5px;
    margin-right: -5px;
}

.BaseMisureLati {
    padding: 10px;
    width: calc(100% / 4);
    box-sizing: border-box;
}

.BaseMisureBordi {
    /* padding-bottom: 20px; */
    /* padding-right: 20px; */
    width: calc(100% / 4);
    float: left;
    box-sizing: border-box;
    width: calc(100% / 4);
    float: left;
    box-sizing: border-box;
    padding: 5px;
    min-height: 132px;
}

.BaseMisureLatiInterno {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    border-radius: 16px;
}

.BaseMisureLatiInterno2 {
    /* background-color: #eaeaea; */
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    /* display: flex; */
    min-height: 200px;
    background-color: rgba(230,230,230,0.5);
}


.BaseMisureLatiSX {
    width: 100%;
    /* float: left; */
    overflow-y: auto;
    background-color: white;
    position: relative;
    height: 250px;
    /*    border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
}

    .BaseMisureLatiSX img {
        width:100%;
        box-sizing: border-box;
        padding: 20px;
        /*display: table-cell;
        vertical-align: middle;*/
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        max-width:350px;
    }

    .BaseMisureLatiSX2 {
        width: 100%;
        /* margin-bottom: 20px; */
        background-color: white;
        /* display: table; */
        min-height: 104px;
        position: relative;
    }

    .BaseMisureLatiSX2 img {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        /* left: 50%; */
        /* transform: translate(-50%, -50%); */
        /* position: absolute; */
        /* top: 50%; */
        /* max-width: 350px; */
    }


    .BaseMisureLatiDX2 {
        width: 100%;
        /* float: left; */
        box-sizing: border-box;
        padding: 10px;
        text-transform: capitalize;
        /* background-color: rgba(230,230,230,0.5); */
        height: 186px;
        position:relative;
    }


.BaseMisureLatiDX {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    text-transform: capitalize;
    height: 155px;
    position: relative;
    background-color: #16161d;
    color: white;
/*    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
    display: flex;
    flex-flow: row-reverse;
}

    .BaseMisureLatiDX > .titoloMisure {
        color: #fff;
        width: 50%;
        text-align: right;
    }

.divScelte {
    width: 50%;
    font-family: 'Poly', sans-serif;
}

.BaseMisurePiani {
    box-sizing: border-box;
    /*display: flex;*/
    /*MIN-HEIGHT: 340px;*/
}

.contenitoreImmagineFori {
    /* background-color: #16161d;*/
    background-color: #f1f5f9;
    text-align: center;
    position: relative;
}
.quantiacarrello {
    /* background-color: #16161d;*/
    font-size: 18px;
    text-align:right;
}

.BaseMisurePianiSX img.ImmagineForo {
     height: 60px;
     width:auto;
    /* float: right; */
    display: inline-block;
    transform: none;
    position: relative;
    left: 0%;
    top: 0%;
    /*position: absolute;
    left: auto;
    top: 0;
    right: 0;*/
    /* bottom: 0; */
    z-index: 1;
    padding: 10px;
}

.BaseBlocchiControlli {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 20px 50px 20px 50px;
}


.BaseNote {
    box-sizing: border-box;
    padding: 10px;
}

.contenitoreimmaginePiano {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}

.contenitoreimmaginePiano > div { }

.piano1 {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    box-sizing: border-box;
}
.BaseMisurePianiContenitore .piano1 > div > span {
    text-align: left;
    background-color: #f1f5f9;
    color: #000;
    width: auto;
    float: left;
    padding: 3px;
    font-size: 11px;
    box-sizing: border-box;
    font-weight: 600;
    /* box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f; */
    margin-left: 5px;
    margin-top: 5px;
    font-weight: 400;
}


.piano2 {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    box-sizing: border-box;
}

.BaseMisurePianiContenitore .piano2 > div > span {
    text-align: left;
    background-color: #f1f5f9;
    color: #000;
    width: auto;
    float: left;
    padding: 3px;
    font-size: 11px;
    box-sizing: border-box;
    font-weight: 600;
    /* box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f; */
    margin-left: 5px;
    margin-top: 5px;
    font-weight: 400;
}

.piano3 {
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    box-sizing: border-box;
}

.BaseMisurePianiContenitore .piano3 > div > span {
    text-align: left;
    background-color: #f1f5f9;
    color: #000;
    width: auto;
    float: left;
    padding: 3px;
    font-size: 11px;
    box-sizing: border-box;
    font-weight: 600;
    /* box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f; */
    margin-left: 5px;
    margin-top: 5px;
    font-weight: 400;
}

.AlertLavello {
margin: 5px;
    /* font-size: 12px; */
    font-weight: 300;
    line-height: 20px;
}


.BaseMisurePianiSX {
    float: left;
    width: 50%;
    box-sizing: border-box;
   /* border-radius: 16px;*/
    text-decoration: none;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    background-color: white;
    position: relative;
    MIN-HEIGHT: 340px;
    max-height: 400px;
    overflow: auto;
}
.BaseMisurePianiDX {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 10px 20px 0px 20px;
    position: relative;
}

.BaseMisurePianiSX img {
    display:block;
    width:100%;    
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);*/
    box-sizing: border-box;
    padding: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    max-width:350px;
}

.contenitoreMisure {
    /* padding: 10px 0px; */
    padding-bottom: 10px;
}

.header2 .glyphicon:hover {
    background-color: #3e506d;
}

.titoloMisure {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.38105;
    color: #1e293b;
    font-family: 'Poly', sans-serif;
}

.titoloMisure2 {
    font-size: 14px;
    line-height: 1.38105;
    font-weight: 400;
    /* letter-spacing: -0.5px; */
    color: #97775c;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: 'Poly', sans-serif;
}

.titoloMisure3 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.38105;
    color: #1e293b;
    font-family: 'Poly', sans-serif;
}

.inputMisure {
    width: 80%;
    box-sizing: border-box;
    border: none;
    height: 34px;
    border: 0;
    border-bottom: 2px dashed #cbd5e1;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    text-align: center;
    background-color: #f1f5f9;
    float: left;
}

.inputMisure2{
    width: 90%;
    box-sizing: border-box;
    border: none;
    height: 34px;
    border: 0;
    border-bottom: 1px solid lightgrey;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    text-align: right;
    background-color: #fff;
    float:left;
}

.inputMisureAlert{
    width: 80%;
    box-sizing: border-box;
    border: none;
    height: 34px;
    border: 0;
    border-bottom: 1px solid red;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    text-align: center;
    background-color: #f9f9f9;
    float:left;
}


.inputCommento {
    width: 100%;
    box-sizing: border-box;
    border: none;
    height: 100px;
    border: 0;
    border-bottom: 1px solid lightgrey;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    text-align: left;
    background-color: #f8fafc;
    float: left;
}

.inputCommento2 {
    width: 100%;
    box-sizing: border-box;
    border: none;
    height: 100px;
    border: 0;
    border-bottom: 1px solid lightgrey;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    text-align: left;
    background-color: #f1f5f9;
    float: left;
    /* border-radius: 16px;*/
}


.didascaliaUnita {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    margin-top: 3px;
    width: 80%;
    font-weight: 500;
    color: rgb(30 41 59);
}
.didascaliaFrase {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    margin-top: 3px;
    width: 100%;
    font-weight: 500;
    color: #808080;
}

.didascaliaMisure {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 5px;
    width: 100%;
    font-weight: 500;
    color: rgb(30 41 59);
}

    .didascaliaMisure.promozione{
        color:green;
    }

    .didascaliaMisureAlert {
        display: inline-block;
        text-align: center;
        font-size: 11px;
        margin-top: 3px;
        margin-bottom: 5px;
        width: 100%;
        font-weight: 600;
        color: red;
    }

.LabelMisure {
    font-weight:600;
    font-size: 11px;
}


.sinistra {
    text-align: left;
}


.pulsanteSalvaMasutti {
    color: white;
    display: inline-block;
    margin: 10px auto;
    min-width: 70px;
    padding: 10px;
    text-decoration: none;
    transition: all 1s ease;
    text-align: center;
    background-color: #5086f4;
    line-height: 1.38105;
    letter-spacing: -0.5px;
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
  /*  border-radius: 9999px;*/
}

    .pulsanteSalvaMasutti:hover {
        background-color: #383838;
    }

.pulsanteSalvaMasutti2{
    border: 1px solid #545454;
    border-radius: 6px;
    color: white;
    display: inline-block;
    /* font-family: sans-serif; */
    margin: 10px auto;
        min-width: 70px;
    padding: 10px;
    text-decoration: none;
    transition: all 1s ease;
    text-align: center;
    background-color: #383838;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-left: 20px;
    margin-bottom: 0px;
}

.pulsanteSalvaMasutti2:hover{
  color: #fff;
  box-shadow: 20vw 0 0 #97775c inset;
}

.pulsanteSalvaMasutti3 {
    border: none;
    color: white;
    margin: 10px auto;
    min-width: 102px;
    padding: 10px 10px;
    text-decoration: none;
    transition: all 1s ease;
    text-align: center;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    background-color: #5086f4;
    line-height: 1.38105;
    letter-spacing: -0.5px;
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
    /*border-radius: 9999px;*/
    display: inline-block;
}

    .pulsanteSalvaMasutti3:hover {
        background-color: #16161d;
    }

.pulsanteSalvaMasuttiStampa{
    border: 1px solid #fff;
    border-radius: 6px;
    color: white;
    display: inline-block;
    /* font-family: sans-serif; */
    margin: 10px auto;
    min-width: 102px;
    padding: 10px;
    text-decoration: none;
    transition: all 1s ease;
    text-align: center;
    background-color: #018002;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-left: 20px;
    margin-bottom: 0px;
}

.pulsanteSalvaMasuttiStampa:hover{
  color: #fff;
  box-shadow: 20vw 0 0 #97775c inset;
}


.pulsanteSalvaMasuttiElimina {
   
    color: white;
    display: inline-block;
    margin: 10px auto;
    min-width: 70px;
    padding: 10px;
    text-decoration: none;
    transition: all 1s ease;
    text-align: center;
    background-color: #383838;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: -0.5px;
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;

}

.pulsanteSalvaMasuttiElimina:hover{
  color: #fff;
  box-shadow: 20vw 0 0 red inset;
}

.pulsanteSalvaMasuttiInserisci{
    border: 1px solid #545454;
    border-radius: 6px;
    color: white;
    display: inline-block;
    /* font-family: sans-serif; */
    margin: 10px auto;
    width: 102px;
    padding: 10px;
    text-decoration: none;
    transition: all 1s ease;
    text-align: center;
    background-color: #383838;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: -1px;
     margin-right: 20px;
}

.pulsanteSalvaMasuttiInserisci:hover{
  color: #fff;
  box-shadow: 20vw 0 0 green inset;
}

.masutti {
    color: #8f6d51;
    font-weight: 500;
    font-size: 14px;
}

.PannelloOrdine {
    background-color:green;
    padding:20px;
    margin: 0px 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-sizing: border-box;
    margin-bottom: 5px;
        text-align: center;
}

.PannelloOrdineTit {
    font-size: 28px;
    font-weight: 300;
    color: white;
    text-align: center;
    margin-bottom:20px;
}
.PannelloOrdineSottoTit {
    font-size: 16px;
    font-weight: 300;
    color: white;
    text-align: center;
    margin-bottom:20px;
}



.inputRiferimento {
    width: 80%;
    box-sizing: border-box;
    border: none;
    height: 34px;
    border: 0;
    border-bottom: 1px solid lightgrey;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    text-align: center;
    background-color: transparent;
    float: right;
    color: white;
}



.unitamisuraTabella {
    width: 10%;
    box-sizing: border-box;
    float:left;
    padding: 4px 0px;
    color: #808080;
    font-weight: 400;
}

.unitamisura {
    width: 20%;
     float:left;
     box-sizing: border-box;
     padding: 8px 0px;
}

.MisureInterneSx {
    float:left;
    width:50%;
    /*padding:5px;*/
    box-sizing:border-box;
}
.MisureInterneDx {
    float:left;
    width:50%;
    /*padding:5px;*/
    box-sizing:border-box;
}

.MisureInterne{
    display:flex;
    flex-flow:wrap;
}


.TabellaConfiguratoreElementiInterni {
    font-size: 12px;
    letter-spacing: 0px;
}
.TabellaConfiguratoreTitoloPiani {
    font-size: 18px;
    line-height: 1.38105;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: #1e293b;
}
.TabellaConfiguratoreAllineaDx {
    text-align:right;
}

.TabellaConfiguratoreAllineaCx {
    text-align:center;
}

.TabellaConfiguratoreAllineaSx {
    text-align:left;
}


.blocchiElementi {
    width: calc(100% / 4);
    vertical-align: top;
    box-sizing: border-box;
    padding: 10px;
}


.blocchiElementiLink {
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 16px;
    text-decoration: none;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    display: flex;
    flex-flow: column;
}
    .blocchiElementiLink:hover .blocchiElementiTitolo {
        background-color: #383838;
    }

    


    .contenitoreBlocchiElementi {
        width: 363px;
        position: absolute;
        top: 62px;
        right: 0;
        background-color: rgb(235, 237, 238);
        padding: 30px;
        box-sizing: border-box;
        text-align: center;
        border: 1px solid silver;
    }

.blocchiElementiTitolo {
    font-size: 15px;
    color: white;
    padding: 10px 5px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    background-color: #5086f4;
    letter-spacing: -0.5px;
    -o-text-overflow: ellipsis;
/*    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.contenitoreRadioCollezioni {
    padding-left: 0px;
    /*padding-bottom: 5px;*/
}

    .contenitoreRadioCollezioni{
        display:flex;
    }
        .contenitoreRadioCollezioni > div{
            width:50%;
        }


        .contenitoreRadioCollezioni > span {
            display: block;
            width: 100%;
        }




.blocchiElementi img {
    width: 100%;
    /* position: absolute; */
    display: block;
/*    border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
}







.contenitoreTab {
    margin:auto;
    max-width: 1100px;
    /*MARGIN-TOP: 30px;*/
    text-align:center;
}


.contenitoreCheckoutSX2 {
    background-color: white;
    max-width: 530px;
    width: 100%;
    float: left;
    vertical-align: top;
    text-align: left;
    margin: 0px 10px;
    BOX-SIZING: BORDER-BOX;
    margin-bottom: 10px;
  /*  border-radius: 16px;*/
    /* padding: 30px 20px; */
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    text-align: left;
    margin-bottom: 30px;
    background-color: #fff;
}

.contenitoreCheckoutDX2 {
    background: -webkit-linear-gradient( -70deg, #a2facf 0%, #64acff 100%);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    max-width: 530px;
    width: 100%;
    float: right;
    vertical-align: top;
    text-align: left;
    margin: 0px 10px;
    BOX-SIZING: BORDER-BOX;
    margin-bottom: 30px;
   /* border-radius: 16px;*/
    color: white;
    text-align: center;
    padding: 50px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.contenitoreCheckoutDXPunti {
    background-color: #4CAF50;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    max-width: 530px;
    width: 100%;
    /* margin: auto; */
    /* display: inline-block; */
    float: right;
    vertical-align: top;
    text-align: left;
    margin: 0px 10px;
    BOX-SIZING: BORDER-BOX;
    margin-bottom: 10px;
    padding: 30px;
    color: white;
    text-align: center;
    margin-top: 46px;
}
.numeropunti {
    font-size: 5em;
}
.contenitoreCheckoutDXPunti2 {
    background-color: #2d632f;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    max-width: 530px;
    width: 100%;
    float: right;
    vertical-align: top;
    text-align: left;
    margin: 0px 10px;
    BOX-SIZING: BORDER-BOX;
    margin-bottom: 10px;
    padding: 10px 30px;
    color: white;
}

.contenitoreCheckoutDX3 {
    background-color: white;
    max-width: 530px;
    width: 100%;
    float: right;
    vertical-align: top;
    text-align: left;
    margin: 0px 10px;
    BOX-SIZING: BORDER-BOX;
    margin-bottom: 30px;
}



.PulsantePiu {
    background-color: #5086f4;
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
    color: white;
    height: 80px;
    width: 200px;
    font-size: 22px;
    /* min-height: 48px; */
    /* max-height: 48px; */
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    /* border-radius: 9999px;*/
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 2s;
}

    .PulsantePiu:hover {
         background-color: #383838;
    }


.PulsantePiuTesto {
    font-size: 28px;
    color: #16161d;
    width: 100%;
    font-family: 'Poly', sans-serif;
}

    .PulsantePiuTesto > .inputLoginHome {
        margin-bottom:0px;
    }

    .RegistrazioneWrapper > .BottoneRegistra {
        /*height: 36px;*/
        padding: 8px 0px;
        width: 100%;
        line-height: 27px;
        text-align: center;
        box-sizing: border-box;
        border: none;
        text-decoration: none;
        background-color: #0082C9;
        color: white;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
    }

.RegistrazioneWrapper > .BottoneRegistraGreen {
    /*height: 36px;*/
    padding:8px 0px;
    width: 100%;
    line-height: 27px;
    text-align: center;
    box-sizing: border-box;
    border: none;
    text-decoration: none;
    background-color: #4CAF50;
    color: white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    text-transform:uppercase;
}


.GridViewStyleProdotto {

    /*  border-top: 1px solid rgba(0, 0, 0, 0.12); */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
    /* border-right: none; */
    border-collapse: collapse;
    table-layout: auto;
    font-size: 13px;
    width: 100%;
    /* background: rgb(255,255,255); */
        /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);*/
    /* margin-right: 30px; */
}

    .GridViewStyleProdotto input[type='text'], textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 5px 2px;
        border: none;
        border-bottom: 1px solid silver;
        background-color: inherit;
    }

.GridViewStyleProdotto > tbody > tr > td:first-child {
    width:110px;
    color: #757575
}

tr.RowStyleProdotto {
    text-align: left;
    background-color: #ffffff;
    transition: opacity, background-color 436ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color, opacity;
    /*font-size: 12px;*/
    line-height: 1.5em;
}


.GridViewStyleProdotto  td {
    padding: 10px 5px;
    box-sizing: border-box;
    
}

.GridViewStyleProdotto tr {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

tr.AlternatingRowStyleProdotto {
    text-align: left;
    background-color: #ffffff;
    transition: opacity, background-color 436ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color, opacity;
    /*font-size: 12px;*/
    line-height: 1.5em;
}


tr.AlternatingRowStyleProdotto:hover {
    background-color: #eee;
}


.HeaderStyle {
    /*border: 1px solid #ddd;*/
    background-color: white;
}

    .HeaderStyle th {
        align-items: center;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: default;
        font-weight: 500;
        font-size: 12px;
        color: #757575;
    }

    .FooterStyle {
    background-color: whitesmoke;
    height: 25px;
}

 .bottoni {
    color: #4285f4;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .01em;
}

.RegistrazioneWrapper {
    box-sizing: border-box;
    padding: 0px 10px;
}

.selezionatoMasutti {
    color: #5086f4;
}


.titoloRegistra {
    font-family: 'Poly', sans-serif;
    margin: 0;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 20px 18px;
    padding-bottom: 16px;
    line-height: 24px;
    color: #fff;
    background-color: #16161d;
    /*    border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
}

    .titoloRegistra a{
        /*text-decoration:none;*/
        color:white;
        font-size:12px;
    }

        .titoloRegistra a:hover {
            color: #5086f4;
        }

    .RegistrazioneLeft {
        padding: 0px 15px;
        box-sizing: border-box;
    }
.RegistrazioneRight {
    padding:0px 15px;
    box-sizing:border-box;
}



.rigaElencoClienti {
    border-bottom:1px solid silver;
    padding:10px 10px;
    box-sizing:border-box;
    text-align:left;
    font-size:15px;
    color: #08c;
}
    .rigaElencoClienti:hover {
        background-color: whitesmoke;
    }

.elencoClientiLogin {
    float:right
}

.rigaElencoClienti > glyphicon glyphicon-share{
    color:grey;
}

.minHeigth {
  min-height: 250px;
}


.riferimento {
    margin: auto;
    max-width: 1400px;
    padding: 10px 0px;
    box-sizing: border-box;
    /* text-align: right; */
    color: #fff;
    display: block;
    font-size: 18px;
}

.riferimentoInput {
    box-sizing: border-box;
    border: none;
    height: 34px;
    border: 0;
    border-bottom: 2px dashed #cbd5e1;
    padding: 5px;
    font-size: 18px;
    font-weight: 400;
    outline: none;
    text-align: center;
    background-color: #1e293b;
    color: rgb(148,163,184);
    width: 150px;
    margin-left: 20px;
}

.GridViewClientiAgente {
    border-right: none;
    border-collapse: collapse;
    table-layout: auto;
    font-size: 13px;
    width: 100%;
    position:relative;
    text-align:left;
}

.GridViewClientiAgente a{
    text-decoration:none;
    color:#808080;
}

.GridViewClientiAgente .coloreZimmer > a {
    color: #08c;
}

.HeaderStyle {
    /*border: 1px solid #ddd;*/
    background-color: white;
}



    .HeaderStyle th {
        /*align-items: center;*/
        /*padding-top: 8px;
        padding-bottom: 8px;*/
        cursor: default;
        font-weight: 500;
        font-size: 12px;
        color: #757575;
        padding: 8px 10px;
        box-sizing: border-box;
    }


  .GridViewClientiAgente tr {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

    tr.RowStyle {
        text-align: left;
        background-color: #ffffff;
        transition: opacity, background-color 436ms cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: background-color, opacity;
        line-height: 1.5em;
    }



    tr.AlternatingRowStyle {
        text-align: left;
        background-color: #ffffff;
        transition: opacity, background-color 436ms cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: background-color, opacity;
        line-height: 1.5em;
    }



    tr.RowStyle:hover {
        /*cursor: pointer;*/
        background-color: #eee;
    }



    tr.AlternatingRowStyle:hover {
        /*cursor: pointer;*/
        background-color: #eee;
    }

    .GridViewClientiAgente td {
            padding: 10px 10px;
        box-sizing: border-box;
    
    }

.PagerStyle table {
    margin: auto;
    border: none;
}



tr.PagerStyle {
    text-align: center;
    background-color: white;
}



.PagerStyle table td {
    padding: 0px 5px;
}



.PagerStyle a {
    /* border: 1px solid #fff; */
    padding: 2px 5px 2px 5px;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.celleInterneTabella {
    vertical-align:top;
    /*padding-top:3px;*/
}

    .celleInterneTabella > b {
        margin-right:2px;
    }


.PagerStyle span {
    padding: 2px 5px 2px 5px;
    color: #4f46e5;
    font-weight: bold;
}


.PaginaSx {
    width: 100%;
    float: left;
    background-color: #e2ded9;
    box-sizing: border-box;
    border-right: 200px solid rgb(22 22 29);
}

.internopaginaSX {
    padding: 0px 50px;
    box-sizing: border-box;
}

.PaginaDx {
    width: 200px;
    float: left;
    position: fixed;
    right: 0;
    /* background-color: rgba(0, 0, 0, 0.8); */
    /* box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); */
}
.contenitoreTotale {
    background-color: rgba(0, 0, 0, 0.75);
    position:relative;
}

.TabDestra {
    text-align: left;
    color: white;
    box-sizing: border-box;
    font-size: 10px;
    font-size: 10px;
    color: #fff;
    display: block;
    transition: all 1s ease;
    font-weight: 400;
    font-size: 13px;
/*    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;*/
    padding: 10px 0px 10px 20px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}


.TabDestra2 {
        text-align: left;
    color: white;
    /*padding: 10px 20px;*/
    box-sizing: border-box;
    border-bottom: 1px solid #545454;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: silver;
    display: block;
    transition: all 1s ease;
}

.ombraTab {
    padding: 10px 0px 10px 20px;
}

.TabDestra:hover {
    background-color: #3e506d;
}

.TabDestra img.Miniatura {
    float: none;
    width: 130px;
    /* border: 1px solid #808080; */
    padding: 6px;
    box-sizing: border-box;
    /* border-radius: 20px; */
    /* margin: auto; */
}



.TabDestra img{
    width: 40px;
    display: block;
    float: left;
}

.TabDestraTit {
    float: left;
    padding: 12px 0px 10px 10px;
    max-width: 88px;
}

.LabelID {
    position: absolute;
    z-index: 50000;
}

.TabSelezionato {
    background-color: #3e506d;
}

.CheckBoxMuro {
    margin-left:4px;
}


.checkcontainer {
    display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 15px;
    padding-top: 4px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    .checkcontainer input:checked ~ .checkmark {
        background-color: #5086f4;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f1f5f9;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

.checkcontainer .checkmark:after {
    left: 5px;
    top: 4px;
    width: 7px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}




.checkcontainerImballo {
    display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 15px;
    padding-top: 4px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
        float: right;
}
.checkcontainerImballo input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    .checkcontainerImballo input:checked ~ .checkmark {
        background-color: #5086f4;
    }

.checkcontainerImballo input:checked ~ .checkmark:after {
    display: block;
}

.checkcontainerImballo .checkmark:after {
    left: 5px;
    top: 4px;
    width: 7px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkcontainerRadio {
    width: 100%;
    position: absolute;
    bottom: 15px;
}
    .checkcontainerRadio.ListImballo {
        position: relative;
        bottom: 0px;
    }

        .checkcontainerRadio.ListImballo > tbody {
            display:flex;
        }


.checkcontainerRadio td {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: -2px;
}

.checkcontainerRadio tr {
    display: block;
    width: 100%;
}

.checkcontainerRadio input {
        position: absolute;
    opacity: 0;
    cursor: pointer;
}
    .checkcontainerRadio input:checked ~ label {
        background-color: #5086f4;
    }

    .checkcontainerRadio label {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #f1f5f9;
        border-radius: 50%;
        text-indent: 30px;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    }

.checkcontainerRadio input:checked ~ label:after {
    display: block;
}

.checkcontainerRadio label:after {
    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}

.checkcontainerRadio label:after {
    content: "";
    position: absolute;
    display: none;
}
.checkboxlatocontainer {
}
.checkboxlato {
    font-size:18px;
    line-height: 26px;
}
.checkboxlatocontainer input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding: 10px;
    padding-right:100px;
}








.checkcontainerRadioVarianti {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.checkcontainerRadioVarianti input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkcontainerRadioVarianti input:checked ~ label {
    background-color: #97775c;
}

.checkcontainerRadioVarianti label {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.checkcontainerRadioVarianti input:checked ~ label:after {
    display: block;
}

.checkcontainerRadioVarianti label:after {
    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}

.checkcontainerRadioVarianti label:after {
    content: "";
    position: absolute;
    display: none;
}

.elencoProdottiRadioButton {
position: relative;
    height: 70px;
}



.contenitoreStampa {
    float:right;
    margin-bottom:20px;
}

.Distanza1 {
    background-color: yellow;
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 5px;
}

.Distanza2 {
    background-color: green;
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 5px;
}

.ContenitoreImmagineLavorazioni {
    height: 100px;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
 /*   border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
}

.ContenitoreImmagineAlzatine {
    height: 220px;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
    /*   border-top-left-radius: 16px;  COMMENTO QUI A CAS
    border-top-right-radius: 16px;*/
}
.ContenitoreImmagineFori {
    height: 240px;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
}
.ContenitoreImmagineLavelli {
    height: 240px;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
}
.ContenitoreImmagineLavorazioniExtra {
    height: 240px;
    background-color: white;
    /*padding: 20px;*/
    box-sizing: border-box;
}
.ContenitoreImmagineImballi {
    height: 240px;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
}
.ContenitoreLabelLavorazioni {
    width: 100%;
    padding: 13px;
    color: #fff;
    box-sizing: border-box;
    /*    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
    font-family: 'Poly', sans-serif;
}

    .ContenitoreLabelLavorazioni.isomaggio {
        background-color: #23765e;
    }

    .blocchiElencoForiEsterno {
        width: calc(100% / 3);
        box-sizing: border-box;
        padding: 10px;
    }
.ContenitoreLabelPrezzo {
    width: 100%;
    padding: 2px;
    color: #fff;
    box-sizing: border-box;
    /*    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
    font-family: 'Poly', sans-serif;
}
.blocchiElencoForiEsterno2 {
    width: calc(100% / 6);
    float: left;
    box-sizing: border-box;
    padding:5px;
    min-height: 132px;
}

.blocchiElencoFori {
    background-color: #16161d;
    text-align: center;
    transition: background-color 0.5s linear;
    color: black;
    text-decoration: none;
    display: block;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
   /* border-radius: 16px;*/
    width: calc((100% / 3) - 20px);
    box-sizing: border-box;
    margin: 10px;
}

    .blocchiElencoFori:hover {
        background-color: #5086f4;
    }


    .blocchiElencoFori img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
    }

    /*.blocchiElencoFori:hover {
        
    }*/
        .contenitoreElencoFori {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-flow: wrap;
}

            .contenitoreElencoFori.divisione5 > .blocchiElencoFori {
                width: calc((100% / 5) - 20px);
            }

            .blocchiElencoForiNome {
                position: absolute;
                width: 100%;
                padding: 5px 5px;
                box-sizing: border-box;
                /* text-transform: uppercase; */
                font-size: 13px;
                padding: 13px;
                /* letter-spacing: -0.5px; */
                bottom: 0px;
                text-align: left;
                /* background-color: white; */
                /* height: 50px; */
                background-color: #16161d;
                color: #fff;
                box-sizing: border-box;
                border-bottom-left-radius: 16px;
                border-bottom-right-radius: 16px;
            }

.blocchiElencoLavorazioniNome {
    position: absolute;
    width: 100%;
    padding: 5px 4px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: -0.5px;
    bottom: 0px;
    text-align: center;
    min-height: 43px;
    background-color: white;
    display: block;
}


.Spaziatura {
    margin-top:50px;
}


.checkcontainerLavorazioni {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    font-family: 'Poly', sans-serif;
}

.checkcontainerLavorazioni input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    .checkcontainerLavorazioni input:checked ~ .checkmarkLavorazioni {
        background-color: #5086f4;
    }

.checkmarkLavorazioni {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f1f5f9;
    border-radius: 50%;
    text-indent: 30px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    margin-top: -3px;
}

.checkcontainerLavorazioni input:checked ~ .checkmarkLavorazioni:after {
    display: block;
}

.checkcontainerLavorazioni .checkmarkLavorazioni:after {
    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}

.checkmarkLavorazioni:after {
    content: "";
    position: absolute;
    display: none;
}

.contenitorePiu {
    min-height: 200px;
    display: flex;
    align-items: center;
}

.labelavviso {

}

@media screen and (min-width:0px) and (max-width:1130px) {

    .contenitoreCheckoutSX2 {
        float:none;
        display:inline-block;
    }
    .contenitoreCheckoutDX2 {
        float:none;
        display:inline-block;
    }
    .contenitoreCheckoutDX3 {
        float: none;
        display: inline-block;
    }

}







/* responsivo */

@media screen and (min-width:768px) and (max-width:1750px) {
.paginaCheckout .PagamentoStepWrapper .contenitore50perc {
        float:none;
        width:100%;
    }

    .paginaCarrello .tabellaCarrello .colonnaProdotto,
    .paginaCarrello .tabellaCarrello .colonnaDescrizione {
        display:none;
    }
}

@media screen and (max-width:767px) {

    #ContentPlaceHolder_Corpo_LinkButtonAggiornaMiniatura {
        display:none;
    }


    .iconeGrandi2 span {
        display:none;
    }
    .iconeGrandi2 {
        margin: 3px 0px;
        width: auto;
    }

    #MasterMenuNuovo .bloccoSinistra .logo {
        margin-top: 9px;
    }

    .contenitoreMenuAlto {
        margin-top: -53px;
    }

    #MasterMenuNuovo {
        height: 46px;
    }
    .spazio {
        height: 73px;
    }

    .contenitoreMenuAlto .container { 
            padding: 0px 0px;
    }
    .contenitoreMenuAlto {
    margin-right: -0px;
}


    .MasterFooterColonna {
        padding: 0px 10px;
    }
    .container2 {
        padding: 0px 10px;
    }

    #MasterMenu > table.container {
        margin:inherit;
    }

    /* body */
    .bodyCategorieProdotti .colonnaCategorie {
        width:100%;
    }
    .bodyCategorieProdotti .colonnaCategorie > .titoloDivCategorie {
        display:none;
    }
    .bodyCategorieProdotti .colonnaProdotti {
        /*margin-top:30px;*/
        width:100%;
    }

    /* footer */
    .MasterFooterColonna0 {
        display:none;
    }
    .MasterFooter .MasterFooterColonna1, 
    .MasterFooter .MasterFooterColonna2, 
    .MasterFooter .MasterFooterColonna3 {
        width:50%;
        display:inline-block;
        min-width:200px;
    }

    /* colonna categorie in responsivo non deve avere padding */
    .bodyCategorieProdotti .colonnaCategorie {
        padding:0;
    }


    /* pagina dettaglio prodotto */
    .colonnaProdotti_prodotto .immaginiProdotto {
        width:100%;
        float:none;
    }
    .colonnaProdotti_prodotto .immaginiProdotto {
        border-right: none;
        box-sizing: border-box;
        min-height: 0px;
    }

    /* pagina checkout */
    .paginaCheckout .contenitore50perc {
        float:none;
        width:100%;
    }
    /*.paginaCheckout .iwebTABELLA td {
        display:block;
    }*/
    .paginaCheckout .IndirizzoStepWrapper .contenitore100perc > div:first-child, 
    .paginaCheckout .IndirizzoStepWrapper .contenitore100perc > div:first-child+div {
        float:none;
        /*width:calc(100% - 42px);*/
        box-sizing:border-box;
        width:100%;
    }

    .paginaProdotto .colonnaProdotti_prodotto .immaginiProdotto, 
    .paginaProdotto .colonnaProdotti_prodotto .informazioniProdotto {
        border-right: 0;
        width:100%;
        min-height:0;
    }

    .paginaCarrello table.iwebTABELLA.tabellaCarrello .Repeater1_quantita .mostraSoloInMobile {
        margin:5px 7px 0 0;
    }
    .paginaCarrello table.iwebTABELLA.tabellaCarrello .Repeater1_quantita .panelQuantita {
        text-align:left;
    }
    .paginaCarrello table.iwebTABELLA.tabellaCarrello .Repeater1_quantita .pulsantiera {
        display:none;
    }

    div.colonnaCategorie { padding:0; } /* se no in mobile si vede un rettangolo grigio sopra "Riassunto carrello" */

    tr.isSpeseSpedizione .colonnaPrezzoUnitario,
    tr.isSpeseSpedizione .colonnaQuantita {
        display:none;
    }

    .tabellaCarrello th,
    .tabellaCarrello .colonnaProdotto,
    .tabellaCarrello tfoot .colonnaNome,
    .tabellaCarrello .colonnaDescrizione,
    .tabellaCarrello tfoot .colonnaPrezzoUnitario,
    .tabellaCarrello tfoot .colonnaQuantita,
    .tabellaCarrello tfoot .colonnaElimina {
        display:none;
    }

    .tabellaCarrello tr, .tabellaCarrello td {
        width:100%;
        box-sizing:border-box;
        display:block;
    }

    /* inizio pagina /ecommerce-top2/profilo.aspx */
    .paginaProfilo .divTabellaDatiProfilo table,
    .paginaProfilo .divTabellaOrdiniEffettuati table {
        width: 100%;
    }
    /* fine pagina /ecommerce-top2/profilo.aspx */
    .colonnaProdotti .titoloDivCategorie span.r {
        display:none;
    }

    .TabDestraTit {
        display:none;
    }

    .TabDestra img {
        width: 30px;
    }


    .PaginaSx {
        border-right: 65px solid rgba(0, 0, 0, 0.75);
    }

    .PaginaDx {
        width: 65px;
    }

    .titoloTop {
        font-size: 20px;
    }


        .TabDestra img.Miniatura {
        width: 30px;
            padding: 0px;
    }
}


@media screen and (min-width:768px) and (max-width:1500px) {

    .PaginaDx {
        width: 160px;
    }

    .PaginaSx {
        border-right: 160px solid rgb(22 22 29);
    }

    .TabDestra img.Miniatura {
        width: 120px;
        padding: 0px;
    }


    /*.BaseMisurePianiContenitore {
        width: 100%;
        float: none;
        margin: auto;
        margin-bottom:20px;
        max-height: 400px;
    }

        .BaseMisureLati {
        width: calc(100% / 3);
    }*/

        .iconeGrandi2 {
        margin: 3px 0px;
    }

}

@media screen and (min-width:768px) and (max-width:1300px) {
    .BaseMisurePianiContenitore {
        width: 100%;
        float: none;
        margin: auto;
        margin-bottom: 20px;
        /*max-height: 400px;*/
    }

    .BaseMisurePianiDX {
        padding: 20px 0px 0px 20px;
    }



    .blocchiElencoForiEsterno {
    padding: 2px;
}

    .BaseMisureBordi {
    padding: 2px;
}

    .titoloTop2 {
    font-size: 18px;
}
    .titoloMisure {
    font-size: 14px;
}
    .BaseMisureLati {
        padding: 2px;
        width: calc(100% / 4.1);
    }

    .BaseMisureLatiContenitore {
        margin-left: -2px;
        margin-right: -2px;
    }

    .elencoCategorie .elencoCategorie_prodotto {
        width: calc(100% / 4);
    }

    .titoloTop {
        font-size: 18px;
    }

    .elencoProdotti .elencoProdotti_prodotto {
        margin: 2px 2px;
    }
    .elencoProdotti .elencoProdotti_prodotto {
        margin: 5px 2px;
        width: 125px;
    }
    .elencoProdotti .elencoProdotti_prodotto > div:first-child {
        height: 125px;
    }
    .elencoProdotti .elencoProdotti_prodotto .divConBackgroundImage {
        width: 125px;
        height: 125px;
    }

        .elencoProdotti .elencoProdotti_prodotto .elencoProdotti_immagine {
            display: block;
            height: 200px;
        }



    .elencoProdotti {
        margin-left: -2px;
    }
    .contenitoreElencoFori {
        margin-left: -2px;
        margin-right: -2px;
    }
    .blocchiElencoForiEsterno2 {
        padding: 2px;
    }

    .blocchiElencoForiEsterno2 {
    width: calc(100% / 4);
}

    .nascondiColonnaResponsivo {
        display:none;
    }

    .BaseBlocchiControlli {
        padding: 20px 10px 20px 10px;
    }

    .BaseMisureLatiDX2 {
        height: 140px;
    }

    .contenitoreimmaginePiano {
        padding: 10px;
    }
    .blocchiElementi {
        width: calc(100% / 3.1);
        padding: 2px;
    }

    .formHome {
        padding: 20px;
        width: 370px;
        margin-top: 18px;
    }

    .formHomeTitolo {
        font-size: 20px;
    }
    .checkcontainer {
        font-size: 12px;
    }
    .checkcontainerRadio td {
        padding-left: 30px;
        margin-bottom: 23px;
        font-size: 12px;
        margin-left: -2px;
    }
    .BaseMisureLatiDX {
    height: 148px;
}
}