/* 
    Created on : 12-Apr-2019, 15:21:37
    Author     : brian
*/

.policyOptions {
    
}

.policyOptions > .form-group {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.policyOptions > .form-group:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.policyOptions > .form-group > label {
    width: 100%;
}

.policyOptions .btn-group {
    margin-top: 8px;
}

#bikeStep2 button[disabled] {
    background: #cccccc;
    color: #eeeeee;
    border: #dddddd;
}

.bikeDetails .helpText {
    font-size: 0.8em;
}


#bikeDisplay .bike {
    display: inline-block;
    width: 256px;
/*    border: 1px solid #cccccc;*/
    padding: 15px;
    margin: 8px;
    background-color: #f8f8f8;
    background-image: url('../../images/bike/bike-bg.png');
    font-family: "HouschkaLight";
    color: #333333;
}

#bikeDisplay .bike .header {
    font-size: 1.2em;
}

#bikeDisplay .bike .body {
    
}




#quoteContainer .quote {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}

#quoteContainer .quote .content .bike {
    float: left;
    width: 200px;
    margin-right: 15px;
}

#quoteContainer .quote .content .bike-make, #quoteContainer .quote .content .bike-model{
    display: inline-block;
}

#quoteContainer .quote .content .bike .title {
    
}

#quoteContainer .quote .content .rates {
    margin-left: 215px;
}

#quoteContainer .quote .content .rate {
    margin: 0;
    margin-bottom: 15px;
    background: #E6E7E8;
    padding: 15px;
}

#quoteContainer .quote .content .rate:last-of-type {
    margin-bottom: 0;
}

#quoteContainer .quote .content .rate.selected {
/*    border: 1px solid #33cc33;*/
    background: #ddffdd;
/*    box-shadow: 0 0 5px #cccccc;*/
}

#quoteContainer .quote .content .rate.selected .btn-product-select {
    background: #92278F;
    border: 1px solid #92278F;
    color: #ffffff;
}

#quoteContainer .quote .content .rate.selected .btn-default:hover {
    
}

#quoteContainer .quote .content .rate .premiumContainer {
    font-size: 18pt;
    font-family: "HouschkaLight";
    color: #92278F;
}

#quoteContainer .quote .content .rate .premiumContainer .premium {
    
}

#quoteContainer .quote .content .rate .option {
    margin-top: 5px;
}

#quoteContainer .quote .content .rate .selectProductContainer {
    float: right;
}

@media (max-width: 767px) {
    #quoteContainer .quote .content .bike {
        float: none;
    }
    
    #quoteContainer .quote .content .rates {
        margin-left: 0;
    }
    
    #quoteContainer .quote .content .rate .selectProductContainer {
        float: none;
    }
}

#quoteContainer .btn-group-product-options label {
    width: 95px;
}


#paymentDetailsForm .policy {
    padding: 15px;
    margin-bottom: 15px;
    background: #f2f2f2;
}

#paymentDetailsForm .policy .premiumContainer {
    color: #92278F;
    font-family: "HouschkaLight";
    font-size: 18pt;
}

#paymentDetailsForm .policy .premiumContainer label {
    font-weight: normal;
}

@media (max-width: 767px) {
    #paymentDetailsForm .policy {
        font-size: 10pt;
    }
    
    #paymentDetailsForm .table-responsive {
        overflow: hidden;
    }
    
    #paymentDetailsForm table {
        font-size: 10pt;
    }
}



.page-bike-landing {
    font-size: 15pt;
}

.page-bike-landing .title {
    font-family: "HouschkaLight";
    font-size: 24pt;
    color: #92278F;
    margin: 25px 0 20px;
}

.page-bike-landing.content-forms {
    padding-top: 0;
}

.info-cell .title, .info-cell-plain .title {
    font-family: "HouschkaLight";
    font-size: 14pt;
    color: #92278F;
}

.bikeConfirmValuesContainer {
    border-bottom: 1px solid #eeeeee;
    padding: 7px 15px;
}

.bikeConfirmValuesContainer:last-of-type {
    border-bottom: 0;
}

@media (min-width: 768px) {
    .bikeConfirmValuesContainer .form-control, .bikeConfirmValuesContainer .form-control-static {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .bikeConfirmValuesContainer .form-control, .bikeConfirmValuesContainer .form-control-static {
        margin-top: 3px;
    }
}

.bikeConfirmValuesContainer .col-xs-2,.col-xs-4 {
    padding-left: 1px;
    padding-right: 1px;
}

.bikeConfirmValuesContainer .has-error .form-control{
    background-color: #ffeeee;
}