﻿.hideable-CAI-div label {
    display: none;
    font-size: 15px;
}

.hideable-CAI-div div a,
.hideable-CAI-div span a {
    color: #56B04C;
    display: inline;
    font-weight: bold;
    text-decoration: none;
    padding-left: 0;
}

    .hideable-CAI-div span a i {
        display: none;
    }

.main-panel.title-panel {
    background: #FFFFFF;
}

#upload-form .title-panel h2 {
    margin: 0 !important;
    font-family: "Intro Black" !important;
    font-weight: normal !important;
    font-size: 24px !important;
    text-align: left !important;
    color: #6f6f6f !important;
    text-transform: uppercase !important;
}

#upload-form {
    background: #FFFFFF;
}

.font-bold {
    font-weight: bold;
}

i.fa.fa-trash {
    margin-left: 4px;
}

.no-padding-left {
    padding-left: 0;
}



#divIBAN .text-evidence {
    margin-top: -5px;
    margin-bottom: 0;
}

#divCercaCarrozzeria {
    margin-bottom: 30px;
}

    #divCercaCarrozzeria .cerca-carrozzeria {
        margin-left: 0px;
        margin-right: 0px;
    }

        #divCercaCarrozzeria .cerca-carrozzeria .form-group.cap {
            border: 1px solid #56b04c;
            border-radius: 8px;
            background-color: #edf7ee;
            padding: 24px 15px 14px;
        }


    #divCercaCarrozzeria .form-group span.text-evidence {
        font-weight: normal;
        margin-bottom: 5px;
        font-size: 16px;
    }

    #divCercaCarrozzeria .form-group #zip_CAP {
        margin-top: 0px;
    }

    #divCercaCarrozzeria #zip_CAP_get_city {
        margin-top: 15px;
    }

    #divCercaCarrozzeria .col-xs-7.col-md-4 .form-group {
        margin-bottom: 0px;
    }

    #divCercaCarrozzeria .form-group #edit_zipcap_CAP {
        color: #56B04C;
        position: absolute;
        top: 23px;
    }

    #divCercaCarrozzeria #capEditable {
        margin-left: 15px;
        margin-right: 15px;
    }

    #divCercaCarrozzeria #descMarca,
    #divCercaCarrozzeria #descCAP {
        font-weight: bold;
    }

    #divCercaCarrozzeria .button-container .btn-empty {
        padding: 7px 17px;
    }

#divIBAN .help-container .help-title,
#divIBAN .help-container button {
    display: inline-block;
}

#divIBAN .help-container .help-title {
    margin: 0 0 5px;
}


#divIBAN .help-container button {
    background: url(../../../images/rl2015/ico-info-green.png) no-repeat scroll center center transparent;
    position: absolute;
    margin-left: 2px;
}

/*#pnl-carrozzerie {
margin-top: 30px;
}*/

.swiper-panel {
    position: relative;
}

.carrozzerie .swiper-container {
    width: 100%;
    height: auto;
    min-height: 200px;
}

.carrozzerie .swiper-wrapper {
    min-height: 200px;
}

.carrozzerie .title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
}

.carrozzerie .subtitle {
    font-size: 16px;
    margin-bottom: 20px;
}

.carrozzerie .carrozzeria {
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
    font-family: Roboto, Arial, sans-serif;
    background: #fff;
    padding-bottom: 19px;
    min-height: 200px;
    padding-left: 35px;
}

    .carrozzerie .carrozzeria.selected {
        background-color: #edf7ee;
    }

.carrozzerie .swiper-slide-next .carrozzeria {
    padding-right: 50px;
}

.carrozzerie .swiper-slide-active .carrozzeria {
    padding-left: 90px;
}

.carrozzerie .swiper-slide-next:hover .carrozzeria,
.carrozzerie .swiper-slide-active:hover .carrozzeria {
    cursor: pointer;
}

.carrozzerie .carrozzeria .fa-map-marker {
    color: #56b04c;
    position: relative;
    top: 18px;
    right: 20px;
}

.carrozzerie .carrozzeria .title {
    font-size: 18px;
    font-family: "Intro bold";
    max-width: 200px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    height: 3.6em; /* height = line-height (1.2) * max lines (3) (CR 7069) */
    text-align: left;
    display: -webkit-box; /* Per Chrome e Firefox (CR 7069) */
    display: -ms-flexbox; /* Per Internet Explorer (CR 7069) */
    -webkit-line-clamp: 3; /* Per Chrome (CR 7069) */
    -webkit-box-orient: vertical; /* Per Chrome (CR 7069) */
    -moz-box-orient: vertical; /* Per Firefox (CR 7069) */
    -ms-flex-wrap: wrap; /* Per Internet Explorer (CR 7069) */
    -ms-text-overflow: ellipsis; /* Per Internet Explorer (CR 7069) */
    text-overflow: ellipsis; /* Per Chrome e Firefox (CR 7069) */
}

.carrozzerie .carrozzeria .body {
    /*display: inline-block;*/
    font-size: 16px;
    max-width: 160px;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.carrozzerie .carrozzeria .footer {
    font-size: 16px;
    margin-top: 15px;
}

.carrozzerie .carrozzeria .autorizzata {
    margin-top: 0px;
    font-size: 16px;
    text-transform: none;
    opacity: .5;
}

.carrozzerie .swiper-button-next,
.carrozzerie .swiper-button-prev {
    width: 50px;
    top: 0;
    height: 100%;
    margin-top: 0;
    color: #56b04c;
    background-image: none;
    background-color: white;
    opacity: 1;
}

.carrozzerie .swiper-button-next {
    right: 0;
}

.carrozzerie .swiper-button-prev {
    left: 0;
}

    .carrozzerie .swiper-button-next.swiper-button-disabled,
    .carrozzerie .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
        pointer-events: initial;
    }

        .carrozzerie .swiper-button-next.swiper-button-disabled i,
        .carrozzerie .swiper-button-prev.swiper-button-disabled i {
            opacity: .35;
        }

    .carrozzerie .swiper-button-next i,
    .carrozzerie .swiper-button-prev i {
        font-size: 25px;
        position: absolute;
        top: 45%;
        padding-left: 16px;
    }

.carrozzerie .carrozzeria-scelta {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Roboto, Arial, sans-serif;
}

    .carrozzerie .carrozzeria-scelta .title,
    .carrozzerie .carrozzeria-scelta .nome {
        font-weight: bold;
    }

    .carrozzerie .carrozzeria-scelta .title {
        text-transform: none;
    }

.data-sinistro {
    margin-bottom: 0;
}

    .data-sinistro label {
        margin-bottom: 10px;
    }

#divCercaCarrozzeria .cs-select > span.cs-placeholder > span {
    font-weight: normal;
}

#site-wrapper .modal-container #IBANProprietarioModuloCAIInfo .modal-title {
    font-family: "Intro black";
    font-size: 24px;
}

#site-wrapper .button-container.button-recupera {
    margin-bottom: 30px;
}

#divCaiFiles label {
    padding-left: 15px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (min-width: 768px), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {

    #divIBAN .help-container button {
        background-image: url("../../../images/rl2015/retina/ico-info-green-retina.png");
        background-size: 22px auto;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    #divIBAN .help-container button {
        background-image: url("../../../images/rl2015/retina/ico-info-green-retina.png");
        background-size: 22px auto;
    }
}

#divCercaCarrozzeria .cs-select > span.cs-placeholder > span {
    top: 12px;
    position: absolute;
}

@media screen and (max-width: 320px) {
    .carrozzerie .swiper-slide-active .carrozzeria {
        padding-left: 75px;
        max-width: 165px;
    }
}

@media screen and (max-width: 375px) {
    .carrozzerie .swiper-slide-active .carrozzeria {
        padding-left: 80px;
    }
}

@media screen and (max-width: 425px) {
    .carrozzerie .carrozzeria .title {
        max-width: 190px;
    }
}

@media (min-width: 550px) and (max-width: 768px) {
    .carrozzerie .carrozzeria .title {
        max-width: 300px;
    }

    .carrozzerie .carrozzeria .body {
        max-width: 300px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .carrozzerie .carrozzeria .title {
        max-width: 250px;
    }

    .carrozzerie .carrozzeria .body {
        max-width: 250px;
    }
}

.suggested-option div {
    display: inline-block;
}

.suggested-option label {
    display: inline-block;
}

.suggest-button {
    position: relative;
}

@media (min-width: 450px) and (max-width: 539px), (min-width: 768px) and (max-width: 991px) {
    .suggest-button {
        top: 1px;
    }
}

@media (min-width: 540px) and (max-width: 767px), (min-width: 992px) {
    .suggest-button {
        top: -2px;
    }
}

.suggested-option .suggest-button {
    font-size: 13px;
    color: white;
    background-color: #56B04C;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    font-family: Roboto, Arial, sans-serif;
    display: inline-block;
    margin-bottom: 17px;
    font-weight: bold;
    padding: 2px 10px;
}

    .suggested-option .suggest-button:hover {
        cursor: pointer;
    }

#site-wrapper .modal-container #opzioneSuggerita .modal-title {
    font-size: 24px;
    font-family: "Intro Black";
    font-weight: bold;
}

#site-wrapper .form-group .input-title {
    font-family: "Intro Bold";
    font-size: 18px;
}


#site-wrapper .form-group .input-subtitle {
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    margin-top: -5px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #site-wrapper .address-panel {
        margin-right: -5px !important;
    }
}

@media only screen and (max-width:350px) {
    #site-wrapper .form-group .input-subtitle {
        font-size: 14px;
    }
}

.domicilio-labels {
    display: inline-block;
}

#site-wrapper .button-domicilio-modal {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 5px;
}

#site-wrapper .div-domicilio {
    margin-bottom: 10px;
}


#site-canvas .main-panel.title-panel .subtitle-panel {
    padding-top: 20px;
    background-color: #edf7ee;
    border-radius: 6px;
    font-size: 16px;
    font-family: Roboto, Arial, sans-serif;
    color: #6f6f6f;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

    #site-canvas .main-panel.title-panel .subtitle-panel .title {
        margin-bottom: 25px;
    }

    #site-canvas .main-panel.title-panel .subtitle-panel img {
        height: 35px;
        width: auto;
        margin-right: 10px;
    }

#divCercaCarrozzeria .cs-select .cs-options .cs-options-wrapper {
    max-height: 240px !important;
}

#upload-form div.address-manual > div:nth-child(1) {
    margin-top: 10px;
    margin-bottom: 5px;
}

#upload-form div.address-manual > div:nth-child(3) {
    margin-top: 10px;
    margin-bottom: -10px;
}

#marcaEditable label {
    margin-bottom: -1px;
}

#opzioneSuggerita li {
    margin-bottom: 10px;
}

#opzioneSuggerita ul {
    margin-top: 10px;
}

.last-disclaimer {
    padding: 5px;
    background-color: #f2f2f2;
    border-radius: 6px;
}

    .last-disclaimer p {
        margin: 5px 5px 5px 5px;
    }

#ripara-veicolo-radio {
    display: block;
}

#marcaNotEditable label,
#capNotEditable label {
    margin-bottom: 5px;
    min-height: inherit;
    cursor: default;
}
