@charset "utf-8";

.bg-leasys-blue{
    background: #18305b;
}
select{
    margin: 7px 0;
}
.puntoCont .list {
    border-radius: 5px;
    background: #18305b;
    font-family: Lato;
    font-weight: 600;
    padding: 20px;
    font-size: 25px;
    text-align: center;
    color: #FFF;
    float: left;
    line-height: 13px;
}
.formContainer{
    padding: 20px;
    background: #eee;
    margin-top: 20px;
}
.formContainer label {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 14px;
    color: #18305b;
    text-transform: uppercase;
}
.buttonAssistenza{

}
.buttonAssistenza a{
    display:block;
    border-radius:5px;
    padding:20px 100px;
    color:#18305b;
    font-size:18px;
    font-family:Lato;
    font-weight:600;
    cursor:pointer;
    background-color:#eee;
    background-repeat:no-repeat;
    text-transform:uppercase;
    background-image:url(../img/small-map.jpg);
    background-position:10px center;
    position:relative
}
.buttonAssistenza a span{
    display:block;
    position:absolute;
    background:url(../img/arrows.png);
    width:17px;
    height:17px;
    right:20px;
    top:50%;
    margin-top:-9px
}
.buttonAssistenza a:hover{
    background-color:#dadada;
    text-decoration:none
}
.veicolo h2.formTitle{
    margin-bottom:20px;
    font-size:20px
}
.carcontainer{
    position:relative;
    text-align:center;
    margin:20px 0
}
.carcontainer img.car{
    width:80%
}
.carcontainer .check{
    position:absolute;
    left:50%;
    top:50%
}
.carcontainer input[type=checkbox]{
    display:none
}
.carcontainer .check label{
    display:block;
    width:30px;
    height:30px;
    background:#FFF;
    border:1px solid red
}
.carcontainer .check label:before{
    border-radius:3px
}
.carcontainer .check input[type=checkbox]:checked+label:before{
    content:"\2713";
    text-shadow:1px 1px 1px rgba(0,0,0,.2);
    color:#000;
    font-size:25px;
    text-align:center;
    line-height:26px
}
.carcontainer .check.rear{
    margin-left:-42%;
    margin-top:-10px
}
.carcontainer .check.front{
    margin-left:37%;
    margin-top:-10px
}
.carcontainer .check.rearL{
    margin-left:-30%;
    margin-top:-17%
}
.carcontainer .check.rearR{
    margin-left:-30%;
    margin-top:12%
}
.carcontainer .check.rearLB{
    margin-left:-16%;
    margin-top:-19%
}
.carcontainer .check.rearRB{
    margin-left:-16%;
    margin-top:14%
}
.carcontainer .check.middleL{
    margin-left:0;
    margin-top:-19%
}
.carcontainer .check.middleR{
    margin-left:0;
    margin-top:14%
}
.carcontainer .check.frontL{
    margin-left:20%;
    margin-top:-19%
}
.carcontainer .check.frontR{
    margin-left:20%;
    margin-top:14%
}
.carcontainer .check.top{
    margin-left:-5%;
    margin-top:-10px
}
input.error, select.error, textarea.error {
    border: 2px solid #c20e1a !important;
}

@media (min-width:768px){
    .buttonAssistenza a{
        display:block;
        border-radius:5px;
        padding:20px 100px;
        color:#18305b;
        font-size:18px;
        font-family:Lato;
        font-weight:600;
        cursor:pointer;
        background-color:#eee;
        background-repeat:no-repeat;
        text-transform:uppercase;
        background-image:url(../img/small-map.jpg);
        background-position:10px center;
        position:relative
    }
    .buttonAssistenza a span{
        display:block;
        position:absolute;
        background:url(../img/arrows.png);
        width:17px;
        height:17px;
        right:20px;
        top:50%;
        margin-top:-9px
    }
    .buttonAssistenza a:hover{
        background-color:#dadada;
        text-decoration:none
    }

}
@media (max-width: 992px) {
    #popupalert{
        display: none;
    }
}
@media (min-width:992px){
    #errori label.error {
        margin-bottom: 5px;
        color: #18305b;
        display: block;
        padding-bottom: 3px;
        margin-top: 3px;
        border-bottom: dotted 1px #ccc;
        margin-right: 34px;
        font-size: 10px;
    }
    #backgroundPopup {
        display: none;
        position: fixed;
        _position: absolute; /* hack for internet explorer 6*/
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #000000;
        border: 1px solid #cecece;
        z-index: 200;
    }
    #popup, #popupalert {
        display: none;
        position: fixed;
        z-index: 201;
        width: 714px;
        height: 532px;
        top: 50%;
        left: 50%;
        margin-left: -370px;
        margin-top: -266px;
        background: transparent url(../img/bg_popup.png) no-repeat 0 0;
        padding: 20px;
    }

    #popupalert {
        width: 500px;
        height: 520px;
        top: 50%;
        left: 50%;
        margin-left: -250px;
        margin-top: -245px;
        background: #FFF;
    }

    #popupalert p.testata {
        color: #c20e1a;
        font-size: 14px;
        padding-bottom: 5px;
        border-bottom: dotted 1px #c20e1a;
        font-weight: bold;
        margin-right: 34px;
    }

    #popup h1 {
        text-align: left;
        font-size: 22px;
        font-weight: 700;
        padding-bottom: 2px;
        margin-bottom: 20px;
    }

    #close a, #closealert a {
        width: 23px;
        height: 18px;
        display: block;
        float: right;
        background-color: transparent;
        background-image: url(../img/close.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -266px;
        margin-left: 323px;
    }

    #closealert a {
        margin-top: -245px;
        margin-left: 216px;
    }

    .datepicker {
        z-index: 1;
    }
}