/* SITOFONO */
.datetimepicker-dropdown-bottom-right{
    left:5px !important;
    top:5px !important;
    color:#333;
    width: 558px;
    height: 288px;
}
.col-md-7 #num_tel{
    margin-top:15px;
}
.table-condensed{
    width: 100%
}
.input-group.date .input-group-addon span{
    cursor: default !important
}
#num_tel::placeholder,#dataApp::placeholder{
    color: #d0d0d0
}
#dataApp,#ora_pren{
    padding:6px 6px !important;
}
#loaderSit,#loaderSit_desktop{
    display: none;
    height: 100%;
    padding-top: 15%;
    text-align: center;
    font-size: 0.75em;
}
#loaderSit .fas,#loaderSit_desktop .fas{
    color: #FFF;
    font-size: 4em;
    margin-bottom: 20px;
}
.pix{
    border:none;
    height: 0;
    width:0;
}
#modal-cliente:before,#modal-sitofono:before{
    display:none
}

#modal-sitofono, #modal-cliente{
    padding: 0 !important;
    text-align: left;
}

.cuffiette{
    line-height: 32px;
    letter-spacing: 2px;
    text-transform: uppercase
}
.cuffiette img{width:30px;height:30px;vertical-align: middle;float: left;margin-right: 10px}

.claimSitofono{
    font-size: 18px;
    padding-top: 5px;
    font-weight: 400;
    text-transform: uppercase;
}

.modal-backdrop.in {
    opacity: 0.85 !important;
}
.fixBottom {
    position:fixed;
    left:0px;
    bottom:0px;
    width: 100%;
    z-index:100;
}
.stripe-sitofono{
    background-color: #86af49;
    color:#FFF;
    margin-bottom:20px;
    cursor: pointer;
    height: 35px;
    padding-top:2px;
    padding-bottom:2px !important;
    display: none
}

.stripe-sitofono-trasp{
    background-color: transparent;
    margin-bottom:20px;
    height: 35px;
    padding-top:2px;
    padding-bottom:2px !important;
}

.box-sitofono-tc{
    color:#FFF;
    cursor: pointer;
    padding:10px 10px 10px 70px;
    float: left;
    text-transform: uppercase;
    background: #35a2ac url('/img/restyling/cuffiette.png');
    background-position:20px center;
    background-repeat: no-repeat;
    margin: 20px 0;
    width:100%
}
.box-sitofono-tc div{
    float: left
}
.btn-stripe{
    font-size:17px;
    background:#FFF;
    padding:7px 20px;
    border-radius: 8px;
    color:#4D4D4D;
    margin:30px 0;
    font-weight:700 !important;
}
.btn-stripe a{
    color:#4D4D4D;
}
.btn-stripe:hover{
    text-decoration: underline
}
.btn-stripe i,.btn-sitofono i{
    padding-right: 10px
}
.box-btn-cliente-no{
    text-align: right;margin-top:2px
}
.box-btn-cliente-yes{
    text-align: left;margin-top:2px
}
.btn-cliente{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #5757A1 !important;
    color:#FFF !important;
    border:1px solid #FFF;
    padding:20px 10px
}
.btn-cliente a,.btn-cliente a:hover,.btn-cliente:hover{color:#fff}
.link-ass{
    color:#FFF;
    background-color: #5757A1 !important;
    margin-top: 74px;
    padding:10px;
    font-size: 14px;
}
.claimMobileLaunch{
    font-size: 0.7em;
    cursor: pointer

}
.link-ass a{
    color:#FFF
}
.text-desc{
    text-align: center;
    font-size:13px;
    font-weight: 500;
}
.box-sitofono{
    width:568px;
    height: 300px;
    background-color: rgb(223, 221, 236);
    margin-top:150px;
    color:#5757A1;
    font-size:20px;
}

.wk{
    margin-top:0;
    padding:10px;
}

.bkg-sit-sez{
    margin-top:10px;
    height: 100px;
    width:568px;
}

.bkg-sit-mr{
    margin-top:10px;
    width:100%;
}

.close-sit{
    text-align: right;
    color:#fff;
    font-size:18px;
    padding-top:10px
}
.close-sit img{
    cursor: pointer;
}
.box-sitofono .chiama-gratis{
    top:-20px
}
#prospectMod{
    font-weight: 500
}
#upgradeMod p, #prospectMod p{
    font-weight: 300;
    font-size:15px;
}
#upgradeMod{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}
#upgradeMod a{
    text-decoration: underline
}
.box-sitofono p{
    font-size:14px;
    margin-top:5px
}
.cont-form-sitofono input, .cont-form-sitofono select{
    height:42px;
    width: 100%;
    font-size:16px;
    color:#333;
    text-align:center
}
.cont-form-sitofono .ins{
    padding-right: 0;
}
.btn-sit{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
    height: 40px;
}
.privacy_sit{
    margin-top:7px;
    font-size:11px
}
.privacy_sit a{
    color:#FFF !important
}
.view-errore{
    margin-top: 12px;
    padding-left:30px;  
    background:#fd4b5f;
    color:#fff;
    font-size:13px;
    text-align: center
}
.resp-box-sitofono{
    padding:8px;
    background:#fd4b5f;
    border-radius: 8px;
    color:#fff;
    text-align: center;
    font-size:16px;
}
#resp-sitofono-text{
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
}
#resp-sitofono,#box-err{
    display:none
}

#resp-sitofono h3{margin-top: 0; margin-bottom: 0}

.link-sitofono{
    margin: 20px 0 0 90px;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px
}
.link-sitofono a{ color:#fd4b5f;font-weight: 500;cursor:pointer}
@media only screen and (max-width: 1200px){ 
    .stripe-sitofono .col-md-6{
        font-size:20px;
    }
    .btn-stripe{
        font-size:14px;
        padding:10px 10px;
        text-align: center
    } 
}
@media only screen and (max-width: 1024px){
    .stripe-sitofono .col-md-9{
        font-size:18px;
    }
    .btn-stripe{
        font-size:13px;
        padding:10px 6px;
    }
    .text-desc{
        width:100%;
        color:#fff
    }
    .link-sitofono{
        margin: 10px 0 0 30px;
        font-weight: 300;
        font-size: 16px;
        line-height: 18px
    }
    .cuffiette{
        letter-spacing:0
    }
} 

@media only screen and (max-width: 768px){
    .cuffiette{
        text-align: right;
        line-height: 32px;
        letter-spacing: 1px
    }
    .cuffiette img{vertical-align: middle;float: right;margin-left: 10px}
    .miniTitleInternal{
        text-align: center;
        margin-top: 10px;
        margin-bottom: 6px
    }
    .link-ass{
        margin-top: 240px
    }
}

@media only screen and (max-width: 455px){
    .cont-form-sitofono input, .cont-form-sitofono select{
        padding: 6px;
    }
    #resp-sitofono .col-md-12{
        margin-top:170px
    }
    .datetimepicker-dropdown-bottom-right{
        width: 310px;
        height: 450px;
    } 
    .link-ass{
        margin-top: 380px
    }
    .btn-sit{
        margin-top: 15px !important;
    }
    .cont-form-sitofono .ins{
        padding-right: 15px
    }
    .stripe-sitofono{
        display: block !important;
        width:100%;
        position:fixed;
        left:0px;
        bottom:0px;
        margin-bottom:-1px; 
        padding: 2px 0;
        z-index:2000 !important;    
        background-color: #f1f1f1;
        color:#eb3564;
        height: 44px;
        box-shadow: 0 -4px 4px -2px rgba(0,0,0,0.4);
    }
    .stripe-sitofono .col-sm-6{
        padding:5px 15px;
        font-size:16px;
    }
    .stripe-sitofono .col-sm-6:nth-child(1){
        margin-top: 15px;
        font-size:14px !important;
    }
    .stripe-sitofono .container{
        height: auto;
        padding-top:5px;
        padding-bottom:5px;
        background-repeat: no-repeat;
        background-size: 65%;
        background-position:200px bottom;
    }
    .btn-stripe{
        margin:2px 0 3px;
    }
    .box-btn-cliente-no{
        text-align: center
    }
    .box-btn-cliente-yes{
        text-align: center;margin-top:30px
    }
    .text-desc{
        width:188px;   
        color:#4a4a4a    
    }
    .box-sitofono{
        width:320px;
        height: 460px;
        margin-top: 50px;
        font-size:18px;
        font-weight: 500
    }
    .wt-mcp-ol-modal-content,.mobile-block{
        height:430px !important
    }
    .wk{
        margin-top:0;
        width:100%;
    }

    .wk .cont-form-sitofono .col-xs-12, .wk .privacy_sit{
        text-align: center
    }

    .box-sitofono p{
        font-size: 17px;
        font-weight: 300
    }
    .bkg-sit-sez{
        height: 141px;
        width:100%;
    }
    #box-form .col-xs-8{
        padding-right: 0px !important
    }
    #box-form .col-xs-4, #box-form .col-xs-8{
        margin-top: 15px;
    }
    .cont-form-sitofono .col-xs-4{
        padding-right: 15px;
    }
    .btn-sitofono{
        text-align: center;
    }    

    .box-sitofono .chiama-gratis{
        line-height: 24px;
        font-size: 22px;

    }
    .box-sitofono p{

        line-height: 18px;

    }
    .privacy_sit{
        line-height: 14px;
        font-weight: 300
    }
}
@media only screen and (max-width: 455px){
    .cuffiette{text-align: center !important;font-size: 20px}
    .cuffiette img{display:none}
}
@media only screen and (max-width: 414px){
    .cuffiette{
        text-align: center;
        font-size: 24px;
        line-height: 24px
    }
    .cuffiette img{display: none}
}
@media only screen and (max-width: 320px){
    .stripe-sitofono{
        display:none !important
    }
    .stripe-sitofono .col-sm-6:nth-child(1){
        margin-top: 15px;
        font-size:11px !important;
    }
    .btn-stripe{
        width:130px;
        letter-spacing: normal;
        font-size:12px;
    }
    .cuffiette{
        font-size: 18px !important
    }
}