
/***Utility CSS***/
 /*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .hidden-sm { display: none !important; }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .hidden-md { display: none !important; }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .hidden-lg { display: none !important; }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .hidden-xl { display: none !important; }
}

/*header styles*/
form#selectReportForm{margin-top: -30px;}
#wrapper .reportcol_1{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;}
#wrapper .reportcol_2{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;}
#wrapper .reportcol_3{background:#f6f6f6; border:1px solid #eee; border-width:0 1px;}
#wrapper .reportcol_4{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:rgba(41,151,195,0.65);  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*/
/* 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}
.iconok {color: #00b44c;}
.iconno {color: rgb(221, 41, 41);}
#wrapper .iconno, #wrapper .iconok{font-size:18px;}
.reportcol_2.nostatcodecss .iconok, .reportcol_2.nostatcodecss .iconno,
.reportcol_3.nostatcodecss .iconok, .reportcol_3.nostatcodecss .iconno,
.reportcol_4.nostatcodecss .iconok, .reportcol_4.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_2.nostatcodecss .btn:hover,
#wrapper .reportcol_3.nostatcodecss .btn:hover,
#wrapper .reportcol_4.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:rgba(146,206,232,0.65);}/*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*/
/*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{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{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}
