/***Utility CSS***/
.iconwarning {color: #FF9800;}
.iconna{color: #9E9E9E;}
.iconplus{color: #9E9E9E;}
.iconno{color:#ccc;}/*greyed out column*/
.iconok {color: #00b44c;}
.iconno {color: #dd2929;}
.iconno, .iconok{font-size:18px;}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .hidden-sm { display: none !important; }
}
@media (min-width: 575.98px) {
    .mhidden-sm { display: none !important; }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .hidden-md { display: none !important; }
}
@media (min-width: 767.98px) {
    .mhidden-md { display: none !important; }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .hidden-lg { display: none !important; }
}
@media (min-width: 991.98px) {
    .mhidden-lg { display: none !important; }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .hidden-xl { display: none !important; }
}
@media (min-width: 1199.98px) {
    .mhidden-xl { display: none !important; }
}

/*header styles*/
form#selectReportForm {
    margin-top: -30px;
}

#wrapper .reportcol_1,
#wrapper .reportcol_2,
#wrapper .reportcol_3,
#wrapper .reportcol_4,
#wrapper .reportcol_5 {
    background: #f6f6f6;
    border: 1px solid #eee;
    border-width: 0 1px;
}

#wrapper .container .caption {
    margin-top: 45px;
    padding: 25px 15px;
    color: #0084B5;
    font-weight: bold;
    background: #efefef;
    border-radius: 18px 0 0 0;
}
#wrapper .theader {text-align:center; padding:0; height:110px; display:table;}
#wrapper .theader.reportcol_1 {height:125px;}
#wrapper .theader_wrap{display:table-cell; vertical-align:middle;}
#wrapper .theader .ptitle {margin:5px 0 0 0;font-size:1.05em; font-weight: bold; }
#wrapper .theader .icons {padding-top:0px; color:#fdd514; font-size:1.2em; text-shadow:1px 1px 1px #999;}
#wrapper .theader .pprice {padding:5px 10px; font-size:1.0em; font-weight: bold; }
#wrapper .theader .pprice del{font-size:0.9em;}
#wrapper .theader.reportcol_1{background:#3bc54a; color:#fff; border-bottom:0; border-radius:18px 18px 0 0; padding-top:15px; margin-top:-15px; }
#wrapper .theader.reportcol_2{background:#137198;  border-bottom:0; color:#fff;}
#wrapper .theader.reportcol_3{background:#2997c3;  border-bottom:0; color:#fff;}
#wrapper .theader.reportcol_4{background: #28b2e5;  border-bottom:0; color:#fff;}
#wrapper .theader.reportcol_5{background: #19b3ee;  border-bottom:0; color:#fff;}
#wrapper .theader.reportcol:last-of-type{border-radius:0 18px 0 0; }
#wrapper .theader.reportcol_2.nostatcodecss{background:#adadad}/*greyed out column*/
#wrapper .theader.reportcol_3.nostatcodecss{background:#ccc}/*greyed out column*/
#wrapper .theader.reportcol_4.nostatcodecss{background:#e5e5e5}/*greyed out column*/
#wrapper .theader.reportcol_5.nostatcodecss{background:#e5e5e5}/*greyed out column*/
/* recommended / badge row */
#wrapper .theader .rec{ width:100%; border-radius:0;}
#wrapper .theader .rec .badge{ padding:5px 30px; background:#f8e600; color:#aa4518; border-radius:18px; font-weight:bold; font-size:0.8em;}
#wrapper .theader .nobadge{min-height:27px; }

/*legend and features styles*/
#wrapper .infos{background:#efefef; padding:5px; text-align:center;}
#wrapper .row:nth-child(even) .infos, #wrapper .row:nth-child(even) .ccfreature {background:#fff;}
#wrapper .cfeature { font-size:0.9em;}
#wrapper .feature {margin-bottom:0px;}
#wrapper .ccfreature{padding:4px;text-align: center;font-size: 2em; min-height:37px}
.reportcol_2.nostatcodecss .iconok, .reportcol_2.nostatcodecss .iconno,
.reportcol_3.nostatcodecss .iconok, .reportcol_3.nostatcodecss .iconno,
.reportcol_4.nostatcodecss .iconok, .reportcol_4.nostatcodecss .iconno,
.reportcol_5.nostatcodecss .iconok, .reportcol_5.nostatcodecss .iconno{color:#ccc;}/*greyed out column*/
#wrapper .tfooter{text-align:center; background:#fff; border-bottom:1px solid #eee; padding-top: 15px;}
#wrapper .tfooter.reportcol_1{border-radius:0 0 0 18px; padding-bottom:15px;}
#wrapper .tfooter.reportcol:last-of-type{border-radius:0 0 18px 0;}
#wrapper .reportcol_2.nostatcodecss .btn,
#wrapper .reportcol_3.nostatcodecss .btn,
#wrapper .reportcol_4.nostatcodecss .btn{background:#ccc;}/*greyed out column*/
#wrapper .reportcol_5.nostatcodecss .btn{background:#ccc;}/*greyed out column*/
#wrapper .reportcol_2.nostatcodecss .btn:hover,
#wrapper .reportcol_3.nostatcodecss .btn:hover,
#wrapper .reportcol_4.nostatcodecss .btn:hover{background:#ccc;}/*greyed out column*/
#wrapper .reportcol_5.nostatcodecss .btn:hover{background:#ccc;}/*greyed out column*/
/*js hover*/
#wrapper .row .ccfreature.reportcol_1.reportcol_hover {background:#89d690;}/*grey rows*/
#wrapper .row:nth-child(even) .ccfreature.reportcol_1.reportcol_hover, #wrapper .tfooter.reportcol_1.reportcol_hover{background:#64d16f;}/*white rows*/
/*col2*/
#wrapper .row .ccfreature.reportcol_2.reportcol_hover {background:#5fb8d8;}/*grey rows*/
#wrapper .row:nth-child(even) .ccfreature.reportcol_2.reportcol_hover, #wrapper .tfooter.reportcol_2.reportcol_hover{background:#32a6d2;}/*white rows*/
/*col3*/
#wrapper .row .ccfreature.reportcol_3.reportcol_hover {background:#92cee8;}/*grey rows*/
#wrapper .row:nth-child(even) .ccfreature.reportcol_3.reportcol_hover, #wrapper .tfooter.reportcol_3.reportcol_hover{background:#78c2e4;}/*white rows*/
/*col4*/
#wrapper .row .ccfreature.reportcol_4.reportcol_hover {background:#28b2e5;}/*grey rows*/
#wrapper .row:nth-child(even) .ccfreature.reportcol_4.reportcol_hover, #wrapper .tfooter.reportcol_4.reportcol_hover{background:rgba(120,194,228,0.65);}/*white rows*/
/*col3*/
#wrapper .row .ccfreature.reportcol_5.reportcol_hover {background:#19b3ee;}/*grey rows*/
#wrapper .row:nth-child(even) .ccfreature.reportcol_5.reportcol_hover, #wrapper .tfooter.reportcol_5.reportcol_hover{background:#78c2e4;}/*white rows*/
/*col2 & col3 - GREY*/
#wrapper .row .ccfreature.reportcol_2.nostatcodecss.reportcol_hover,
#wrapper .row .ccfreature.reportcol_3.nostatcodecss.reportcol_hover,
#wrapper .row .ccfreature.reportcol_4.nostatcodecss.reportcol_hover,
#wrapper .row .ccfreature.reportcol_5.nostatcodecss.reportcol_hover{background:#f6f6f6;}/*grey rows*/
#wrapper .row:nth-child(even) .ccfreature.reportcol_2.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_2.nostatcodecss.reportcol_hover,
#wrapper .row:nth-child(even) .ccfreature.reportcol_3.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_3.nostatcodecss.reportcol_hover,
#wrapper .row:nth-child(even) .ccfreature.reportcol_4.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_4.nostatcodecss.reportcol_hover,
#wrapper .row:nth-child(even) .ccfreature.reportcol_5.nostatcodecss.reportcol_hover, #wrapper .tfooter.reportcol_5.nostatcodecss.reportcol_hover{background:#fff;}/*white rows*/
.report_features .notincluded {text-decoration: line-through; color: #999;}

/*helper*/
.hidden{display: none !important;}
.ct-btn-danger{color: #fff !important;background-color: #dc3545 !important;border-color: #dc3545 !important;}
.border-primary{border-color: #0084b5 !important;}
pre{font-size: 1em; white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.text-line-through{text-decoration: line-through;}
.ct-pointer{cursor: pointer;}

/*Table*/
table.valign-middle th, table.valign-middle td{vertical-align: middle!important}
table.valign-top th, table.valign-top td{vertical-align: top!important}
table.table-fit{width: auto;table-layout: auto;}
.table.table-fit td, .table.table-fit th{width: auto;overflow-wrap: break-word;padding-left: 1em;padding-right: 1em;}
.table.table-fit td:last-child{width: 100% !important}
table.fit{width: auto;table-layout: auto;}
.table.fit td, .table.fit th{width: auto;overflow-wrap: break-word;padding-left: 1em;padding-right: 1em;}


/*form*/
textarea{min-height: 200px}
textarea.noresize{resize: none;}
textarea.vresize{resize: vertical;}
textarea.hresize{resize: horizontal;}
.ct-border-blue, input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], textarea, select, .select2-selection{border: 1px solid #0084b5!important;} /*#6c757d, */

/***Cartell***/
/*table colour coding*/
table tr.prob100 td{background:#DF0101 !important}
table tr.prob80 td{background:#FE2E2E !important}
table tr.probUpperThreshold td{background:#F78181 !important}
table tr.prob40 td{background:#FF8000 !important}
table tr.prob20 td{background:#FAAC58 !important}
table tr.probLowerThreshold td{background:#FAAC58 !important}
table tr.prob0 td{background:#9AFE2E !important}
table tr.probNegative td{background:#74DF00 !important}
table tr.icbrequest td{background:#CDE3F8 !important}

/*ADAS*/
td.adas-features pre{font-size: 0.75em; width: 400px}

/*Checkbox*/
.checkbox-md{width: 20px!important; height: 20px!important}
.checkbox-lg{width: 30px!important; height: 30px!important}

#vrtReport .vrtItem {
    font-size: 1.05em;
    padding: 0 1em;
}
#vrtReport .vrtItem > div {
    padding: 0;
}

.ct-bg-gray {
    background: #ecedee !important;;
}

.ct-bg-dblue {
    background: #034DA2 !important;;
}

.ct-bg-dgreen {
    background: #2AB544 !important;
}

.uk {
    background: url('../../../../../cartell2015/img/flags/gb.png') no-repeat 8px 9px;
}

.checkout_tcs .publicReportTCS {
    display: inline;
    clear: both;
    float: none;
    margin-left: 1em;
    line-height: 30px;
}

#vehicleSummaryBox .vsRegbox {
    max-width: 350px;
}
#vehicleSummaryBox .vsRegbox img.eu-flag {
    width: auto;
    height: 36px;
}

#ctPlans .ctFeatures {
    min-height: 450px;
}
#ctPlans .ctPrice {
    font-size: 3em;
}
#ctPlans .ctPrice del {
    font-size: 0.5em;
}
#ctPlans .ctPlan .ctPlanTitle {
    color: #fff;
    height: 7em;
    display: flex;
    align-items: end;
    border-radius: 10px;
}
#ctPlans .ctPlan .ctPlanTitle h4 {
    color: #fff;
    text-align: center;
    font-size: 1.75em;
    flex-grow: 1;
    height: fit-content;
    padding: 1em;
    font-weight: 700;
    margin-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#ctPlans .ctPlan:nth-child(n+2) .ctPlanTitle h4 {
    background-color: #0084B5;
}
#ctPlans .ctPlan:first-of-type .ctPlanTitle, #ctPlans .ctPlan:first-of-type .ctPlanTitle h4 {
    background-color: #28a745 !important;;
}
#ctPlans .ctPlan button {
    width: 250px;
    border-radius: 5px;
    font-size: 1.25em;
    padding: 15px;
}
#ctPlans .foot {
    padding: 10px;
    text-align: center;
    font-style: italic;
    font-weight: 600;
}

#vrtPlans {
    display: flex;
    flex-wrap: wrap;
}
#vrtPlans .vrtPlan {
    display: flex;
    flex-direction: column;
}
#vrtPlans .vrtPlan .box_panel {
    min-height: 300px;
    flex-grow: 1;
}
#tradeReportForm {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .trade-home-chc-hero-image {
        background-image: url("../img/trade_home_chc.jpg"); /* The image used */
        background-color: #cccccc; /* Used if the image is unavailable */
        height: 300px; /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

    .trade-home-vrm-hero-image {
        background-image: url("../img/trade_home_vrm.jpg"); /* The image used */
        background-color: #cccccc; /* Used if the image is unavailable */
        height: 300px; /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }
}

.greybox {
    padding: 24px 48px 24px 40px;
    flex: 1 0 0;
    border-radius: 8px;
    background: rgb(232 232 232 / 90%);
}

@media (min-width: 992px) {
    .greybox {
        display: flex;
        height: 208px;
        padding: 24px 48px 24px 40px;
        justify-content: flex-end;
        align-items: center;
        flex: 1 0 0;
        border-radius: 8px;
        background: rgb(232 232 232 / 90%);
    }
}

.greyout {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

hr.solid {
    border-top: 2px solid #999;
}

hr.hr-text {
    position: relative;
    border: none;
    height: 1px;
    background: #fff;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #0084B5;
    font-weight: bold;
    font-size: 1.25rem;
    color: #fff;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[data-toggle="collapse"] .fa:before {
    content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

@media (min-width: 992px) {
    .w-lg-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .report-option-font {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* steps-20 */
.steps-20{/* margin:0px 0 10px 0; *//* background-color: #f8f8f8; *//* border-top: 1px solid #ccc; *//* border-bottom: 1px solid #ccc; */}
.steps-20 ol { margin:0;  padding: 0;  width:auto; overflow:hidden;  /*display:inline-block; clear:both;*/}
.steps-20 ol li{margin:0 15px 0 0;padding:10px 10px;/* color:#999; *//*float:left;*/font-size:0.8em;font-weight:normal;list-style:none;text-align:center;}
.steps-20 ol li a{color:#999; text-decoration: none}
.steps-20 ol li:last-child {margin-right: 0}
.steps-20 ol li.on {color:#0084b5;font-weight:bold;}
.steps-20 ol li.on a{color:#0084b5}
.steps-20 ol li span.num{font-size:1.3rem; border:2px solid #666; border-radius:50%; width:36px; display:inline-block; color:#0084b5; background-color:#fff}
.steps-20 .list-group-item{border-width:0;background-color:transparent;}