/* ver 1.2.2.50 modified for safed */
/* ver 1.2.3.22 modified for IE11 */
BODY {
	font-family:Verdana, Arial, Helvetica, Helv;font-size:0.8em;
	margin:5px;
	width:95%;
}
.edit TABLE {
	vertical-align:top;text-align:left;
	border:none;
	padding:0px;
	empty-cells:show;
	/* added by molly */
	font-size: 16px;
}
.edit TR, .edit TD,.edit TH, .edit LI {
	font-size:0.9em;
	vertical-align:top;text-align:left;
	border-bottom: none;border-left:none;border-top:none;
	padding:0px;padding-left:2px;padding-right:2px;
}
.edit TH 	{
	background-color: #f5f5f5;/*white-space:nowrap;*/}

/* column formatting*/
.edit TH DIV.Text {
	width:300px;}
.edit P {
	margin-top:5px;margin-bottom:2px;
}

a.export {
  background-color: #2B4195;
  border-color: transparent;
  color: #fff;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  font-weight: 400;
  font-size: 14px;
  font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
  line-height: 1.35715;
  padding: 5px 10px;
  text-decoration: none;
}

/* Context table ---------------------------------- */

/* Table Edit functions ---------------------------------- */

TABLE.ctxt  {margin: 5px 0 5px 0;}
.ctxt TD {
	margin: 2px 0 2px 0;
	padding: 1px 0px 2px 4px; 
	background-color: #f5f5f5;
	border:none;vertical-align:top;padding-right:4px;
}

/* cmd buttons */
A.button {	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	font-size: 75%  !important;
	padding: 2px 5px 2px 5px !important;}
input.search {	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	text-transform: uppercase;
	font-size: 75%;
	/*font-weight:bold;*/
	padding: 2px 5px 2px 5px  !important;
	border: 1px solid #aaf; 
	background: #ffffcc;
	}
input#webx-login-button {	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	text-transform: uppercase;
	font-size: 75%;
	/*font-weight:bold;*/
	padding: 2px 5px 2px 5px  !important;
	border: 1px solid #aaf; 
	/*background: #ffffcc;*/
	}
	
input.edit {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	font-family: verdana, sans-serif;
	width: 40px; 
	border: 1px solid #aaf; 
	background: #ddf; }
input.addnew {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	font-family: verdana, sans-serif;
	width: 40px;
	border: 1px solid #aaf;
	background: #ffffcc; }

/* submit / cancel buttons */
input.save {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-top: 5px; margin-bottom: 5px;
	font-family: verdana, sans-serif;
	width: 55px; 
	border: 1px solid #aaf; 
	background: #ddf; }
input.saverow {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-top: 5px; margin-bottom: 5px;
	font-family: verdana, sans-serif;
	border: 1px solid #aaf;
	background: #ddf; }
input.cancel {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-top: 5px; margin-bottom: 5px;
	font-family: verdana, sans-serif;
	width: 55px; 
	border: 1px solid #aaf; 
	background: #ddf; 
	margin-left: 3px; }
input.del {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-left: 90px; margin-top: 5px; margin-bottom: 5px; margin-right:5px;
	font-family: verdana, sans-serif;
	border: 1px solid #faa; 
	background: #fdd;
	color: black; 	}

IFRAME {border: 1px solid #aaa;border-width: 1px 0 0 1px;background: white;}

/* fields in edit block */
textarea {font-size:100%;}
input.editable, 
select.editable, 
textarea.editable,
input.noteditable,
textarea.noteditable {
	font-family: verdana, sans-serif; 
	font-style: normal; 
	border: 1px solid #aaa; 
	padding-left: 2px; }
input.noteditable,
textarea.noteditable {
	border: 0; 
	background: transparent;}

div.notice {
	color: red; }


/* editable areas (off & on) */
.editable {
	border:none;
	}
TD.editTD {
	margin:0px;
	padding:0px; 
	background-color: white; }

TD.editable {
	margin:0px;
	padding:0px; 
	position: relative; 
	background-color: white; 
	}
DIV.editable {display:none;}

TD.editableOn, 
DIV.editableOn {
	/*margin: 2px 0 2px 0;*/
	padding: 1px 0px 2px 4px; 
	position: relative;
	background-color: #f5f5f5;
	line-height: 200%;
	border-bottom: 1px solid #aaf;}
DIV.editableOn {display:block;}

TD.editableOn TH, 
TD.editableOn TD, 
DIV.editableOn TH, 
DIV.editableOn TD  {
	border:none;vertical-align:top;padding-right:4px;}

TR.active TD {
	background-color: #f5f5f5;
	border-bottom: 1px solid #aaf;
	border-right: 1px solid #CCCCCC;}
TR.inactive TD, TR.inactive TH {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;}
TR.active TD.btncol {
	background-color:white;
	border:none;}
.edit .btncol {
	background-color:white;
	border:none;}

/* Header tidy up ------------------------------------------------- */	
.printhide{display:block;margin-bottom:10px;background-color:#F5F5F5;padding:5px;}
	
/* Form Preview ------------------------------------------------- */

.hide {	display:none;}

.missing {
	background-color:#FFC;}

.readonly {
	border: 1px solid white;
	padding:1px;
	font-weight:bold;}
	
/* Make buttons display properly -------------------------------- */	
input[type="submit"] {cursor: pointer;}
input[type="button"] {cursor: pointer;}

/* Print -------------------------------------------------------- */

@media print {

.printhide {display:none;}
input.edit,input.addnew,input.save,input.cancel,input.del {display:none;}
input.search {display:none;}

TD.editableOn  {border:none;}

}

/* jan 2025 styles */

.recalls .srchbox {
	width: 560px;
}

.modelcodes .srchbox {
	width: 315px;
}

.modelcodes .srchbox tbody {
	width: 310px;
}

.recalls .srchbox td,
.recalls .srchbox th,
.modelcodes .srchbox td,
.modelcodes .srchbox th,
.ancap .srchbox td,
.ancap .srchbox th {
	line-height: 160%;
}

.recalls select[name="srch_Make"] {
	width: 165px;
}

.modelcodes select[name="srch_Make"] {
	width: 260px;
}

.modelcodes select[name="srch_Models"] {
	width: 150px;
}

.modelcodes select[name="srch_Status"] {
	width: 230px;
}

.ancap select[name="srch_Make"] {
	width: 165px;
}

.ancap select[name="srch_Model"] {
	width: 185px;
}

.makes .editableOn table td {
	line-height: 145%;
}

/* Edit page */
		 
.edit.test-light-vehicle-modelcode form table.resultset.test-light-vehicle-modelcode tbody tr#r0.inactive th.Ready div.Text {width:90px !important;}		

@media print {
.edit .srchset {display:none;}
#logout {display:none;}
}

.edit DIV.editableOn {
  line-height: 15px;
  width:100%;
}


.edit iframe {
	width: 100%;
	min-width: 785px;
}


#hidden-iframe {
	width: 0px;
}

/* VIN decode page*/
.vin-notification iframe {
	width: 210%;
}

/* Miami/Export page */

.possible-recalls th.latest-driver-non-alpha-campaign,
.possible-recalls th.driver-non-alpha-recall-date,
.possible-recalls th.latest-pass-non-alpha-campaign,
.possible-recalls th.pass-non-alpha-recall-date {
  color: blue;
}

.possible-recalls form table.srchset tbody tr#rs td#es.editableOn table.srchbox tbody tr {
	line-height: 15px;
}

/* Miami/Recall page */

.recall .admin TH.Company DIV.Text, 
.recall .admin TH.Vehicle DIV.Text, 
.recall .admin TH.Statement DIV.Text, 
.recall .admin TH.Instructions DIV.Text, 
.recall .admin TH.Website DIV.Text, 
.recall .admin TH.Status DIV.Text {
	width:120px;
}

.recall .admin .help em{vertical-align: top; }

.recall .resultset.recall textarea.editable{width:750px}
		
.recall input.save, 
.recall input.cancel {
	width: auto; 
	padding: 10px 30px;
	font-size: 100%
}

.recall textarea {
	resize: none;
}
		
.recall .btncol input{display:none;}
.recall .editableOn TD {border-top:1.5px solid white;}


/* Edit page tabs */

.tabs {
	margin-top: -3px;
	margin-bottom: 3px;
}

.tabs a {
	padding: 10px 15px;
	border: 1.3px solid black;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 14px;
	background: #f7f7f7;
	text-decoration: none;
	color: black;
	margin-right: 0.5px;

	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
}

/* td bar behind the tabs */

.ctxt.test-chassis-details .btxtval {
	background: transparent!important;
}

.tabs a:hover,
.tabs a.active {
	background: #0000ee2b;
}

.tabs a.active:hover {
	background: #0000e75c !important
}

.tabs a.action {
	background: #fdd;
	/*background: #FFFF99;*/
	/*background: #ffc3c3;*/
}

.tabs a.action:hover {
  background: #FFA2A2!important;
}

.tabs a.suppressed {
	background: #d7d7d7;
}

.tabs a.suppressed:hover {
  background: #aeaeae!important;
}

.edit .test-light-vehicle-modelcode .btxtval {
	background: transparent !important;
}

.tab-info {
	text-align: center;
  margin-top: 190px;
  position: absolute;
  z-index: 9999;
  margin-left: 115px;
  padding: 20px;
  background: #060647;
  color: white;
  border: 2px solid #ddf;
  border-radius: 10px;
  font-size: 13.5px;
}

.tab-info button {
  text-transform: uppercase;
  font-size: 75%;
  padding: 2px 5px 2px 5px;
  border-radius: .25rem;
  box-shadow: 1px 1px 1px #999;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: verdana, sans-serif;
  border: 1px solid #aaf;
  background: #ddf;
  cursor: pointer;
}

input.edit[disabled=""] {
  display: none;
}


/* Add tyre iframe under chassis tab on edit page */

table.tyre-sizes table.addbox TD DIV {
  display: flex;
  flex-wrap: wrap;
  max-width: 510px;
  row-gap: 8px;
  justify-content: flex-start;
  column-gap: 3.8px;
  font-size: 12px;
}

table.tyre-sizes table.addbox TD DIV input {
  display: inline-block;
  margin-right: 0.3rem;
  width: auto;
}

table.tyre-sizes table.addbox TD DIV br {
	display: none;
}