/* CSS Document */
body {
	background-color: #e6ebf3;
	height:100%; 
}
input {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:10pt;
	  border:1px solid #336699;
}

.smallIP {
 color:#000000;
 background-color:#F3F3F3;
}

.checkbox {
	border:0px none;
}

.radio {
	border:0px none;
}

select {
	background-color: #FFF;
	border: 1px solid #7F9DB9;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


#buttonlayer {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	height:34px;
	width:128px;
	z-index:2;
}

#centrado{
	vertical-align: middle;
	margin-left: auto;
	margin-right:auto;
	position: absolute;
	width: 100%;
	z-index:0;
}

#bg-shadow {
	position:absolute;
	background: url(images/bg-shadow.gif);
	background-color:#FFFFFF;
	left:0px;
	top:0px;
	width:98%;
	z-index:1;
}
#header {
	position:relative;
	left:3px;
	padding-left:3px;
	top:0px;
	width:100%;
	height:86px;
	z-index:2;
	background-image: url(images/header-tile.gif);
}
#logo {
	position:absolute;
	left:10px;
	top:6px;
	width:69px;
	height:87px;
	z-index:5;
	/*background-image: url(images/logo.jpg);*/
}

#header-left {
	position:absolute;
	left:-3px;
	top:0px;
	width:11px;
	height:86px;
	z-index:3;
	background-image: url(images/header-left.gif);
}

#header-right {
	position:relative;
float:right;
	width:11px;
	height:86px;
	z-index:3;
	background-image: url(images/header-right.gif);
}

#body-contents {
	position:relative;
	left:3px;
	top:0px;
	width:100%;
	z-index:2;
	background-color: #ffffff;
}

#left-column {
	position:relative;
	float:left;
	background-image: url(images/no-menu-tile.gif);
	left:0px;
	top:0px;
	width:135px;
	height:auto;
	z-index:2;
}


#right-column {
	position:relative;
	display:block;
	float:right;
	width:100%;
	z-index:0;
	background-color: #ffffff;
}

#right-column-new {
	position:relative;
	display:block;
	float:left;
	width:95%;
	margin-left:10px;
	margin-top:5px;
	z-index:6;
	background-color: #ffffff;
}

#banner {
	position:relative;
	float:right;
	left:0px;
	top:0px;
	width:505px;
	z-index:2;
	background-color: #fafaf9;
}

#info-sections-area {
	position:relative;
	background-image:url(images/data-bar-tile.gif);
	float:right;
	left:0px;
	top:0px;
	width:100%;
	height:24px;
	z-index:2;
	background-color: #FFffff;
}

#body-content-area {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:2;
	background-color: #FFFFFF;
}

#body-content-area1 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:4;
	background-color: #FFFFFF;
}

#body-content-area2 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:3;
	background-color: #FFFFFF;
}

#body-content-area3 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:2;
	background-color: #FFFFFF;
}


#under-logo {
	position:relative;
	background-image: url(images/under-logo.jpg);
	left:0px;
	top:0px;
	width:135px;
	height:88px;
	z-index:2;
}

#left-buttons-area {
	position:relative;
	float:left;
	background-image: url(images/menu-tile.gif);
	left:0px;
	top:0px;
	width:133px;
	z-index:2;
}

#left-buttons-position {
	position:relative;
	float:left;
	/*background-image: url(images/menu-tile.gif);*/
	vertical-align:top;
	left:5px;
	top:0px;
	width:100%;
	z-index:2;
}

#end-buttons {
	position:relative;
	float:left;
	background-image: url(images/menu-end.gif);
	left:0px;
	top:0px;
	width:135px;
	height:8px;
	z-index:2;
}
#footer {
	position:relative;
	float:left;
	background-image: url(images/footer-tile.gif);
	left:3px;
	top:0px;
	width:100%;
	height:40px;
	z-index:2;
}

#footer-left {
	position:relative;
	float:left;
	background-image: url(images/footer-left.gif);
	left:0px;
	top:0px;
	width:8px;
	height:40px;
	z-index:3;
}

#footer-left-logo {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:286px;
	height:24px;
	z-index:4;
}

#footer-right {
	position:relative;
	float:right;
	background-image: url(images/footer-right.jpg);
	left:0px;
	top:0px;
	width:104px;
	height:40px;
	z-index:3;
}


#tabs {
	position:absolute;
	right:3px;
	top:53px;
	width:799px;
	height:33px;
	z-index:4;
}

#menutext {
	position:relative;
	left:0px;
	top:0px;
	width:125px;
	height:22px;
	z-index:2;
}


#tab {
	position:relative;
	float:right;
	left:0px;
	top:0px;
	width:134px;
	height:26px;
	z-index:5;
}

#name {
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:162px;
	height:19px;
	z-index:2;
}

#separator {
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:2px;
	height:19px;
	background: url(images/separator-gif);
	z-index:2;
}

#level{
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:147px;
	height:19px;
	z-index:2;
}

#compliant{
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:120px;
	height:19px;
	z-index:2;
}

#colour-sphere{
	position:relative;
	float:left;
	left:3px;
	top:0px;
	width:18px;
	height:19px;
	z-index:2;
}

#colour-sphere2{
	position:relative;
	float:left;
	left:13px;
	top:2px;
	width:18px;
	height:19px;
	z-index:2;
}

a{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}
a.visited{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}
a.hover{
	font: normal 9pt Arial;color: #002A64;font-weight: bold;
}


a.buttonleft:link, a.buttonleft:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 10px;
  width: 118px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft:hover
{
  color: #2D5E99;
  background: url(images/button-left-off.jpg);
}

a.buttontab:link, a.buttontab:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:8px 0px 0px 10px;
  width: 124px;
  height:24px;
  text-align: center;
  text-decoration: none;
  background: url(images/tab2-off.jpg);
  font: normal 9pt Arial;
  color: #002b64;
  font-weight: bold;
}

a.buttontab:hover
{
  color: #FFFFFF;
  background: url(images/tab-on2.jpg);
}

.Estilo1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002A64;
}

.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#002A64;
	padding: 2px 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:162px;
	height:19px;
	z-index:2;
}

.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 0 5px;
	font-size: 12px;
}

/* home button*/
a.buttonleft1:link, a.buttonleft1:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on1.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft1:hover
{
  color: #2D5E99;
  background: url(images/button-left-off1.jpg);
}

/* logout button*/
a.buttonleft2:link, a.buttonleft2:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on2.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft2:hover
{
  color: #2D5E99;
  background: url(images/button-left-off2.jpg);
}

/* left button*/
a.buttonleft3:link, a.buttonleft3:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on3.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft3:hover
{
  color: #2D5E99;
  background: url(images/button-left-off3.jpg);
}

/* T&C Record button*/
a.buttonleft4:link, a.buttonleft4:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on4.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft4:hover
{
  color: #2D5E99;
  background: url(images/button-left-off4.jpg);
}

/* Training button*/
a.buttonleft5:link, a.buttonleft5:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on5.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft5:hover
{
  color: #2D5E99;
  background: url(images/button-left-off5.jpg);
}


/* Print button*/
a.buttonleft6:link, a.buttonleft6:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on6.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft6:hover
{
  color: #2D5E99;
  background: url(images/button-left-off6.jpg);
}

/* Add Evidence button*/
a.buttonleft7:link, a.buttonleft7:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on7.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft7:hover
{
  color: #2D5E99;
  background: url(images/button-left-off7.jpg);
}

/* Login button*/
a.buttonleft9:link, a.buttonleft9:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on9.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft9:hover
{
  color: #2D5E99;
  background: url(images/button-left-off9.jpg);
}

/* Login button*/
a.buttonleft8:link, a.buttonleft8:visited
{
  float:left;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align:left;
  text-decoration:none;
  background:url(images/button-left-on8.jpg);
  font:normal 9pt Arial;
  color:#000000;
  font-weight:bold;
}

a.buttonleft8:hover
{
  color:#2D5E99;
  background:url(images/button-left-off8.jpg);
}

/* Change Password*/
a.buttonleft10:link, a.buttonleft10:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on10.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft10:hover
{
  color: #2D5E99;
  background: url(images/button-left-off10.jpg);
}

td{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}

td.leftmenuText{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}

#content-main-top {
	position:relative;
	float:left;
	background-image: url(images1/dscsss_r1_c3.gif);
	background-repeat:no-repeat;
	left:15px;
	top:10px;
	width:100%;
	height:auto;
	z-index:2;
}
#content-main-body {
	position:relative;
	float:left;
	background-image: url(images1/main_bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	left:15px;
	top:0px;
	width:100%;
	height:auto;
	z-index:2;
	padding-left:10px;
}

#content-main-bottom {
	position:relative;
	float:left;
	background-image: url(images1/main_bottom.jpg);
	background-repeat:no-repeat;
	left:15px;
	top:0px;
	width:100%;
	height:auto;
	z-index:2;
}

.bottomleft-curve {background: url(images1/left_bottom_curve.gif) 0 100% no-repeat;}
.bottomright-curve {background: url(images1/right_bottom_curve.gif) 100% 100% no-repeat;}
.topleft-curve {background: url(images1/left_curve.gif) 0 0 no-repeat;}
.topright-curve {background: url(images1/right_curve.gif) 100% 0 no-repeat;}
.top-dot {background: url(images1/dot.gif) 0 0 repeat-x;}
.bottom-dot {background: url(images1/dot.gif) 0 100% repeat-x;}
.left-dot {background: url(images1/dot.gif) 0 0 repeat-y;}
.right-dot {background: url(images1/dot.gif) 100% 0 repeat-y;}

.tableProductSummary td{
	border-right:#666666 1px solid;
}


/*Added on 13 March 2014*/
.wrapper {
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	
	width:650px;
	margin:50px auto;
	border-radius:10px;
	overflow:hidden;
}

.finance-gap {
	width:50%;
	margin:0;
	padding:0;
	float:left;
}

.finance {
	width:100%;
	padding:0 0 10px 0;
	margin:0px 0 10px 0;
	float:left;
	border-bottom:1px solid #CCC;
}

.finance p {
	width:57%;
	padding:13px 0 0 15px;
	margin:0;
	font-size:20px;
	float:left;
}


.finance a {
	padding:0px;
	margin:10px 0px 0 15px;
	float:left;
	font-size:12px;
	background:#333;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
	color:#FFF;
}

.heading {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}

.heading h1 {
	width:50%;
	float:left;
	font-size:18px;
	margin:0;
	padding:10px 0 20px 10px;
}

.heading p {
	width:44%;
	float:left;
	font-size:20px;
	margin:0;
	padding:0px;
}

.heading a {
	padding:0px 0px;
	margin:10px 0px 0 15px;
	float:right;
	font-size:12px;
	text-decoration:none;
}

.form {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
.registration {
	width:95%;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

.registration p {
	width:40%;
	margin:0 0 0 15px;
	padding:0;
	float:left;
}

.registration span {
	width:70%;
	margin:0;
	padding:2px 0 0 0;
	float:right;
	font-size:13px;
}

.registration label {
	width:40%;
	margin:0;
	padding:3px 0 0 15px;
	float:left;
	color:#333;
	font-size:12px;
}

.registration input {
	width:45%;
	margin:0;
	padding:0 5px;
	float:right;
	height:21px;
	color:#333;
	font-size:12px;
}

.registration select {
	width:49.4%;
	margin:0;
	padding:0 5px;
	float:right;
	height:25px;
	color:#333;
	font-size:12px;
}

.dnone{ display:none;}
.dblock{ display:block;}
.fleft{ float:left;}
.cboth{ clear:both;}
.fright{ float:right;}
.p5{ padding:5px;}
.h5{ height:5px;}
.h30{ height:30px;}
.insCol{padding:5px; font-size:12px; background:#DDE5EA; float:left; border-right:1px solid #fff;}
.insColLast{padding:5px; font-size:12px; background:#DDE5EA; float:left;}

.insAccTopCol{padding:5px; font-size:14px; background:#b5c6ea; float:left; font-weight:bold;}
.insAccTopColLast{padding:5px; font-size:14px; background:#b5c6ea; float:left; font-weight:bold;}

.insBelRow{padding:5px; font-size:12px; background:#fff; float:right; text-align:right;}

/* ============================================================
   MODERN OVERLAY — appended to modernise all in-use pages.
   (Local-dev restyle; overrides the legacy 2010-era styles.)
   ============================================================ */
:root{--m-accent:#2f6fb0;--m-accent-d:#255a8f;--m-ink:#1f2a37;--m-muted:#6b7684;--m-line:#dbe1e8;--m-bg:#eef2f7;}
html,body{background:var(--m-bg)!important;color:var(--m-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important;}
body{margin:0!important;}

/* kill the old rounded-corner image hack -> clean flat containers */
.top-dot,.bottom-dot,.left-dot,.right-dot,.topleft-curve,.topright-curve,
.bottomleft-curve,.bottomright-curve{background-image:none!important;background:transparent!important;padding:0!important;}

/* content cards (panels only — the generic page wrappers are plain, see below) */
.detail-box,.deta-box,.deta-box2,.field-box-in{
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:12px!important;
  box-shadow:0 1px 3px rgba(31,42,55,.06)!important;padding:16px 18px!important;margin:10px 0!important;}

/* headings */
.cTitle,.Estilo1,.Estilo2,h5,.h5,.h15{color:var(--m-ink)!important;font-weight:700!important;}
.cTitle{font-size:14px!important;color:var(--m-accent)!important;}

/* labels */
.field-text{color:var(--m-muted)!important;font-size:12.5px!important;font-weight:600!important;
  padding:6px 4px 2px!important;}

/* inputs + selects */
input[type=text],input[type=password],input[type=email],input[type=number],textarea,select,
.taxt-field,.txtfield,.smallIP,.select-field,.taxt-field2{
  font-family:inherit!important;font-size:13.5px!important;color:var(--m-ink)!important;
  padding:8px 10px!important;border:1px solid #cbd3da!important;border-radius:8px!important;
  background:#fff!important;box-shadow:none!important;outline:none!important;}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus,
.taxt-field:focus,.txtfield:focus,.select-field:focus{
  border-color:var(--m-accent)!important;box-shadow:0 0 0 3px rgba(47,111,176,.15)!important;}

/* buttons */
input[type=button],input[type=submit],input[type=reset],button,.but{
  font-family:inherit!important;font-size:13px!important;font-weight:600!important;
  color:#fff!important;background:var(--m-accent)!important;border:none!important;
  border-radius:8px!important;padding:8px 16px!important;cursor:pointer!important;
  box-shadow:none!important;transition:background .15s!important;}
input[type=button]:hover,input[type=submit]:hover,button:hover,.but:hover{background:var(--m-accent-d)!important;}
input[type=reset],.clear-btn{background:#eef1f5!important;color:var(--m-ink)!important;border:1px solid var(--m-line)!important;}

/* tables (search results etc.) */
table{border-collapse:collapse!important;}
td,th{font-family:inherit!important;}
.tdBorder_Search_New,.tdBorder_Search,th{font-size:14.5px!important;padding:7px 10px!important;}
/* bigger, clearer results table now the side menu is gone */
#searchResultDiv td,#searchResultDiv th,#searchResultDiv a{font-size:14.5px!important;}
#searchResultDiv td{padding:7px 10px!important;}
/* ---- results header panel: pretty accent band, bigger text ---- */
.fc-cols{width:100%!important;border:none!important;border-collapse:separate!important;
  border-radius:10px!important;overflow:hidden!important;padding:0!important;margin:0 0 6px!important;
  background:var(--m-accent)!important;box-shadow:0 2px 6px rgba(31,42,55,.15)!important;}
.fc-cols td{padding:15px 12px!important;vertical-align:middle!important;}
.fc-cols a,.fc-cols a:visited{color:#fff!important;font-size:15.5px!important;font-weight:700!important;
  letter-spacing:.3px!important;text-decoration:none!important;}
.fc-cols a:hover{color:#fff!important;text-decoration:underline!important;}
a{color:var(--m-accent)!important;text-decoration:none!important;}
a:hover{text-decoration:underline!important;}

/* left menu */
.leftmenuText a{color:var(--m-ink)!important;font-weight:600!important;font-size:13px!important;}
.leftmenuText a:hover{color:var(--m-accent)!important;}

/* ---- chrome: header bar + left menu (modernise homepage) ---- */
#centrado,#bg-shadow,#logo,#header,#tabs,#header-left,#header-right,#body-contents{background:transparent!important;border:0!important;}
td[background]{background-image:none!important;}
tr[style*="btn_tile"],td[background*="btn_tile"]{background-image:none!important;background:transparent!important;}
#left-buttons-position{background:#fff!important;border:1px solid var(--m-line)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(31,42,55,.06)!important;padding:8px!important;vertical-align:top!important;}
#buttonlayer{color:var(--m-accent)!important;font-weight:700!important;font-size:15px!important;padding:12px 8px!important;text-align:left!important;}
.leftmenuText{padding:0!important;}
.leftmenuText a{display:block!important;padding:9px 10px!important;border-radius:8px!important;color:var(--m-ink)!important;font-weight:600!important;}
.leftmenuText a:hover{background:#eef2f7!important;color:var(--m-accent)!important;text-decoration:none!important;}
/* breadcrumb/user bar */
#tabs,.tab,.tabActive{font-weight:600!important;color:var(--m-accent)!important;}

/* ---- side menu removed; actions moved to a top-right bar ---- */
#left-buttons-position,#end-buttons{display:none!important;}
/* old header chrome + user-name tab removed (name now in top bar) */
#header,#right-column{display:none!important;}
#topnav-bar .topnav-user{font-size:13px!important;font-weight:600!important;color:var(--m-ink)!important;margin-right:4px!important;}
/* content column fills the width left by the removed menu */
#body-contents>table,#right-column-new,#mainDiv{width:100%!important;}
/* kill the legacy curve-div negative margins that pushed content past the viewport */
#right-column-new,#mainDiv,#menuDiv,#searchDiv,#formsDiv,#customerDetailsDiv,
.top-dot,.bottom-dot,.left-dot,.right-dot,.bottomleft-curve,.bottomright-curve,.topleft-curve,.topright-curve{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;}
#right-column-new{padding-left:0!important;padding-right:0!important;}
/* ---- drop the redundant outer content panel; uniform left gutter ---- */
#right-column-new,#mainDiv,#menuDiv,#searchDiv,#formsDiv,#customerDetailsDiv{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
/* align page content with the top bar's left edge */
#body-contents{padding:0 22px!important;box-sizing:border-box!important;}
/* remove the legacy dark-grey frame (.bottom-cnt) everywhere */
.bottom-cnt{background:transparent!important;padding:0!important;margin:10px 0!important;}
/* policy panel: single clean container, no nested card borders */
#policyPanel .detail-box,#policyPanel .deta-box2{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}

#topnav-bar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;padding:12px 22px!important;margin:0 0 6px!important;
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:12px!important;
  box-shadow:0 1px 3px rgba(31,42,55,.06)!important;
}
#topnav-bar .topnav-brand{
  font-size:17px!important;font-weight:700!important;color:var(--m-accent)!important;letter-spacing:.2px!important;
}
#topnav-bar .topnav-right{display:flex!important;align-items:center!important;gap:10px!important;}
#topnav-bar .topnav-link{
  display:inline-block!important;padding:8px 16px!important;border-radius:8px!important;
  font-size:13px!important;font-weight:600!important;text-decoration:none!important;
  color:var(--m-accent)!important;background:#eef2f7!important;border:1px solid var(--m-line)!important;
}
#topnav-bar .topnav-link:hover{background:var(--m-accent)!important;color:#fff!important;border-color:var(--m-accent)!important;text-decoration:none!important;}
#topnav-bar .topnav-logout{color:#b4451f!important;background:#fbeeea!important;border-color:#f0d8cf!important;}
#topnav-bar .topnav-logout:hover{background:#b4451f!important;color:#fff!important;border-color:#b4451f!important;}

/* ---- Find Customers search toolbar: single row, prev/next far right ---- */
.fc-heading{font-size:15px!important;font-weight:700!important;color:var(--m-ink)!important;margin:4px 2px 14px!important;}
.fc-toolbar{
  display:flex!important;flex-direction:column!important;gap:12px!important;
  width:100%!important;margin:0 0 18px!important;padding:0 4px!important;
}
.fc-toolbar .fc-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;}
.fc-toolbar .fc-lbl{width:64px!important;flex:0 0 64px!important;font-size:13px!important;font-weight:600!important;color:var(--m-muted)!important;white-space:nowrap!important;}
.fc-toolbar .fc-field{width:280px!important;flex:0 0 280px!important;height:40px!important;}
.fc-toolbar .but{width:auto!important;min-width:max-content!important;flex:0 0 auto!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.fc-toolbar .fc-btn-light{color:var(--m-ink)!important;background:#eef2f7!important;border:1px solid var(--m-line)!important;}
.fc-toolbar .fc-btn-light:hover{background:#e2e8f0!important;}
.fc-toolbar .fc-right{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;}
.fc-toolbar .fc-count{font-size:13px!important;color:var(--m-muted)!important;}
.fc-toolbar .fc-count #numrecordsDisplay{font-weight:700!important;color:var(--m-ink)!important;}
/* stack action groups under the fields on a genuinely narrow viewport */
@media (max-width:760px){.fc-toolbar .fc-field{flex:1 1 auto!important;width:auto!important;}.fc-toolbar .fc-right{margin-left:0!important;flex-wrap:wrap!important;}}

/* ================= claim form (user-feature.php) wider panels ================= */
/* Policy Details panel: fill the width beside the dealer block; columns spread */
#policyPanel .bottom-cnt,#policyPanel .detail-box,#policyPanel .deta-box2{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
#policyPanel ul{display:flex!important;width:100%!important;gap:6px!important;margin:0!important;padding:8px 14px!important;box-sizing:border-box!important;list-style:none!important;align-items:center!important;}
#policyPanel li{list-style:none!important;flex:1 1 0!important;width:auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#policyPanel li:nth-child(1),#policyPanel li:nth-child(2){flex:1.5 1 0!important;}
#policyPanel li:last-child{flex:0 0 100px!important;text-align:right!important;overflow:visible!important;}
/* header row styled like the Search page header (accent band, white bold) */
#policyPanel .deta-box2 > ul{background:var(--m-accent)!important;border-radius:10px!important;
  box-shadow:0 2px 6px rgba(31,42,55,.15)!important;margin:0 0 6px!important;}
#policyPanel .deta-box2 > ul li{color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.3px!important;}
/* loaded policy rows: full width to match the header, bigger text, no squeeze */
#policyPanel .deta-boxs{width:100%!important;max-width:100%!important;box-sizing:border-box!important;float:none!important;}
#policyPanel .deta-boxs > ul{padding:11px 14px!important;border-bottom:1px solid var(--m-line)!important;}
#policyPanel .deta-boxs > ul:last-child{border-bottom:0!important;}
#policyPanel .deta-boxs li{font-size:14px!important;color:var(--m-ink)!important;}

/* Claim-detail (2nd) panel: fill the space to the right of the 425px customer column.
   Keep the legacy float layout but let rows grow (the fixed height:20px + card padding
   was collapsing content and overlapping rows/buttons). */
.cRgtcontainer{width:auto!important;float:none!important;overflow:hidden!important;}
.cRgtcontainer .cntaner,.cRgtcontainer .field-box,.cRgtcontainer .field-box-in{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;height:auto!important;}
.cRgtcontainer .field-box-in{padding:7px 16px!important;margin:5px 0!important;}
.cRgtcontainer .field-box-in-1,.cRgtcontainer .field-box-in-2{
  width:48%!important;height:auto!important;min-height:20px!important;box-sizing:border-box!important;}
/* inputs sit next to their label at a sensible width (not stretched across the column) */
.cRgtcontainer .field-box-in-1 > div,.cRgtcontainer .field-box-in-2 > div{float:left!important;}
.cRgtcontainer .taxt-field,.cRgtcontainer .txtfield,.cRgtcontainer input[type=text],
.cRgtcontainer .field-box-in-1 select,.cRgtcontainer .field-box-in-2 select,.cRgtcontainer select{
  width:200px!important;max-width:100%!important;float:none!important;box-sizing:border-box!important;
  height:36px!important;line-height:1.2!important;padding:6px 10px!important;}
/* Fault Reported / Actual Fault textareas: full width of the panel */
.cRgtcontainer textarea,.cRgtcontainer .msg{width:100%!important;max-width:none!important;float:none!important;box-sizing:border-box!important;min-height:90px!important;height:auto!important;}
/* Fault Reported + Actual Fault side by side (2 columns) */
.cRgtcontainer .fault-2col{display:flex!important;gap:24px!important;width:100%!important;clear:both!important;box-sizing:border-box!important;margin:8px 0!important;}
.cRgtcontainer .fault-2col .fault-col{flex:1 1 0!important;min-width:0!important;}
.cRgtcontainer .fault-2col .fault-col .field-text{float:none!important;width:auto!important;display:block!important;margin-bottom:6px!important;}

/* ---- in-page tabs on the claim form (Claim / Claims List / Service History) ---- */
.ctab-bar{display:flex!important;gap:4px!important;border-bottom:2px solid var(--m-line)!important;margin:4px 0 18px!important;clear:both!important;}
.ctab-bar .ctab{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;border:none!important;
  border-bottom:2px solid transparent!important;margin-bottom:-2px!important;border-radius:8px 8px 0 0!important;
  padding:10px 22px!important;font-size:14px!important;font-weight:600!important;color:var(--m-muted)!important;cursor:pointer!important;box-shadow:none!important;width:auto!important;min-width:0!important;}
.ctab-bar .ctab:hover{color:var(--m-ink)!important;background:#f5f8fb!important;}
.ctab-bar .ctab.active{color:var(--m-accent)!important;border-bottom-color:var(--m-accent)!important;background:transparent!important;}
.ctab-panel{clear:both!important;}
/* action button bar moved to the top of the claim form, right-aligned */
.claim-btnbar{clear:both!important;width:100%!important;margin:0 0 16px!important;padding:0!important;background:transparent!important;text-align:right!important;}
.claim-btnbar .bottom-cnt-in{float:none!important;width:auto!important;height:auto!important;margin:0!important;text-align:right!important;}
.claim-btnbar .bottom-cnt-in > div{text-align:right!important;}
.ctab-frame{width:100%!important;min-height:540px!important;border:1px solid var(--m-line)!important;border-radius:10px!important;background:#fff!important;box-sizing:border-box!important;}

/* ---- notes list (add-notes.php / customer-add-notes.php): accent band header ---- */
.rowss{width:100%!important;box-sizing:border-box!important;clear:both!important;margin-top:18px!important;}
.rowss ul{display:flex!important;width:100%!important;margin:0!important;padding:11px 14px!important;box-sizing:border-box!important;list-style:none!important;gap:10px!important;border-bottom:1px solid var(--m-line)!important;}
.rowss li{list-style:none!important;flex:1 1 0!important;min-width:0!important;font-size:14px!important;color:var(--m-ink)!important;}
.rowss .Description{flex:3 1 0!important;}
.rowss ul:first-child{background:var(--m-accent)!important;border-radius:10px!important;box-shadow:0 2px 6px rgba(31,42,55,.15)!important;border-bottom:0!important;margin:0 0 6px!important;}
.rowss ul:first-child li{color:#fff!important;font-weight:700!important;font-size:15px!important;letter-spacing:.3px!important;}

/* ---- parts.php popup: clean, accent-band header ---- */
.parts-page{padding:18px!important;box-sizing:border-box!important;}
.parts-page #wraper,.parts-page #inner,.parts-page #main,.parts-page .cntaner,.parts-page .rows-exp2{width:auto!important;max-width:none!important;float:none!important;box-sizing:border-box!important;}
.parts-page .rows-exp2 ul{display:flex!important;width:100%!important;margin:0!important;padding:9px 12px!important;box-sizing:border-box!important;list-style:none!important;gap:12px!important;align-items:center!important;border-bottom:1px solid var(--m-line)!important;}
.parts-page .rows-exp2 li{list-style:none!important;flex:1 1 0!important;min-width:0!important;border:0!important;text-align:left!important;}
.parts-page .rows-exp2 ul:first-child{background:var(--m-accent)!important;border-radius:10px!important;border-bottom:0!important;margin-bottom:8px!important;box-shadow:0 2px 6px rgba(31,42,55,.15)!important;}
.parts-page .rows-exp2 ul:first-child li{color:#fff!important;font-weight:700!important;font-size:15px!important;}
.parts-page .rows-exp2 input[type=text]{width:100%!important;box-sizing:border-box!important;}
.parts-page .rows-exp2 ul:last-child{border-top:1px solid var(--m-line)!important;margin-top:4px!important;font-weight:700!important;}
.parts-page .but-box{margin-top:16px!important;display:flex!important;gap:10px!important;}
/* notes page in the Notes tab: use the full width so headers don't wrap */
.np-wide{padding:0 18px!important;box-sizing:border-box!important;}
.np-wide #wraper,.np-wide #inner,.np-wide #main,.np-wide .cntaner,.np-wide .txtaria-box{width:auto!important;max-width:none!important;float:none!important;box-sizing:border-box!important;}
/* drop the stray box around "Add Note" (the textarea has its own border) */
.np-wide .cntaner{border:0!important;padding-bottom:0!important;}
.np-wide .txtaria{width:100%!important;box-sizing:border-box!important;}
.np-wide .rowss ul li{white-space:nowrap!important;}
/* "Add Note" heading: plain block above the textarea (was a padded 475px box overlapping it) */
.np-wide .had-text{width:auto!important;float:none!important;display:block!important;padding:4px 0 8px!important;border:0!important;background:transparent!important;}
.np-wide .txtaria-box{clear:both!important;}

/* ---- Claims List + Service History tables: full width, accent header band ---- */
#panel-claimslist .bottom-cnt,#panel-claimslist .detail-box,#panel-claimslist .deta-box2,#panel-claimslist .deta-box,#panel-claimslist .bottom-cnt-in,
#panel-servicehistory .bottom-cnt,#panel-servicehistory .detail-box,#panel-servicehistory .deta-box2,#panel-servicehistory .deta-box{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important;float:none!important;}
#panel-claimslist ul,#panel-servicehistory ul{display:flex!important;width:100%!important;margin:0!important;padding:11px 14px!important;box-sizing:border-box!important;list-style:none!important;gap:10px!important;align-items:flex-start!important;}
#panel-claimslist li,#panel-servicehistory li{list-style:none!important;flex:1 1 0!important;width:auto!important;min-width:0!important;font-size:14px!important;color:var(--m-ink)!important;}
/* header bands */
#panel-claimslist .deta-box2 > ul,#panel-servicehistory .deta-box2 > ul{background:var(--m-accent)!important;border-radius:10px!important;box-shadow:0 2px 6px rgba(31,42,55,.15)!important;margin:0 0 6px!important;}
#panel-claimslist .deta-box2 > ul li,#panel-servicehistory .deta-box2 > ul li{color:#fff!important;font-weight:700!important;font-size:15px!important;letter-spacing:.3px!important;}
/* data rows: subtle separators */
#panel-claimslist .clListDiv > ul,#panel-servicehistory .shListDiv > ul{border-bottom:1px solid var(--m-line)!important;}
/* Claims List: give the Fault column the extra width, let it wrap */
#panel-claimslist .claim,#panel-claimslist .code,#panel-claimslist .Csdate,#panel-claimslist .Cssmil,#panel-claimslist .ctrl-2{flex:1 1 0!important;white-space:nowrap!important;}
#panel-claimslist .description{flex:5 1 0!important;white-space:normal!important;}