/* 
    Created on : 25-Oct-2016, 14:52:59
    Author     : brian
*/
@import url(../../fonts/UKNumberPlate/UKNumberPlate.css);

.question-set {

}

.add-vehicle-error {
    color: #F21F2B;
}

table.products tr:first-of-type th {
    padding: 8px 0px;
    font-size: 12pt;
}

.products {
    
}

.products th {
    font-size: 12pt;
    text-align: center;
    font-family: "HouschkaLight";
    color: #0E934B;
}

.products td.featurecol {
    font-size: 13pt;
    font-family: "HouschkaLight";
    line-height: 13pt;
    color: #0E934B;
}

.products tr:first-child th {
    border-top: 0;
}

.products .alt1, .products .alt2 {
    text-align: center;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.products .footer {
    border-bottom: 0;
}

.products .rate td, .products .discounted td {
    text-align: center;
    background-color: #37B348;
    border-left: 1px solid #0E934B;
    border-bottom: 1px solid #0E934B;
    color: #ffffff;
    font-weight: bold;
    font-family: "HouschkaLight";
    font-size: 17pt;
    padding: 10px 5px;
}

.products .discounted td {
    font-size: 16pt;
    font-weight: bold;
}

.products .rate td:first-of-type, .products .discounted td:first-of-type {
    border-left: 0;
}

@media (max-width: 375px) {
    .products th.featurecol {
        width: 40px;
        max-width: 40px;
    }
}

@media (max-width: 580px) {
    .products th, .products .rate td, .products .discounted td {
        font-size: 10pt;
    }
    
    .products th.featurecol {
        white-space: normal !important;
        overflow: hidden;
        padding: 4px 2px;
        text-align: left;
        font-weight: normal;
    }
    
    .products td .fa-2x {
        font-size: 1em;
    }
    
    .products tr.rate td {
        padding: 2px;
    }
}

@media (min-width: 581px) and (max-width: 767px) {
    .products th {
        font-size: 12pt;
    }
    
    .products .discounted td, .products .rate td {
        font-size: 14pt;
    }
}


.vehicle {
    display: inline-block;
    border: 1px solid #CFD1D2;
    background: #ffffff;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    padding: 0;
    margin: 0 10px;
    font-size: 12pt;
    color: #333333;
    min-width: 200px;
    max-width: 200px;
    overflow: hidden;
}

.vehicle li {
    text-align: center;
    padding: 2px 0;
}

.vehicle .title {
    text-align: center;
    border-bottom: 1px solid #CFD1D2;
    margin-bottom: 10px;
    background: #fafafa;
}

.vehicle .reg {
    font-family: "UKNumberPlate";
    border: 1px solid #000000;
    background-color: #FEDE3E;
    color: #000000;
    padding: 0px 12px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    font-size: 18pt;
    border-radius: 5px;
}

.vehicle .make-model {
    font-weight: bold;
}

.vehicle .premium {
    text-align: center;
    font-family: "HouschkaMedium";
    font-size: 20pt;
    color: #0E934B;
}

.vehicle .premium .discounted {
    font-size: 12pt;
    color: #F21F2B;
}

.vehicle .options {
    margin-bottom: 10px;
}

#vehicleList {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
}

.policy-summary {
    background-color: #ffffff;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    padding: 1px 25px 25px;
}

.policy-summary .title {
    color: #0E934B;
}

.payment-group img {
    max-height: 24px;
}

.payment-group .card-icons {
    margin-right: 10px;
}

@media (max-width: 580px) {
    .stage3 .table th, .stage3 .table td {
        font-size: 10pt;
        padding: 5px 3px;
    }
}