/**
 * Fluid width
 * Full hieght
 */

/* Global Whitespace Reset */
* {padding:0;margin:0;}
h1, h2, h3, p { padding: 15px 1em 5px 1em}
a, a:visited {text-decoration: underline;color: blue;}
li a, li a:visited { text-decoration:none }
img {border: 0px;}

/*
 * --- Page Layout Selectors
 */
html, body {
  height: 98%;
  /*
  --main-bg : #bc9e8e;
  --main-bg2 : #d5cfcc;
  */
  
  --main-bg : #5b7aaa;
  --main-fr : #ffffff;	
  --main-bg2 : #90a5c461;
  --main-bg3 : #ced4dd;	
	
  --main-bg-bdr : #393939;
  --main-bg2-bdr: #555555;	   	
}
html{
  scroll-behavior: smooth;
}
body 
{
  font-family: Arial, sans-serif;
/*  font-family: system-ui, Arial, sans-serif;  */
/* margin: 0 4px;*/
  font-size: small;
}

body.test {
/*  font-family: "Nunito", sans-serif;*/
/*  font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;	
  */
  
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;  
}

body.test-lato {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;	
}

h2 {
  font-size: large;
  font-weight: bolder;
  color: black;
  background: #ced4dd;
  margin-left:1px;  
  /*
  padding: 5px;
  */
margin-bottom: 10px;  
padding: 7px 11px;
border-top: 2px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
font-family: tahoma;  
}
/*
h2{
margin: 0px 0px 0px 0px;
text-align: left;
font-size: x-large;
height: 29px;
width: auto;
background-color: var(--main-bg);
color: var(--main-fr);
padding: 1px 0px 0pc 10px;
border-top: 2px solid var(--main-bg-bdr);
border-bottom: 2px solid var(--main-bg-bdr);
}
*/
#pageHTML_orders h2 {
background: var(--main-bg);
color: var(--main-fr);
text-align: center;

border-top: 2px solid var(--main-bg-bdr);
border-bottom: 2px solid var(--main-bg-bdr);
font-family: tahoma;
font-size: 14pt;
padding: 3px 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-left: -1px;
}

#pageHTML_orders th.header-row {
border-bottom: 1px solid var(--main-bg2-bdr) !important;
/*background-color: var(--main-bg2) !important;*/
background-color:#CED4DD !important;
z-index: 10;
}


/*
#working {
  width: 150px;
  height: 42px;
  position: fixed;
  top: 0;
  right: 0;
  text-indent: 999px;
  background: url("/images/css_images/layout/working_blue.png");
  z-index: 2000;
}
  */
#working{
position: fixed;
  right: 0px;
  top: 0px;
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 20px 64px;
  border-radius: 0px 0px 0px 30px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 30px rgba(0,0,0,.38), 0 2px 8px rgba(0,0,0,.30);
  backdrop-filter: saturate(1.1) blur(3px);
  -webkit-backdrop-filter: saturate(1.1) blur(3px);
  pointer-events: none;
  background-image: url('/images/css_images/icons/progress-bars.gif');
  background-repeat: no-repeat;
  background-position: 50%;
  border: 1px solid #969696;
  width: 20px;
}

#header {
  /*float: left;*/
  width: 100%;
/*  height: 144px;*/
  font-size: 93%;
  line-height: normal;
  text-align: center;
}

#irWindoware {
  background:url("/images/css_images/layout/logo_blue.png?v=2") no-repeat scroll 50% 0 transparent;
  height:100px;
  margin-bottom:3px;
  margin-left:11px;
  margin-right:11px;
  padding:0 0 7px;
  text-indent:-9999px; 
}

.logo3 #irWindoware {
  background:url("/images/css_images/layout/logo-new-trans.png?v=2") no-repeat scroll 50% 0 transparent;	
  background-size: 260px;
}  

.logo3 #logo_left,
.logo3 #logo_right{
display:none;	
}
	

#logo_left{
background:url("/images/css_images/layout/logo_left_blue.png") repeat-x scroll 0 0 transparent;
height:100px;
left:5px;
position:absolute;
right:1000px;
top:1px;
width:10px;
z-index:-1;
}

#logo_right{
background:url("/images/css_images/layout/logo_right_blue.png") repeat-x scroll 0 0 transparent;
height:100px;
width:10px;
position:absolute;
right:5px;
top:1px;
z-index:-1;
}


#search {
  float: right;
  background: url('/images/css_images/searchbox-grad.gif') no-repeat;
}


.menu_filler {
  background: url("/images/css_images/layout/tab_filler_blue.png");
  height: 32px;
  width: 150px;
  display: inline-block;
  text-align: center;
}

div.menu_filler a{
text-decoration:none;
}

#primaryMenu {
  list-style: none;
  background-image: url("/images/css_images/layout/tab_filler_blue.png");
  height: 32px;
/*  position: absolute;*/
  left: 6px;
  right: 10px;
  font-size: 93%;
  line-height: normal;
  text-align: center;
  margin-right: 4px;
  margin-left: 4px;    
}

#primaryMenu_anchored {
top: 0px;
  position: fixed;
}
/*
#primaryMenu li {
  float: left;
  background: url("/images/css_images/layout/tab_inactive_blue.png");
  width: 112px;
  height: 33px;
}
*/

#primaryMenu li {
  background:url("/images/css_images/layout/tab_filler_blue.png") repeat scroll 0 0 transparent;
  border-right:1px solid #DDDDDD;
  border-bottom:1px solid #FFF;
  float:left;
  height:32px;
  width:12.3%;
}


#primaryMenu a, #menu_tabs a {
  display: block;
  color: white;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
/*  margin: 10px 5px 0;*/
/* Version 2 */
  font-size: 120%;
  margin: 3px 5px 0;
  text-shadow:0.2em 0.2em 0.2em #000000;
}

#primaryMenu .selected {
  background-image: url("/images/css_images/layout/tab_active_filler_blue_40.png");
/*  border-bottom:1px solid #2b3548;*/
height:38px;
margin-top:-4px;
}

#primaryMenu .selected  a{
margin-top:4px;
}

html.layout-b #mainBody {
    position: static;         /* remove absolute */
/*  margin: 0px 6px 0px 2px;*/
  overflow: visible !important;
}

#secondaryMenu {
/*  height: 100%;*/
/* redundant
  float: left;
  overflow-y: auto;
  color: white;
*/  
  min-height: 100%;
  width: 16.2%;  
  background: #CED4DD;
  position: absolute;  
/*
  background: #fff;
  border: 1px solid #d0d7de;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);  
*/
}

#secondaryMenu ul {
  list-style: none;
  padding: 4px 0px;
}

#secondaryMenu li {
padding: 3px;
color:#000;
/*margin-bottom: 0.8em;	*/
margin-bottom:0px;
}
#secondaryMenu li.setup {
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;  
  padding-left: 3px;    
  border-bottom: 1px solid #BBBBBB;  
}


#secondaryMenu a {
  color: black;
/* font-weight: bold;*/
  text-shadow:0.1em 0.1em 0.1em #FFFFFF;
}

#secondaryMenu .selected {
  border: 2px gray outset;
  background:none repeat scroll 0 0 #93a6bd;  
}

#secondaryMenu li.selected a{
  color: #FFF;
text-shadow:0.1em 0.1em 0.1em #000;

}

#secondaryMenu li.tertiary {
  padding: 2px;
  margin: 0;
  padding-left: 1.75em;
}

div.menu_heading {
border-bottom:1px solid #C6C6C6;
border-top:1px solid #EEEEEE;
margin-bottom:-3px;
padding-bottom:4px;
padding-left:5px;
padding-top:4px; 
color: White;
text-shadow:0.1em 0.1em 0.1em #000000;
font-size:112%;
font: 14px/1.2 system-ui, Arial, sans-serif;
font-weight:bold;
}

#pageHTML {
  background: white;
  height: 100%;  
/*  
  margin-top: 0px;  
  overflow-y: auto;
  overflow-x: auto;
*/  
/*iPad*/
overflow: visible;
margin: 0px 0px 0px 16.2%;
padding-left: 2px;
}
#pageHTML_orders {
  background: white;
  height: 100%;  
  overflow: visible;
/*  margin: 0px 0px 0px 0px;*/
	max-width: 1200px;
	margin: 0px auto;  
	border: 1px solid #e1e1e1;
	padding: 0px;
	border-radius: 7px;	
}

#innerContent {
  margin: 0.5em;
}
#pageHTML_orders #innerContent{
  margin: 5px 10px 0px 10px;
}

span.fix {clear:both;display: block;}

#userInfoBox {
  padding: 8px 9px;
  margin:10px 9px 2px 2px;
  background: var(--panel-bg);
  border: 1px solid var(--panel-br);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
  z-index: 1001;
  /*
  background: var(--panel-bg);
  border: 1px solid #D8D8D8;
  border-radius: 7px;
  box-shadow: 0px 1px 8px rgba(0,0,0,0.10);  
  */
/*  float: right;*/
}

#userInfoBox * {
  /*
  padding: 0;
  margin: 0;
  */
  vertical-align: -moz-middle-with-baseline;
  vertical-align: -webkit-baseline-middle;
}

.unicodeChar{
  outline: solid 2px red;
}  

#userInfoBox th {
  padding-right: 3px;
}

#userInfoBox select {
  padding: 0px;
  min-width: 0px;
  width: 100%;
  margin-top: 4px;
  margin-bottom:0px;
}

#ie-warn {
  float: right;
  width: 20%;
}

/*GB Only*/
#footer {
  color:#C7BAAA;
  font-size:small;
  margin:auto;
  padding:3px 0 0;
  text-align:center;
  background:url("/images/css_images/layout/tab_active_filler_blue.png") repeat scroll 0 0 transparent;
  height:32px;
  left:4px;
  margin:0 2px;
  padding:3px;
  right:4px;  
  height: 26px;
/*
  bottom:4px;
  position:absolute;  
*/  
 /*iPad*/
    bottom: 0;
    position: fixed; 
}
#sec_menu_footer {
	bottom : 3px;
    position: fixed; 
}

#footer p {
  margin: 0;
  padding-top: 3px;
}

#footer a {
  color: #FFF;
  font-weight: bold;
}

#popupBg {
  position: fixed;
  position: expression("absolute"); /* Cursor disappearance hack for FF */
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1002;
  background-image: url("/images/css_images/layout/overlay.png");
overflow-x: auto;  
}

#popupContent {
  margin: 5% auto 0;
  background: #fff;
  border: 2px outset #000;
  padding: 15px;
  text-align: left;
  width: 75%;
  height: 75%;
  overflow-y: scroll;
  overflow-x: hidden;
}

#popupContent.stylev2{
width: max-content;
height: auto;
max-height: 80%;
border-radius: 7px;
border: 2px #6f6f6f solid;
overflow-y: auto;
}

#popupLoading {
  margin: 1em auto;
  background: #fff url("/images/css_images/icons/loading.gif") no-repeat 2px 50%;
  padding: 1em 20px;
  text-align: left;
  width: 15%;
}


/**
 * --- Generic classes
 */

.number {
  text-align: right !important;
}

.mandatory {
  background-color: #FFFFC1;
}
.mandatoryQ div{
  border: 1px solid Yellow;
}

.mandatory.dynamic {
  background-color: #ffffd6;
}

.note {
  font-style: italic;
}

.inlineAttn {
  -moz-box-shadow:3px 3px 4px #888888;
  box-shadow:3px 3px 4px #888888;
  background-position:15px 50%;
  background-repeat:no-repeat;
  border:2px solid;
  margin:1em 0.5em;
  padding:5px 20px 5px 45px;
  text-align:left;
}

.inlineAttn p {
  padding: 0;
}

.error {
  background-color: #FFDDDD; 
  background-image: url(/images/css_images/icons/error.png);
  border-color: red;
}

.error li {
  margin-left: 4em;
}

.alert {
  background-color: rgb(206,198,193);
  background-image: url(/images/css_images/icons/exclamation.png);
  border-color: rgb(154,148,145);
}

.info,  .info_important{
  background-color: rgb(206,198,193); 
  background-image: url(/images/css_images/icons/information.png);
  border-color: rgb(154,148,145);
}

.info_important {
  color: red;
  font-weight: bold;
}

.zoomable {
  cursor: url("/images/css_images/icons/magnify.cur"), pointer;
}

.highlight {
  background-color: #FF0;
}
.highlight-red {
  background-color: #FB7F7F;
}

tr.sent td {
  background-color: #DAF9D1;	
}

td.special_price {
  font-weight: bold;
}

/**
 * --- Form look & feel
 */

input[type="text"], input[type="password"], select, textarea {
  margin: 3px;
  min-width: 11em;
  vertical-align: middle;
}

input[type="text"], option {
  padding: 0 2px;
}

input.button-undo{
	padding: 2px 9px;	
}
input.button {
  padding: 2px;
  cursor: pointer;
  background-color: #B7ADA7;
  border-color: #B7ADA7;
  min-width: 0px;
  color: white;
  font-weight: bold;
}

input.qty {
  min-width: 0;
  width: 2.5em;
}

input.rrp {
  min-width: 0;
  width: 4.5em;
}

input.email {
  min-width: 20em;
}

.has-hint {
  color: gray;
}

.field-warn {
  border: 1px solid #F80;
  background: #FFEEDD;
}

.field-error {
  border: 1px solid red;
  background: #FFDDDD;
}

textarea {
  font-family: Arial, sans-serif;
  font-size: inherit;
}

.date_picker {
  width: 5em;
}

.readonly {
  border: none;
  color: gray;
  background-color: transparent;
}


/* Viewmaster effect */
.viewmaster {
  height: 200px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 90%;  
}

.slide {
  width: 10000px;
}

/**
 * --- Table styling
 */

table {
  padding: 5px 0 15px 1em;
  border-spacing: 0;
  border-collapse:collapse;
  margin: .5em;
}

table.full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

table.shrink input, table.shrink select {
  min-width: 0;
}

table.shrink td {
 padding: 0;
}

th {
  padding: 5px 0.75em;
  text-align: left;
}

th.header-row {
/*
  background: rgb(206,198,193);
*/
  background: #ced4dd;  
  text-align: left;
}

th.header-col {
  vertical-align: top;
  text-align: left;
}

tr.subheading-row {
  background: #605C5A;
  color: white;
  font-weight: bold;
}

td.hover {
  background-color: rgb(206,198,193);
  cursor: pointer;
}

td {
/*  padding: 3px 0.75em;*/
  padding: 3px 0.55em;
  vertical-align: top;
}

td.wrap-no,
th.wrap-no{
white-space: nowrap;
}

td.number {
  padding-right: .75em;
}

#tran_list tr.border {
  border-bottom: 1px solid #DDDDDD;
}
#tran_list tr.noborder {
  border-bottom: none;  
}
#tran_list tr {
  border-bottom: 1px solid #80808036;
}
#tran_list td{
  vertical-align: middle;
}

td.itemRRP {
  width: 7em;
}

td h3 {
  padding-left: 0;
}

tr.totRow td {
  border: 1px black;
  border-style: solid none;
}

/*Multi-Select*/
ul.expand { padding:7px; margin:0; list-style:none; border:1px solid #DDDDDD;}

ul.expand li { padding:0; margin:0; }
ul.expand li.trigger.top { margin-top:0; }
ul.expand li.trigger{
	background:url('../images/css_images/buttons/expand-collapse.gif') 0 3px no-repeat;
	cursor:pointer;
	padding:0 0 0 20px;
	margin:7px 0 0 0;
}
ul.expand li.trigger h4 { color:#666; }
ul.expand li.trigger.open h4 { color:inherit; }
ul.expand li.trigger.open {	background-position:0 -997px; }
ul.expand ul{
	list-style:disc inside;
	line-height:18px;
	padding:4px 0 6px 20px;
}
 ul.expand li.selection {cursor:pointer;}
 
 a.multi_level_select {
border:1px solid #DDDDDD;
color:Blue;
font-weight:bold;
line-height:33px;
padding:10px 5px 8px;
text-decoration:none;
 }
 a.multi_level_select:hover{
background: #eeeeee; 
}

/**
 * --- Other Fabrics
 */
 input.fab-col-code{
  width: 6em;
}
 input.fab-col-desc{
  min-width: 13em;
}

#retail_input,
#retail_discount,
#margin_input{
  margin:0;
  min-width:5em;
  padding:0;
  width:5em;
}
#tot{
  padding-left:0px;
}

td.line_totals {
  border-top: 1px solid #000;
  font-weight:bold;
}

div.colours{
  border:1px solid #AAAAAA;
  width: 415px;
  padding-bottom:5px;
}

#colours table{
margin-top: 13px;
}

#colours th,
#colours td {
  padding:0px;
}
#colours input[type="checkbox"]{
  margin-top: 5px;
}

#addColour {
margin-left:9px;
margin-top:-4px;
}


/**
 * --- Image Replace coode
 */
 
.ir {
  background: no-repeat 0 0;
  display: block;
  height/**/:/**/ 0 !important;
  overflow: hidden;
  float: left;
  margin: 2px;
}


.ir.cart-add {


  padding-top: 32px;
  background-image: url("/images/css_images/icons/cart-add.png");
  height: 26px;
  width: 36px;  
/*  
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cart-add-2.png");  
  height: 16px;
  width: 16px;    
*/
}
a.expand-window img,
a.collapse-window img{
  margin-left:5px;
}

.ir.cart-unstocked {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/cart-unstocked.png");
  height: 32px;
  width: 32px;
}

.ir.more-info {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/more_info.png");
  height: 32px;
  width: 32px;
}

.ir.cust-order {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/cust_order.png");
  height: 32px;
  width: 32px;
}

.ir.view {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/look.png");
  height: 16px;
  width: 16px;
}

.ir.re-exp-prop-orders {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/home--arrow.png");
  height: 16px;
  width: 16px;
}

.ir.re-exp-prop {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/home--plus.png");
  height: 16px;
  width: 16px;
}

.ir.xml {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/xml.png");
  height: 16px;
  width: 16px;
}

.ir.trackLookup {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/question-button.png");
  height: 16px;
  width: 16px;
}




.ir.google {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/geotag_16.png");
  height: 16px;
  width: 16px;
}

.ir.payments {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/credit-card.png");
  height: 16px;
  width: 16px;
}

.ir.google_button {
  padding-top: 30px;
  background-image: url("/images/css_images/buttons/map.png");
  height: 30px;
  width: 86px;
  margin:0px;
}

.ir.google.dis {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/geotag_16_dis.png");
  height: 16px;
  width: 16px;
}

.ir.edit,
.ir.edit_inst, 
.ir.edit_roll,
.ir.edit_sdm{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/edit.png");
  height: 16px;
  width: 16px;
}

.ir.add-user{
  background-image: url("/images/css_images/icons/plus.png");
  padding-top: 16px;
  height: 16px;
  width: 16px;	
}




.ir.edit.dis,
.ir.edit_inst.dis, 
.ir.edit_roll.dis{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/edit_dis.png");
  height: 16px;
  width: 16px;
}

.ir.edit2 {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/pencil-small.png");
  height: 16px;
  width: 16px;
  float:none;
}

.ir.delete2 {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cross-small.png");
  height: 16px;
  width: 16px;
  float:none;
}

.ir.select {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/use_template.png");
  height: 16px;
  width: 16px;
}

.ir.editField {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/use_template.png");
  height: 16px;
  width: 16px;    
}

.ir.delete, 
.ir.delete_roll,
.ir.delete_op,
.ir.delete_new,
.ir.delete_reason{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cross-script.png");
  height: 16px;
  width: 16px;
}

.ir.delete.dis, 
.ir.delete_roll.dis,
.ir.delete_op.dis,
.ir.delete_new.dis,
.ir.delete_reason.dis {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cross-script-dis.png");
  height: 16px;
  width: 16px;
}

.ir6 {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/loading.gif");
  height: 16px;
  width: 16px;
}

.ir.export {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/navigation-270-button.png");
  height: 16px;
  width: 16px;
}

.ir.import {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/navigation-090-button.png");
  height: 16px;
  width: 16px;
}

.ir.close {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/delete.png");
  height: 16px;
  width: 16px;
  float: right;
}

.ir.add_supplier, .ir.add_supplier_t2{
padding-top: 26px;
  background-image: url("../images/css_images/buttons/add-supplier.png");
  width: 132px;
  float: none;
  display: inline-block;
  vertical-align: inherit;
}
.ir.remove_supplier{
background-image:url("../images/css_images/icons/delete.png");
float:right;
height:16px;
padding-top:16px;
width:16px;	
/*	
  padding-top: 26px;
  background-image: url("../images/css_images/buttons/remove-supplier.png");
  height: 26px;
  width: 132px;    
  float: right !important;
*/  
}

/* From studio.css */
.popup .ir.close {
background-image:url("../images/css_images/icons/delete.png");
float:right;
height:16px;
padding-top:16px;
width:16px;
}
#popupContent.stylev2 .ir.close {
  padding-top: 24px;
  background-image: url("../images/css_images/icons/close_red_24.png");
  height: 24px;
  width: 24px;
  float: right;
  margin-right: 8px;
  margin-top: 8px;
  position: sticky;
  top: 10px;  
}

.ir.flow {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/arrow-out.png");
  height: 16px;
  width: 16px;
}

.ir.copy {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/page_copy.png");
  height: 16px;
  width: 16px;
}


.ir.copy.dis {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/page_copy_dis.png");
  height: 16px;
  width: 16px;
}

.ir.find {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/find.png");
  height: 16px;
  width: 16px;
}

.view_big {
  background: url("/images/css_images/icons/view_big.png") no-repeat;
  height: 32px;
  padding-left: 43px;
  display: block;
}

.userLogin {
  outline: none;
  background-image: url("/images/css_images/buttons/login.png");
  height: 26px;
  width: 55px;
  text-indent: -9999px;
  padding: 0;
  /* display: block;*/
  display: inline-block;
}

.userLogout {
  outline: none;
  background-image: url("/images/css_images/buttons/logout_blue.png");
  height: 26px;
  width: 61px;
  text-indent: -9999px;
  padding: 0;
  /* display: block;*/
  display: inline-block;
}

.ir.changeTrack {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/change_track.png");
  height: 32px;
  width: 44px;
  float: right;
}

.ir.adobe {
  padding-top: 33px;
  background-image: url("http://www.adobe.com/images/shared/download_buttons/get_adobe_reader.gif");
  height: 33px;
  width: 112px;
  float: right;
}

.ir.doc_margin {
  padding-top: 16px;
/*  background-image: url("/images/css_images/icons/document-m.png");*/
  background-image: url("/images/css_images/icons/dot-m.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_proposal {
  padding-top: 16px;
/*  background-image: url("/images/css_images/icons/document-p.png");*/
  background-image: url("/images/css_images/icons/dot-p.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_details {
  padding-top: 16px;
/*  background-image: url("/images/css_images/icons/document-d.png");*/
  background-image: url("/images/css_images/icons/dot-d.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_fitting {
  padding-top: 16px;
/*  background-image: url("/images/css_images/icons/document-f.png");*/
  background-image: url("/images/css_images/icons/dot-f.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_otherfab {
  padding-top: 16px;
/*  background-image: url("/images/css_images/icons/document-o.png");*/
  background-image: url("/images/css_images/icons/dot-o.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_interface {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/dot-i.png");
  height: 16px;
  width: 16px;
}

.ir.doc_workroom {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/dot-w.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_plain {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document.png");  
  height: 16px;
  width: 16px;
}

.ir.doc_propsummary {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/dot-s.png");  
  height: 16px;
  width: 16px;
}

.ir.csv_view{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/xlxs.png");
  height: 16px;
  width: 16px;
}

.ir.xml_export{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/navigation-000-white.png");
  height: 16px;
  width: 16px;
}

.ir.xml_view{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/blue-document-code.png");
  height: 16px;
  width: 16px;
}

.ir.xml_view_txt{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/blue-document-text.png");
  height: 16px;
  width: 16px;
}

.ir.info {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/information.png");
  height: 16px;
  width: 16px;
}

.ir.question_red {
  padding-top: 16px;
  background-image: url("../images/css_images/icons/question-octagon-red.png");
  height: 16px;
  width: 16px;
}

.ir.search {
  padding-top: 16px;
  background-image: url("../images/css_images/icons/search-field.png");
  height: 16px;
  width: 16px;
}

.ir.edit_se_button {
  padding-top: 26px;
  background-image: url("../images/css_images/buttons/sales_manager.png");
  height: 26px;
  width: 96px;
}

.rollstock{
  padding-top: 16px;
  background-image: url("../images/css_images/icons/plus-grey.png");
  height: 16px;
  width: 16px;
}
.rollstock-setup{
  background-image: url("/images/css_images/icons/tick.png");
  padding-top: 16px;
  height: 16px;
  width: 16px;
}
.rollstock-minus{
  background-image: url("/images/css_images/icons/minus.png");
  padding-top: 16px;
  height: 16px;
  width: 16px;
}

a.dis {
  cursor: default;
}

a.invisible {
display:none;
}

a.pdf {
  padding-left: 20px;
  background-image: url("/images/css_images/icons/pdf-16.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

/**
 * --- Button styling code
 */

.button.full {
  height: 26px;
  border: none;
  /*text-indent: -9999px;*/
  background-repeat: no-repeat;
  background-position: 0 0;
}

.button.cancel {
  background-image: url("/images/css_images/buttons/cancel.png");
  width: 96px;
  height: 26px;  
  border: none;  
}


.button.order-add {
  padding-top: 48px;
  background-image: url("/images/css_images/icons/order_add_green.png");
  height: 48px;
  width: 68px;
}

.button.addRoom.full {
  background-image: url("/images/css_images/buttons/add_room.png");
  width: 96px;
}

.button.inst_standard.full {
  background-image: url("/images/css_images/buttons/installation.png");
  width: 96px;
}

.button.inst_highlight.full {
  background-image: url("/images/css_images/buttons/installation_highlight.png");
  width: 96px;
}

.button.re_cost.full {
  background-image: url("/images/css_images/buttons/re_cost.png");
  width: 96px;
}

.button.fab_swap.full {
  background-image: url("/images/css_images/buttons/swap-fabric.png");
  width: 96px;
}

.button.fab_swap_save.full,
.button.fab_swap_update.full {
  background-image: url("/images/css_images/buttons/Update Button.png");
  width: 75px;
}

.button.open_discounter.full {
  background-image: url("/images/css_images/buttons/discounter.png");
  width: 96px;
}

.button.addBlind.full {
  background-image: url("/images/css_images/buttons/add_blind.png");
  width: 86px;
}

.button.finishRoom.full {
  background-image: url("/images/css_images/buttons/finish_room.png");
  width: 114px;
}

.button.placeOrder.full {
  background-image: url("/images/css_images/buttons/place_order.png");
  width: 135px;
}

.button.next.full {
  background-image: url("/images/css_images/buttons/next.png");
  width: 72px;
}

.button.back.full {
  background-image: url("/images/css_images/buttons/back.png");
  width: 70px;
}

.back-to-prop {
  background-image: url("/images/css_images/buttons/back-to-proposal.png");
  width: 132px;
}

.button.mini {
  padding-top: 16px;
  background-color: transparent;
  height: 16px;
  width: 16px;
  border: none;
  background-position: 0 0;
}

.button.save {
  background-image: url("/images/css_images/buttons/save.png");
  width: 61px;
}

.button.addRate{
  background-image: url("/images/css_images/buttons/add-rate.png");
  width: 96px;	
  vertical-align: bottom;  
  cursor: pointer;
}

button.add-rate-set {
  background-image: url("/images/css_images/buttons/add-rate-set.png");
  width: 132px;
  vertical-align: bottom;
  cursor: pointer;
  height: 26px;
  border: none;  
}

button.add-rate {
  background-image: url("/images/css_images/buttons/add-rate-.png");
  width: 96px;
  vertical-align: bottom;
  cursor: pointer;
  height: 26px;
  border: none;  
}

.button.save2 {
  background-image: url("/images/css_images/buttons/save2.png");
  width: 96px;
}

.button.addOrder {
  background-image: url("/images/css_images/buttons/add_order.png");
  width: 116px;
}

.button.find {
  padding-left: 20px;
  background-image: url("/images/css_images/buttons/find.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.button.print {
  background-image: url("/images/css_images/buttons/print.png");
  width: 60px;
}

.button.printPrinter {
  background-image: url("/images/css_images/buttons/printPrinter.png");
  width: 116px;
}

.button.printScreen {
  background-image: url("/images/css_images/buttons/printScreen.png");
  width: 114px
}

.button.delete {
  padding-left: 20px;
  background-image: url("/images/css_images/buttons/cross-script.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.button.pdf {
  padding-left: 20px;
  background-image: url("/images/css_images/buttons/pdf-16.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.button.edit {
  background-image: url("/images/css_images/buttons/edit.png");
  width: 58px;
}

.button.prop_reports{
	display: inline-block;
	float: left;
	margin-right: 7px;
}
.button.details.full {
  background-image: url("/images/css_images/buttons/d-details-button.png");
  width: 72px;
  height: 26px;
  padding: 0px;
}
.button.workroom {
  background-image: url("/images/css_images/buttons/w-workroom-button.png");
  width: 96px;
  height: 26px;
  padding: 0px;
}
.button.fitting {
  background-image: url("/images/css_images/buttons/f-fitting-button.png");
  width: 72px;
  height: 26px;
  padding: 0px;
}


.add_validate{
  background-image: url("/images/css_images/buttons/address_validate.png");
  width: 86px;
  height: 30px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

.add_validate_now{
  background-image: url("/images/css_images/buttons/address_validate_now.png");
  width: 86px;
  height: 30px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

.button.proposal.full {
  background-image: url("/images/css_images/buttons/proposal.png");
  width: 96px;
}
.button.view.full {
  background-image: url("/images/css_images/buttons/view.png");
  width: 96px;
}

.button.create-order {
  background-image: url("/images/css_images/buttons/create-order.png");
  width: 96px;
}




/**
 * Specific contexts
 */

tr.line-item td {
  vertical-align: middle;
  border-top: 1px solid #F4F4F4;
}

tr.line-item.prop {
  color: gray;

}
tr.line-item.line-info td{
  border-top: none;  
  padding-top: 2px;
  padding-bottom: 2px;  
}  

tr.mb-warn td {
background-color: #fd4239;
color: #FFFF00;
line-height: 2;
}
td.discontinued{
  padding-left: 6px !important;
  font-weight: bolder;
  outline: 3px solid #0717ff;
  text-align: center;
}

tr.mb-warn {
/*    border: 1px solid #FF0000;*/
    font-size: 110%;
    font-weight: bold;
}


/*
tr.line-item input {
  font-size: smaller;
}*/

tr.line-info td {
  font-size: 12px;
  vertical-align: top;
  padding-left: 3em;

}

tr.fabric_colours td{
padding-bottom:0px;
padding-top:0px;
vertical-align:middle;
}


tr.freight {
  font-size: smaller;
}

img.butting, img.bend {
  cursor: pointer;
  float: left;
}

#productFinder, .fabric_finder {
  background-color: #EEE;
  border: 2px outset #AAA;
}

.fabric_finder input[type="text"] {
    min-width: 100px;
    width: 100px;
}

#totals, #totals_order {
  background: #EEE;
  margin-left: auto;
  margin-right:81px;
  margin-top:-6px;

}

input[type="text"]:disabled {
background-color: #dddddd4a;
border-style: solid;
}

/*
td {border:1px solid #ddd;}
*/

#line-items td.line-items-accept-cell,
#line-items th.line-items-accept-cell {
padding-left: 0px;
padding-right: 0px;
width: 30px;
text-align:center;
}
#totals_order {
  margin-top:0px;
}

#totals_rp {
  margin-right: 0;
  margin-left: auto;
}

#orderSubmit {
  margin-right: 0;
/*  margin-left: auto;  */
/* AJP */
  margin-right:81px;
  text-align: right;  
}

img.product-main {
  float: right;
  margin: 3px;
}

img.product-gallery {
  float: right;
  border: 1px solid black;
  margin: 3px;
}

#product-cats img {
  border: 1px solid;
}

p.img-caption {
  font-size: small;
  float: right;
  clear: both;
}

/* Pagination links */
#pages {
  text-align: center;
}

/* SVG Canvas */
.svgCanvas {
  width: 180px;
  height: 150px;
  position: relative;
  border: 2px black dotted;
  background: #EEE;
}

#messages ul {
  padding-left: 1em;
}

#contactInfo {
  float: right;
  border: 1px solid gray;
  margin: 5px;
  background: #EEE;
  font-size: small;
}

#contactInfo .readonly {
  color: black;
  font-family: inherit;
}

#contactInfo td, #contactInfo th {
  padding-top: 0;
  padding-bottom: 0;
}

#contactInfo input {
  margin: 0;
}

#contract option{
	background-color: #FFFFFF;	
	
}	
#contract{
border: 1px solid Red;
width: 100%;
}
#contract.has_value {
	background-color: #FFC0C0;	
}

input.item-code {
  float: left;
}

#brochures, #catalogues {
  float: right;
  width: 50%;
}

.brochure, .catalogue {
  border: 1px black solid;
  margin: 0.5em;
}

.brochure img, .catalogue img {
  float: right;
  padding: 5px;
}

.getAdobe {
  margin-top: 2em;
  color: #aaa;  
}

#proposal {
  background-color: #EEE;
  border: 2px outset #AAA;
  float: left;
  margin: -4px 1em 1em 1em;
  clear:both;
/*  
  margin: 1em;
*/  
}

#ops_table{
padding:2px 6px 0px;
margin:0px;
background-color: #EEEEEE;
border: 2px outset #AAAAAA;
}
#ops_table select{
width:20em;
}

#ops_table h4{
	display:inline;
    background: none repeat scroll 0 0 #605C5A;
    color: white;
    font-size: small;
    font-weight: bold;
    margin-left: -6px;
    padding: 6px 8px 7px 6px;	
}
#ops_table .ir{
float:right;
}
#discounter  {

background-color:#EEEEEE;
border:2px outset #AAAAAA;
float:left;
margin:-4px 1em 1em 0em;  
}
#prop_buttons {
float: left;
padding: 8px;
}
#prop_buttons a{
  text-decoration: none;
  vertical-align: middle;
}
#discounter_ops{
padding: 8px;
}
.invisible{
display:none;
}
div.discounter_off {
  /*display : none;*/
  visibility: hidden;
}
div.discounter_on {
  /*display : block;*/
  visibility: visible;
}

span.room_row {
  font-weight: bold;
  color: Blue;
}

span.cust_number{
	font-weight: bold;
    float: right;
    cursor: pointer;
    border: 1px solid #a9a9a9;
    display: inline-block;
    width: 130px;
    text-align: center;
    height: 28px;
    line-height: 1;
    background-image: url(/images/css_images/icons/edit.png);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
	border-radius: 5px;
	margin-top: -1px;
}
span.cust_number:hover{
background-color: #d5eaff;
}

span.ctxt{
font-weight:normal;
}

#prop_buttons input {
  margin-top: 3px;
  margin-bottom: 3px;
}

#proposal h3,
#discounter h3  {
    background: #605C5A;
    color: white;
    font-weight: bold;
    padding: 0.5em;
    font-size: small;
}

#discounter_close{
margin-top: -22px;
}
  
label {
  cursor: pointer;
}

.hide_me {
  display: none;
}

#pageHTML{
	--rate-tab-bk : #fbfcf7;
	--rate-tab-inact-bk : #DCE1EC;;
	--rate-tab-bd : #e2e3df;
	
}

span.rate_link a{
	text-decoration: none;
}	

span.rate_linkXX, span.rate_titleXX {
	font-size: 14px;	
	padding: 5px 25px;
	border-radius: 7px 7px 0px 0px;
	line-height: 25px;
	margin-top: 5px;
	display: inline-block;
	height: 25px;
}
span.rate_linkXX{
	border: 5px solid var(--rate-tab-bd);
	background-color: var(--rate-tab-inact-bk);
}

#edit_tabs{
	margin-left: 10px;
	background-color: #fff;
  height: 43px;	
}
span.rate_link{
border: 1px solid #aaa;
  display: inline-block;
  
  margin-left: 3px;
  padding: 3px 6px;
  background-color: #DDD;
  border-radius: 3px;
  min-height: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  overflow-y: hidden;
  overflow-x: hidden;
  vertical-align: bottom;
  margin-top: 1px;
  /*position: fixed;*/
}
span.rate_titleXX {
	border-top: 5px solid var(--rate-tab-bd);
	border-left: 5px solid var(--rate-tab-bd);
	border-right: 5px solid var(--rate-tab-bd);
	border-bottom: 5px solid var(--rate-tab-bk);
	font-weight:bold;
	background-color: var(--rate-tab-bk);
}
span.rate_title{background-color: #FFF;
  color: #000;
    display: inline-block;
	line-height: 40px;
  font-size: 120%;
  font-weight: bold;
  margin-top: -4px;
  height: 36px;
  padding: 3px 12px 3px;
  border-bottom: 1px solid #FFF;
  border-left: 2px solid var(--supp-tabs-bord-col);
  border-right: 2px solid var(--supp-tabs-bord-col);
  border-top: 2px solid var(--supp-tabs-bord-col);
  z-index: 81;
  position: relative;
  
  border-radius: 3px;
  }

span.rate_lineXX{display: block; height:5px;margin-top:-5px;background-color: var(--rate-tab-bd);}
span.rate_line{border-top: 2px solid var(--supp-tabs-bord-col);
  position: relative;
  z-index: 80;
  height: 7px;
  display: inline-block;
  width: 100%;
  top: -7px;
margin-left: -10px;  
}

button.addRate {padding: 2px 7px 4px 0px;margin-right:30px;}
#rates {margin:0 0.5em 0.5em 0;}
form[name="saveRates"] {padding:10px 10px 50px 10px;}
/*h1.rates {background-color:#f0f0f0;}*/
#rmc_wrap, #cwr_wrap{
padding-left: 10px;
width: fit-content;
}
#rmc_wrap_child, #cwr_wrap_child{
	/*
	border-left: 5px solid var(--rate-tab-bd);
	border-right: 5px solid var(--rate-tab-bd);
	border-bottom: 5px solid var(--rate-tab-bd);
	background-color: var(--rate-tab-bk);
	*/
	overflow: auto;
	padding-top: 10px;
	}
	
th.drop-cell {
	background-color: #e2e3df !important;
}

#secondaryMenu li.setup{
/*list-style-image: url(/images/css_images/layout/bullet_small.png);*/
background-image: url(/images/css_images/icons/blue-document-small.png);
padding-left:21px;
list-style-image: none;
background-repeat: no-repeat;
background-position-y: center;
}
#secondaryMenu li.setup.selected {
background-image: url(/images/css_images/icons/arrow.png);
border: 1px #DDD outset;
/*(padding-left: 21px;*/
}
#secondaryMenu li.toggled_in {
/*list-style-image: url(/images/css_images/layout/bullet_toggle_plus.png);*/
/*list-style-image: url(/images/css_images/icons/plus-small-white.png);*/

background-image: url(/images/css_images/icons/plus-small.png);


}
#secondaryMenu li.toggled_out {
/*list-style-image: url(/images/css_images/layout/bullet_toggle_minus.png);*/
background-image: url(/images/css_images/icons/minus-small.png);

}

#secondaryMenu li.retail_child,
#secondaryMenu li.roman_child,
#secondaryMenu li.curtain_child,
#secondaryMenu li.other_child,
#secondaryMenu li.blind_child,
#secondaryMenu li.added_child {
  margin-left: 20px;
}

/* Print report buttons */
.printButtons {
  float: right;
}
.printButtons a {
  background: #B7ADA7;
  border: 2px outset #B7ADA7;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: white;
  margin: 7px;
  padding: 5px;
}

a.button {
  background: #B7ADA7;
  border: 2px outset #B7ADA7;
  text-decoration: none;
  font-weight: bold;
  color: white;
  padding: 3px;
}

/**
Roll Stock
**/
#roll_stock_list{
padding: 5px;
}
#roll_stock_list th{
background:none repeat scroll 0 0 #CED4DD;
}


/**
Contact Management
**/
#contacts th, #se_history th, table.visit, th.reminder, td.reminder{
background:none repeat scroll 0 0 #CED4DD;
}

#contacts td {
/*
border-bottom: 1px solid #dddddd;
*/
background:none repeat scroll 0 0 transparent;
}
#contacts tr {
border-bottom: 1px solid #dddddd;
}

#se_history tr{
border-bottom:1px solid #DDDDDD;
}

#contacts tr.row_sus,
#se_history tr.row_sus {
background:none repeat scroll 0 0 #f5f6f6;
}
#contacts tr.row_lead,
#se_history tr.row_lead {
background:none repeat scroll 0 0 #f2e4dd;
}
#contacts tr.row_call,
#se_history tr.row_call,
td.call, th.call{
background:none repeat scroll 0 0 #f2ecc8;
}
#contacts tr.row_proposal,
#se_history tr.row_proposal{
background:none repeat scroll 0 0 #e0eede;
}
#contacts tr.row_cold,
#se_history tr.row_cold {
background:none repeat scroll 0 0 #c7cde8;
color: #FFFFFF;
}
#contacts tr.row_order,
#se_history tr.row_order {
/*background:none repeat scroll 0 0 #c7cde8;*/
font-weight: bold;
}
#contacts tr.row_proposal_submitted,
#se_history tr.row_proposal_submitted {
/*background:none repeat scroll 0 0 #c7cde8;*/
font-weight: bold;
color: #0000FF;
}

#se_history .actions {
/*width:162px;*/
}

#search_results span.search_match {
font-weight: bold;
color: Blue;
}
#conf h4{
  background: none repeat scroll 0 0 #C7CDE8;
  border-bottom: 2px solid #00A6DE;
  padding: 5px;
}
#conf h4.dup{
  background: none repeat scroll 0 0 #e09a84;
  color: #FFFFFF;
}

th.call, td.call {
border-top: 2px solid #e6bb52;
border-bottom: 2px solid #e6bb52;
}
th.call{
color:#FFFFFF;
font-size:120%;
text-shadow:0.1em 0.1em 0.3em #000000;
}
td.call {
}
/*
th.reminder, td.reminder {
border-top: 2px solid #67ae3e;
border-bottom: 2px solid #67ae3e;
}
*/
th.reminder {
color:#FFFFFF;
font-size:120%;
text-shadow:0.1em 0.1em 0.3em #000000;
}
td.reminder {

}

#sched_prosp td.proposal {
padding-top: 21px;
}


#schedule_row{
  background-color: #ffafa6;
}

#contacts th.actions,
 #contacts td.actions{
 padding: 0px;

/* width:260px;*/
}

 #contacts td.actions{
background:none repeat scroll 0 0 #FFFFFF; 
/*width:222px;*/
}

#h_out_leads,
#h_out_leads_pop{
background:url("/images/sales_manager/h_lead.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#h_out_calls,
#h_out_calls_pop{
background:url("/images/sales_manager/h_call.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#h_out_proposals,
#h_out_proposals_pop{
background:url("/images/sales_manager/h_proposal.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#se_status_table,
#se_status_table_list{
margin:0;
width:100%;
}

#se_status_table td,
#se_status_table_list td{
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size:133%;
font-weight:bold;
line-height:1.1;
width:145px;
}
#se_status_table td:last-child,
#se_status_table_list td:last-child{
width:244px;
}
/*
td.proposal_00,td.proposal_05,td.proposal_10,td.proposal_20{
width:250px;
}
*/

td.prospect_00,
td.visit_00,
td.visit_05,
td.proposal_00,
td.proposal_05,
td.proposal_10,
td.suspect_99, td.prospect_99, td.visit_99, td.proposal_99
{
  color : #BBBBBB;
}

td.suspect_00,
td.prospect_05,
td.visit_10,
td.proposal_20,
td.suspect_AA,td.prospect_AA,td.visit_AA,td.proposal_AA
{
  color : #0000FF;
  text-shadow: 0.1em 0.1em 0.1em #CCCCCC;
}

#sales_entity_edit{
margin-top: -8px;
}

#calendar_filter{
/*padding-left: 10px;*/
  min-height: 27px;
  margin-top: -43px;
  margin-left: 266px;
  z-index: 200;
  position: sticky;
  top: 47px
}

#load_all{
  float:right;
/*  margin-top: -43px;*/
  margin-right: 10px;  
}


#tran_list thead,
#curtain-headers thead,
#roman-headers thead,
#contacts thead,
#se_history thead,
#prepacks thead{
  position: sticky;
  top: 81px;
}
#line-items thead{
  position: sticky;
  top: 0px;
  z-index: 10;
}
#contacts {
  margin-top: 20px;
}

.se_status_div,
.se_status_list_div{
background:url("/images/sales_manager/sales_manager_banner_29.png") no-repeat 0 0 transparent;
height: 33px;
width: 730px;
}

#cust_status{
background:url("/images/sales_manager/sales_manager_banner_customer.png") no-repeat 0 0 transparent;
height: 23px;
width: 264px;
text-indent: -9999px;
border: none;
margin: 0;
}



.se_status_list_div{
margin: 4px 0px -4px 5px;
}

#h_out_all{
background:url("/images/sales_manager/h_all.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#h_out_leads_pop,
#h_out_calls_pop,
#h_out_proposals_pop {
margin-left:-3px;
margin-top:-11px;
padding-bottom:3px;
}

#contacts tr.hov:hover {
  background-image:url("/images/css_images/layout/highlight.png");
  color : Blue;
  cursor: pointer;
}

td.cont_clickXXX:hover {
  background-color: #FFFFFF;
  cursor: pointer;
}


table.out_leads .cont_status,  
table.out_leads .cont_sales, 
table.out_leads .cont_act_call,
 table.out_leads .cont_sales{
display: none;
}
table.out_sus .cont_status,  
table.out_sus .cont_sales, 
table.out_sus .cont_act_call,
table.out_sus .cont_potential,
/*table.out_sus .cont_job_no,?8
 table.out_sus .cont_sales{
display: none;
}

table.out_calls.cont_job_no, 
table.out_calls .cont_potential, 
table.out_calls .cont_act_call, 
table.out_calls .cont_sales, 
table.out_calls .cont_how_did, 
table.out_calls .cont_status {
display: none;
}
/*table.out_proposals.cont_job_no, table.out_proposals .cont_potential, table.out_proposals .cont_how_did, table.out_proposals .cont_status, table.out_proposals .cont_job_no  {*/
table.out_proposals .cont_potential, table.out_proposals .cont_how_did, table.out_proposals .cont_status {
display: none;
}

th.cont_how_did, th.cont_communication,
td.cont_how_did, td.cont_communication {
/* Hide from list until further notice */
display: none;
}
/*
table.out_leads td.actions,
table.out_leads th.actions,
table.out_calls td.actions,
table.out_calls th.actions,
table.out_proposals td.actions,
table.out_proposals th.actions,
table.out_all td.actions,
table.out_all th.actions{
padding: 0px;
}
*/


#contact_edit th {
padding-top:0px;
padding-bottom:0px;
padding-left:13px;
font-size: 90%;
}
 #contact_save_button{
 /*margin-left : 150px;*/
}

 /*tr.add_val_row {*/
 #address_validator{
  border : 2px solid #ff6959;
  margin-left: 3px;
}
 
#conf{
  border : 2px solid #00a6de;
  margin-left: 3px;
} 
#conf ul{
  margin-left: 20px;
}
#conf li{
  padding: 3px;
}
#conf li.known_cust:hover {
  background-color: #cee1eb;
  cursor: pointer;
}
#conf li.new_cust{
  font-weight: bold;
}
#conf li.new_cust:hover {
  background-color: #8ed8f8;
  cursor: pointer;
  padding: 3px;
}
 
tr.add_val_row  li:hover {
  background-color: #ffafa6;
  cursor: pointer;
} 

tr.add_val_row  ul {
  margin-left: 20px;
}
tr.add_val_row  li {
  padding: 3px;
}


.box_headerX{
  background-color : #404f6c;
}


#sales_entity_edit h3{
  color: #FFFFFF;
  text-shadow:0.1em 0.1em 0.1em #000000;
  padding: 5px 5px 5px 30px;
}

#sales_entity_edit h3.closed{
  background: url("/images/css_images/icons/navigation-000-button.png") no-repeat scroll 7px 50% transparent;    
  background-color: #404f6c;
}
#sales_entity_edit h3.open{
  background: url("/images/css_images/icons/navigation-270-button.png") no-repeat scroll 7px 50% transparent;
  background-color: #4f709c;
}
#sales_entity_edit h3.off{
  background: url("/images/css_images/icons/navigation-000-button-dis.png") no-repeat scroll 7px 50% transparent;
  background-color: ece9e4;
  color: #000000;
  text-shadow:none;
}



#sales_entity_edit .box_header {
border: 1px solid #DDDDDD;
}
#sales_entity_edit .box_content {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}

#sales_entity_edit h3.open:hover,
#sales_entity_edit h3.closed:hover{
  cursor: pointer;
  background-color: #4f709c;
}

#sales_entity_edit .ir.close{
background-image:url("/images/css_images/icons/delete.png");
float:right;
height:16px;
padding-top:16px;
width:16px;
/*margin-right:-11px;*/
margin-top:0px;
}

.ww-moz-button{
    background-color: rgb(225, 225, 225);
	border: 1px solid rgb(173, 173, 173);		
	padding: 5px;
/*	box-shadow: 2px 2px #efefef;*/
	box-shadow: 2px 2px rgba(239,239,239,0.75);
	display: inline-block;

}	
#sales_entity_edit span.ww-moz-button{margin-left: 3px;}

#multi-order-confirm a {
  text-decoration: none;
  font-size: 11pt;
}

table.fab-filter a,
table.fab-filter-cats a {
  text-decoration: none;
  display: inline-block;
  height: 25px;
  min-width: 28px;
  text-align: center;
  line-height: 2;}
table.fab-filter td{padding:0;}
table.fab-filter-cats td {padding:0 8px;}
table.fab-filter td.current a, table.fab-filter-cats td.current a {font-weight:bold;}
table.fab-filter {background-color: #f3f8fb;}
table.fab-filter td.current {background-color:#9adeff;}
table.fab-filter td:hover {background-color:#c4ecff;}

table.fab-filter-cats {background-color: #f3f8fb;}
table.fab-filter-cats td.current {background-color: #9adeff;}
table.fab-filter-cats td:hover {background-color:#c4ecff;}
table.fab-filter-cats a {font-size:11pt;  height: 27px;}




.ww-moz-button:hover {
	cursor: pointer;
    background-color: rgb(229, 241, 251);	
    border: 1px solid rgb(0, 120, 215);	
}
.email-cons-button span.email-img{
	position: relative;
	padding: 0px 10px;
	background-image:url("/images/css_images/icons/mail-send.png");
	background-repeat: no-repeat;

}

#generate-se-ref {
  margin-left : 3px;	
}

#se_customer_content th,
#se_customer_content td,
#se_details_content th,
#se_details_content td,
table.visit td,
table.visit th {
/*border: 0px dotted #DDD;*/
padding-left:0px;
padding-right:0px;
}

td.se_highlight, th.se_highlight {
  background:none repeat scroll 0 0 #e4b477; 
  border: 1px solid #cf8b2d;
}
th.se_highlight {
  border-right: 1px solid #e4b477;
  padding-left: 3px;
}
td.se_highlight{
  border-left: 1px solid #e4b477;
}

table.visit td{
vertical-align: middle;

}

#se_status {
color:#DDDDDD;
font-size:120%;
}

#sales_entity_edit th.se_cell_fixed_width,
#sales_entity_edit td.se_cell_fixed_width{
width: 100px;
}
#sales_entity_edit th.se_cell_fixed_width_B,
#sales_entity_edit td.se_cell_fixed_width_B{
width: 310px;
}

#sales_entity_edit th.se_cell_fixed_width_C,
#sales_entity_edit td.se_cell_fixed_width_C{
width: 100px;
}

#sales_entity_edit tr.se_address_notes  th,
#sales_entity_edit tr.se_address_notes  td{
padding-top: 10px;
border-top: 1px solid #DDDDDd;
}


#sales_entity_edit input,
#sales_entity_edit select {
min-width: 7em;
width:7em;
}
#sales_entity_edit input[type="checkbox"]{
min-width: 2em;
width:1em;
}
#sales_entity_edit input[name="email"]{
min-width: 12em;
width:12em;
}
#sales_entity_edit input[name="jobContact"],
#sales_entity_edit input[name="jobno"]{
min-width: 19em;
width:19em;
}

#sales_entity_edit input[name="schedTime"],
#sales_entity_edit input[name="schedTimeTo"]{
min-width: 4em;
width:4em;
}

#sales_entity_edit textarea[name="samples_note"]{
    float: right;
    margin-top: -5px;
    min-width: 14em;
    min-width: 60%;
    height: 55px;	
}


input.ww_readonly, textarea.ww_readonly{
background-color: #ecece6;
border-bottom:1px solid #E2E3EA;
border-left:1px solid #E2E3EA;
border-right:1px solid #E2E3EA;
border-top:1px solid #ABADB3;
-moz-border-radius: 2px;

}
#sales_entity_edit input[name="samples"]{
min-width: 12em;
width:12em;
}
#sales_entity_edit legend{
font-weight:bold;
padding-left:4px;
}

#se_control_panel,
#se_control_panel2{
-moz-border-radius:3px 3px 3px 3px;
border:1px solid #777777;
margin-right:3px;
margin-left:3px;
padding:5px;
width:75px;
background-color:#ece9e4;
}

#se_control_panel{
height: 185px;
}
#se_control_panel2{
height: 228px;
}
#se_control_panel button,
#se_control_panel2 button{
width: 75px;
}
#contact_save_button1{
margin-top: 8px;
}
#contact_save_button2{
margin-top: 35px;
}
td.se_control_panle_cell {
width: 80px;
padding: 0px;
}
#se_address_buttons{
  display:inline;
  vertical-align:top;
}

div.box_content{
/*
  padding-top: 5px;
  padding-left: 5px;
*/
  padding:5px;
}

#calendar_all, #calendar_rem {
width: 97%;
padding-left: 20px;
}


#se_history tr.row_order td {padding: 2px 7px}

#sales_entity_edit table{
  width : 100%;
  margin: 0px;
}

#search_sur{
/*
display:inline;
float:none;
position:static;
*/
cursor: pointer;
}

#GPS_report_header, #PropCSV_report_header{
  background:none repeat scroll 0 0 #ECE9D8; 
  font-family: Verdana;
  font-size: 8pt;  
}

#GPS_report_header button, #PropCSV_report_header button{
  font-family: Verdana;
  font-size: 8pt;
}
  
#GPS_report_header td.button_cell, #PropCSV_report_header td.button_cell{
  border-left:1px solid gray;
}

#GPS_report_header td, #PropCSV_report_header td {
  vertical-align: text-top;
}


/**
Installation Rate Maint
**/
#rate_cats{
background:none repeat scroll 0 0 #F2F2F2;
border:1px solid #AAAAAA;
display:inline-block;
margin:2px;
padding:10px;
-moz-box-shadow:2px 2px 2px #888888;
position:sticky;
top:81px;
width: 98%;
}
#rates thead{
position:sticky;  
  top: 121px;
}
#rate_cat_sel{
text-shadow: 0.1em 0.1em 0.1em #fff;
}
#rate_maint{
padding: 5px;
}
#rates input,
#rates select{
  min-width: 2em;
  width: 77px;
}

#rates input.rate_supplier {
  min-width: 12em;
}
#rates input.rate_name {
  min-width: 20em;
}
#rates input.rate_active {
  min-width: 2em;
  width: 30px;
}
td.rate_active_cell{
  vertical-align:middle;
}

#rates th {
  background:none repeat scroll 0 0 #CED4DD;
}
#rates td.inactive{
  background:none repeat scroll 0 0 #dbd9d9;  
}
#rates td.inactive, #rates td.inactive input, #rates td.inactive select {
	color: #888;
}

#rates td.inactive.rate_active_cell{
/*  background:none repeat scroll 0 0 #f2ba9d;  */
}

#rate_maint input.button{
/*  float: right;*/
}

#rates a.int_rate_edit{
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  padding: 3px 8px;
  text-decoration: none;
  float:right;	
}

#rates td.rate_retail_margin{
	text-align: center;
}
#rates span.rate_retail_here, #rates span.rate_retail_margin_here{
	line-height: 2;
}

/**
Installation Wizard
**/
#install_wizard td.q_charged,
#install_wizard input{
  width: 3em;
}
#install_wizard td.q_calc{
  width: 4em;
}
#install_wizard input{
  min-width: 3em;
}
#install_wizard select.uom{
  min-width: 3em;
}
#install_wizard select.rates{
  min-width: 4em;
}

tr.subT td, #grandT{
  border-top:2px solid #000;
  border-bottom:2px double #000000;
  padding-right: 2px;
  font-weight: bold;  
}

.first_cell{
  border-left:1px solid #000;
}

td.spacer, #install_wizard th{
  border-top:1px solid #000;
  padding: 7px;
}

.last_cell{
  border-right:1px solid #000;
}

#install_wizard tr.TracksCurtains>td,
#install_wizard tr.Blinds>td,
#install_wizard tr.OutdoorRoof>td,
#install_wizard tr.misc>td,
#install_wizard tr.Pre-packCurtains>td{
  font-size: 80%;
  padding: 0px 2px 4px 2px;
  vertical-align:baseline;
}
#install_wizard th{
  padding: 5px;
}

#install_wizard input,
#install_wizard select{
  font-size: 110%;
}

#install_wizard td.even{
  background: #e8ecf0;
}

#install_wizard td.treat_head{
  background: #7190c1;
  color: #fff;
  text-shadow:0.1em 0.1em 0.1em #000000;	
  font-size:120%;
}

#install_wizard td.treat_foot,
#grandT{
/*
  padding-top:3px;
  padding-top:3px;
  */
}

#installSubmit{
  float: right;
}
#install_wizard_title {
  background: url("/images/css_images/layout/installation_wizard.png")no-repeat;
  width: 275px;
  height: 53px;
  text-indent:-9999px;
  padding:0px;
  margin:0px;
}

#install_wizard_table {
  min-width : 99%;
  margin-left:3px;
  margin-right:3px;  
}
td.uomHighlight{
  color : Blue;
  font-weight: bold;
}

/** Our advertising on the orders page **/
#orders-left, #sm-left		{			
float: left;
width: 365px;
}
#orders-left #advertising-lower  {
margin:25px 0px 0px 13px;
}
#sm-left #advertising-lower  {
margin: 15px 0px 0px 10px;	
}
#advertising-lower img		{
width: 100%;
border: 1px solid #DDDDDD;
}
#advertising-mid		{
width: 450px;
float: right;
margin-top: 15px;
}
div.ad-one{
/*margin-bottom: 25px;*/
}
div.ad-one, div.ad-two {
display:inline-block  !important;
}
#advertising-mid img		{
width: 100%;

}
#advertising {
float: right;
width: 450px;
clear: none !important;
margin:15px 0px 25px 25px !important;
}
#advertising img		{
width: 100%;
border: 1px solid #DDDDDD;
}

select.supplierSelect {
  float: right;
  margin: 6px;
}

#supplier option.fab-oth {
  color : Green;	
}
#supplier option.fab-t2 {
  color : Blue;		
}

/**
jQuery UI
**/
div.ui-datepicker{
 font-size:10px;
}
table.fc-header h2{
background: none;
}


/** Credits  **/
#credits {
padding: 10px;
}
#credits a{
color:#999999;
text-decoration:none;
}
#credits ul{
padding-left:10px;
}
a.no-dec{
text-decoration:none;
}

#message_dev {
    background-color: #FFDDDD;
    background-image: url("/images/css_images/icons/error.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    border: 2px solid red;
    box-shadow: 3px 3px 4px #888888;
    left: 0;
    padding: 5px 20px 5px 45px;
    position: fixed;
    text-align: left;
    top: 0;
    z-index: 5000;
}	
#message_dev th{
font-weight:bold;
padding-right: 5px;
}

td.bulk-tick,
th.bulk-tick {
/*text-align:center;*/
width: 96px;
}
td.valign-m,
th.valign-m{
text-align:center;
}

/*** START SQUARE TICK ****/
/* SQUARED FOUR */
.squaredFour {
	width: 20px;	
	margin: 0px auto;
	position: relative;
}

.squaredFour label {
	left: 0px;
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.squaredFour input[type=checkbox],
.squaredThree input[type=checkbox],
.squaredTwo input[type=checkbox]{
visibility:hidden;
}

/* SQUARED TWO */
.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
/*	margin: 20px auto;*/

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED THREE */
.squaredThree {
	width: 20px;	
/*	margin: 20px auto;*/
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/*** END SQUARE TICK ****/


/*** SITE SEARCH ***/
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
/*    zoom:1;*/
	transform:scale(1);
	transform-origin: 0 0;
}    

 /* Form wrapper styling */
form.search-wrapper { 
padding-left:106px;
}
.search-wrapper {
width: 308px;
/*
margin: 45px auto 50px auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
*/

    display: flex;
    align-items: center;
    gap: 0px;
    margin: 0;
}
 
/* Form text input */
 
.search-wrapper input[type="text"] {
width: 220px;
height: 20px;
padding: 10px 5px;
float: left;
margin: 0px;
font: bold 15px "lucida sans", "trebuchet MS", "Tahoma";
border: 0;
background: #EEE;
border-radius: 3px 0 0 3px;
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   

#proposal_process_costs{
	padding: 25px;
	text-align: center;
} 
.ui-widget-overlay{
  opacity: 0.4 !important;	
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.pws {font-weight:bold;display: inline-block;text-indent:20px;}
.pws0 {color:Red;background:url(/images/css_images/icons/slash.png) left top no-repeat;} 
.pws1 {color:Red;background:url(/images/css_images/icons/error.png) left top no-repeat;}
.pws2 {color:Orange;background:url(/images/css_images/icons/exclamation-octagon-frame.png) left top no-repeat;} 
.pws3 {color:Green;background:url(/images/css_images/icons/green-dot.png) left top no-repeat;} 
.pws4 {color:Green;background:url(/images/css_images/icons/tick.png) left top no-repeat;} 
.pws5 {color:Purple;background:url(/images/css_images/icons/lock.png) left top no-repeat;} 
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
/*float: right;*/
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 72px;
font: bold 15px/40px "lucida sans", "trebuchet MS", "Tahoma";
color: white;
text-transform: uppercase;
background: #D83C3C;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
margin-top: 0px;
}
   
.search-wrapper button:hover{     
    background: #e54040;
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.search-wrapper button:before { /* left arrow */
    content: "";
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
 
.search-wrapper button:hover:before{
    border-right-color: #e54040;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}


span.search-options input{
margin-left:15px;
}
span.search-label{
 font-size: 18px;
    font-weight: bold;
    left: 5px;
    position: absolute;
    width: 110px;
}
#site_search{
  position: relative;
  display: flex;
  align-items: center;      /* vertical centering */
  gap: 10px;                /* space between label, form, and options */
  white-space: nowrap;      /* optional: keep it all on one line */
  margin-top: 4px;
}
/*** END SITE SEARCH ***/


table.web_users tr.staff td{
  color: #0000FA;	
}
table.web_users tr.current td{
  font-weight: bold;
}
table.web_users tr.active td.type{
	background-color: #B9EBA9;
	border: 1px solid #98CF86;
  
}
table.web_users tr.inactive td{
  color: #FA0000 !important;	
}
#web_user_edit{
	width: 500px;
	height:auto;
/*	margin: 0 auto;*/
	
}


span.data-for-pop{
background-color: #c5f9c8;
    border: 1px solid #888;
    color: blue;
    cursor: pointer;
    display: inline-block;
    padding: 1px 3px;
	border-radius: 4px;
}


	#interface {padding-right:20px;max-width:1100px;}		
	#interface td,#interface th {border: 1px solid #CCC;}
	tr.customer td  {padding:2px 5px;}
	tr.customer th {padding:2px 8px;}
	#interface th {width: 150px;}
	#interface table {width:100%;}
	#interface td {vertical-align:middle}
	#interface td.exp {background-color: #f0f7ff;padding-right:15px;}
	#interface table.tbl-sub {background-color: #ffffff;}
	#interface img.typ-ico{margin-right: 5px;vertical-align: sub;}
	#interface span.po-amt {display: inline-block;width: 71px;text-align: right;margin-right: 10px;}
	#interface span.po-type {float:right;font-weight: bold;font-family: Tahoma,inherit Geneva;font-size: 13px;}
	#interface span.sub-hdr {margin-left: 5px;display: inline-block;width: 180px;font-weight:bold;font-size: 15px;}

	
	#interface tr.main-hdr th {font-size: 120%;text-align:center;}
	#interface tr.prod-hdr {background-color:#ffeacb;}	

	#interface span.xero-status {float:right;display:block;font-weight: bold;font-size: 110%;}
	#interface .xero-link {float:right;margin-left:10px;display:inline-grid;}
	#interface span.xero-ref {font-weight: bold;}
/*	
	tr.cust-hdr {background-color:#deffe2;;}
	tr.prop-hdr {background-color:#ffbcbc;}
	tr.ord-hdr  {background-color:#d7eae1;}
*/	
	#interface tr.exported {background-color:#deffe2;}
	#interface tr.exported-deleted td.xero-cell{background-color: #ff00003b;border-top: 2px solid red;border-right: 2px solid red;border-bottom: 2px solid red;border-left: 6px solid red;}
	span.tran-check {float:left;display: flex;margin-left:-25px;}
	#interface .exRp{float:right;display: flex;margin-right:7px;}
	
	button.tran-check {display:block;}
	#interface td.xero-cell {padding-left:38px;vertical-align:inherit;}
	#interface .xero-cell, #interface .xero-cell-cust {border-left: 6px solid #b7b7b7;}
	
	#interface a.ir.copy, a.ir.google, a.ir.re-exp-prop-orders, a.ir.re-exp-prop, a.ir.xml, div.tran-buttons div {display:none;}
	#interface a.doc_fittingXX{clear:both;}
	#interface tr.ord-hdr-pos, #interface tr.spacer {background-color:#f0f7ff;}
	#interface tr.ord-hdr-pos td{border:none;}
	span.cust-dets {display: block;
margin-left: 205px;
margin-top: -17px;}
	
	tr.prop-main td {font-size:115%;padding:6px;}

	span.code-snip {float:right;opacity:0.4;display:inline-block;width: 16px;border: none;height: 16px;background-color: transparent;cursor: pointer;background-image:url("/images/css_images/icons/document-code.png");background-repeat: no-repeat}
	span.code {display:none;}
	
	span.prod-id button{width: 16px;border: none;height: 16px;background-color: transparent;cursor: pointer;vertical-align: middle;margin-left:5px;}	
	span.prod-id input{width: 80px;}
	
	button.ibtn  {width: 16px;border: none;height: 16px;background-color: transparent;cursor: pointer;}
	button.tswitch, button.look-up, button.link-now, button.add-now, button.unlink-now, button.unlink-now-p {width: 16px;border: none;height: 16px;background-color: transparent;cursor: pointer;}		
button.lookup, button.look-up {background-image:url("/images/css_images/icons/look.png");}
	button.xexp {background-image:url("/images/css_images/icons/upload-cloud.png");margin:0px !important;}
button.product-check,button.payments-check {background-image:url("/images/css_images/icons/eye.png");opacity: 0.7;}

button.tran-check {background-image:url("/images/css_images/icons/document-code.png");opacity: 0.75;}
button.tran-url {background-image:url("/images/css_images/icons/xero.png");}

button.add-now {background-image:url("/images/css_images/icons/plus-white.png");}
button.link-now {background-image:url("/images/css_images/icons/chain.png");}
button.unlink-now, button.unlink-now-p {background-image:url("/images/css_images/icons/scissors.png");}
button.tswitch.collapsed, button.top-link.collapsed {background-image:url("/images/css_images/icons/plus-white.png");}		
button.tswitch.open, button.top-link.open {background-image:url("/images/css_images/icons/minus-white.png");}		
.tswitched.collapsed {display:none;}
.tswitched.open {display:table-row;}
td.tbutton {width: 20px;padding: 0px 0px 3px 9px;}
td.matched {background-image:url("/images/css_images/icons/tick.png");background-repeat: no-repeat;background-position: center;width:20px;}

td.unmatched {background-image:url("/images/css_images/icons/grey-dot.png");background-repeat: no-repeat;background-position: center;opacity: 0.2;}
button.not-ready, button.payments-no {background-image:url("/images/css_images/icons/grey-dot.png");opacity: 0.7;}
button.ready {background-image:url("/images/css_images/icons/green-dot.png");}
button.ready2 {background-image:url("/images/css_images/icons/orange-dot.png");}
button.posted {background-image:url("/images/css_images/icons/tick.png");}



button.ibtn.loading {background-image:url("/images/css_images/icons/loading16.gif") !important;}

span.int-status{
display: block;
font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 1.95;
	border: 1px solid #e1e1e1;
	padding: 6px;
	border-radius: 7px;
	width: 68px;
}
span.int-status img{
	float: right;
margin-top: 2px;	
}

span.pr-txt{
/*	line-height: 2;*/
}
td.pr-txt{
/*	padding-right:15px !important;*/
	text-align: center;
}
td.pr-status{
	text-align:center;
}
td.pr-status.linking{
	background-color: #e1e1e1a3;
}
td.pr-status.ready{
	background-color: #bde0843d;
}
td.pr-status.part.ready{
	background-color: #e0d6843d !important;
}
td.pr-status.exported{
	background-color: #cb875440;
}
td.pr-status.done{
	background-color: #bde0843d;
}
td.pr-status.skipped{
	background-color: #fc74744f;
}

span.pr-date{
	font-size: 75%;
font-weight: bold;;
}
span.st-txt{
	font-size: 12px;
font-weight: bold

}
span.int-exported{
border: 1px solid #006219;
cursor: pointer;
box-shadow: 1px 1px 2px #464646;
}
span.int-exported:hover{
/*	background-color: #62e97230;*/
	box-shadow: 1px 1px 3px #464646;
}

span.load-ops {
padding: 9px;
display: inline-block;
border: 1px solid #b0b0b0;
margin-top: 7px;
margin-left: 7px;
}


	

/* --------- Popup --------- */
/* --------- Taken from the studio, as we need the Fabric List for Fabric Swap --------- */
.popup.bg {
  position: fixed;
  position: expression("absolute"); /* Cursor disappearance hack for FF */
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 85; /* AJP was 1000 */
  background-image: url("../images/css_images/layout/overlay.png");
}


.popup.content {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topleft:10px;
-moz-box-shadow:3px 4px 6px #333333;
background:none repeat scroll 0 0 #FFFFFF;
border:2px outset #666666;
height:92%;
margin:1.5% auto 0;
overflow-x:auto;
overflow-y:scroll;
padding:8px;
text-align:left;
width:85%;
}

.popup.loading {
  margin: 1em auto;
  background: #fff url("../images/css_images/icons/loading.gif") no-repeat 2px 50%;
  padding: 1em 20px;
  text-align: left;
  width: 15%;
}

.popup h2 {
  font-size: large;
  font-weight: bolder;
  background: #605C5A;
  color: white;
  padding: 5px;
  -moz-border-radius-topleft:7px;
}

.popup .ir.close {
  padding-top: 16px;
  background-image: url("../images/css_images/icons/delete.png");
  height: 16px;
  width: 16px;
  float: right;
  margin-right: 8px;
  margin-top: 8px;
}


/*
Suppliers List
*/
 .loader{ 
   position: relative; 
   left: 55%; 
   transform: translate(-50%, -50%); 
   display: flex; 
   align-items: center; 
   margin-top: 17px;
     
 } 
 /* Creating the dots */ 
 span.dots{ 
   height: 15px; 
   width: 15px; 
   margin-right: 10px; 
   border-radius: 50%; 
   background-color: #459bf9; 
   animation: loading 1.6s linear infinite; 
 } 
 /* Creating the loading animation*/ 
 @keyframes loading { 
   0%{ 
    transform: translateX(0); 
   } 
   25%{ 
    transform: translateX(15px); 
   } 
   50%{ 
    transform: translateX(-15px); 
   } 
   100%{ 
    transform: translateX(0); 
   } 
     
 } 
span:nth-child(1){ 
  animation-delay: 0.1s; 
} 
span:nth-child(2){ 
  animation-delay: 0.2s; 
} 
span:nth-child(3){ 
  animation-delay: 0.3s; 
} 
span:nth-child(4){ 
  animation-delay: 0.4s; 
} 
span:nth-child(5){ 
  animation-delay: 0.5s; 
} 










/**
 * ==============================================
 * Dot Floating
 * ==============================================
 */
.dot-floating {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #008a00;
  color: #459bf9;
  animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}
.dot-floating::before, .dot-floating::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #008a00;
  color: #459bf9;
  animation: dot-floating-before 3s infinite ease-in-out;
}
.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #008a00;
  color: #459bf9;
  animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);
}

@keyframes dot-floating {
0%{left:calc(-50% - 5px)}
75%{left:calc(50% + 105px)}
100%{left:calc(50% + 105px)}
}
@keyframes dot-floating-before {
0%{left:-50px}
50%{left:-12px}
75%{left:-50px}
100%{left:-50px}
}
@keyframes dot-floating-after {
0%{left:-100px}
50%{left:-24px}
75%{left:-100px}
100%{left:-100px}
}
.xero {
	text-align: center
}


/**********  END  **********/


/* Toggle with: <html class="layout-b"> */

html.layout-b #irWindoware {
  background:url("/images/css_images/layout/logo_blue_trans_live.png?v=2") no-repeat scroll 50% 0 transparent;
width: 430px;
  height: 69px;
  margin: 0 auto;
  background-position-y: 50%;
  background-size: cover;
  background-position-x: 48%; 
}

html.layout-b body{
  background-color: var(--back-color);
}

/*html.layout-b {*/
html {  
  --panel-bg: #fff;
  --panel-br: #b8c2cd;
  /*
  --panel-radius: 8px;
  --panel-shadow: 0px 4px 11px rgba(0,0,0,0.15);
  */
  --panel-radius: 4px;
  --panel-shadow: 0px 2px 3px rgba(0,0,0,0.10);  
  --panel-pad: 10px;   /* tweak if you want tighter/looser */
  --back-color: #faf9f6;
}
body.dark-mode {
  --back-color: #515151;
  --panel-bg:#fffce9;
}


/* Optional: clean headings inside these panels (purely cosmetic) */
html.layout-b #secondaryMenu h2,
html.layout-b #pageHTML h2,
html.layout-b #pageHTML_noSide h2,
#pageHTML_orders h2
{
  background: none;
  border: 0;
  margin-top: 0;
  font-family: system-ui, Arial, sans-serif;

  border-radius: 6px;
  background-color: #eaf2fe;
  outline: 1px solid #c8d9f5;  
  color: #222;

  position: sticky;
  top: 43px;
  z-index: 10;  
}
#pageHTML_orders h2 {
  margin: 5px 5px 0px 5px;
  position: static;
}
#pageHTML_orders{
  margin-top: 5px;
  box-shadow: var(--panel-shadow);
}
h2.sub{
  position: inherit !important;
  margin: 3px !important;
  padding: 3px 6px;
  font-size: initial;   
}




html.layout-b #pageHTML {
  height: fit-content;
}

/* Headings clean 
html.layout-b h2{ background:none; border-top:none; margin-top:0; }
*/






/* ---- Layout-B spacing (no sticky) --------------------------------------- */
html.layout-b {
  --sidebar-w: 250px;
  --gap: 5px;        
  --bottom-gap: 15px;
  --top-offset: 144px;
}

/* Make widths/heights include padding + border so math is exact */
html.layout-b #secondaryMenu,
html.layout-b #pageHTML { box-sizing: border-box; }

/* Keep the float containment */
/*html.layout-b #mainBody::after { content:""; display:block; clear:both; }*/


/* If your JS pins it, preserve geometry (no sticky used) */
html.layout-b #secondaryMenu.anchor-fixed {
  position: fixed;
  top: var(--top-offset);
  left: 0; /* parent already aligns left */
  min-height: calc(100vh - var(--top-offset) - var(--bottom-gap));
}



/* Right panel (existing #pageHTML) */


/* In Layout-B, drop the clearfix and self-contain floats */
html.layout-b #pageHTML::after { content: none !important; }

html.layout-b #pageHTML,
#pageHTML_noSide {
  background: var(--panel-bg);
  border: 1px solid var(--panel-br);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
  padding: var(--panel-pad);
  display: flow-root;              /* contains inner floats without pseudo */
  height: auto;                    /* ensure legacy 100% doesn’t win */
  min-height: calc(100dvh - var(--top-offset) - var(--bottom-gap) - 4px);
  box-sizing: border-box;
  margin: 2px 0px 0px 0px;
  width: calc(100% - (var(--sidebar-w) + var(--gap) + 16px)) !important;
  min-width: 0;
}
/*
body.orders-home #pageHTML{
  background: url('/images/css_images/layout/home_background.jpg') no-repeat 50% 30%;
} 
*/ 

#pageHTML_noSide{
  width: calc(100% - 13px) !important;
  margin: 2px 0px 0px 5px;
}

html.layout-b #pageHTML table {
  max-width: none;
}   


html.layout-b #secondaryMenu li.setup {
  border-bottom: 1px solid #BBBBBB4A;
  margin-top: 4px;
}
html.layout-b #secondaryMenu a{
  text-shadow: none;
  color: #222;    
  font-family: system-ui, Arial, sans-serif;
  font-size:14px;
  line-height:0.52;
}
html.resources #secondaryMenu a,
html.about #secondaryMenu a
{
    line-height:1 !important;
}
html.layout-b #secondaryMenu li.selected a,
html.layout-b #secondaryMenu li.toggled_out a{
  font-weight: bold;
}
html.layout-b #secondaryMenu li.orders a{
  line-height:1.2;  
}
html.layout-b #secondaryMenu li.setup a{
  line-height:1.15;  
}

html.layout-b #secondaryMenu li.toggled_out, 
html.layout-b #secondaryMenu .selected {
  border: none;
  border-radius: 6px;
  background-color: #eaf2fe;
  outline: 1px solid #c8d9f5;  
}
html.layout-b #secondaryMenu li.tertiary:hover:not(.selected),
html.layout-b #secondaryMenu li.setup:hover:not(.selected) {
  border-radius: 6px;
  background-color: #f9fbff;
  outline: 1px solid #c8d9f5;  
}
html.layout-b #secondaryMenu li.tertiary:hover:not(.selected){
  border: none;
}

html.layout-b div.menu_heading {
  text-shadow: none;
  color: Black;
  background-color: #f6f6f6a8;
  border-radius: 4px;
}  

html.layout-b #secondaryMenu li.tertiary,
html.layout-b #secondaryMenu li.orders {
  padding: 0px 0px 0px 12px;
  margin-top: 4px;
} 
/* 
html.layout-b #secondaryMenu li.tertiary:hover:not(.selected),
html.layout-b #secondaryMenu li.setup:hover:not(.selected),
html.layout-b #secondaryMenu li.toggled_out {
  background-color: #d7e3f7;
  border-radius: 13px;
  color: white;
}
*/
html.layout-b #secondaryMenu li[class]:not([class=""]) {
  color: Black;
  background-color: none;
}
#secondaryMenu li.setup.selected {
 background-image: url(/images/css_images/icons/blue-document-small.png);
}


#secondaryMenu li:not(.setup) {
  position: relative;      /* needed if you add inner positioning later */
  display: block;           /* ensure full width */
  padding: 0;               /* remove li padding if any */
}

#secondaryMenu li:not(.setup) > a {
  display: block;           /* makes <a> stretch top-to-bottom of <li> */
  width: 100%;              /* fill the li horizontally */
  height: 100%;             /* fill the li vertically if li has fixed height */
  padding: 0.4em 3px 0.4em 3px;         /* control click padding here, not on li */
  box-sizing: border-box;   /* include padding in the area */
  text-decoration: none;
/*  text-indent: 20px;*/
}
html.layout-b #secondaryMenu li.setup.selected{
  padding-left:0;
}

/* Top-level lis: keep default display so collapse rules still work */
#secondaryMenu > ul > li.setup {
  position: relative;
  /* no display here */
  padding: 0;                 /* optional: move padding to <a> */
}

/* Make the anchor fill the row for click area */
#secondaryMenu > ul > li.setup > a {
  display: block;             /* full-row clickable */
  width: 100%;
  /* don't set height:100%; let content/padding define height */
  padding: 0.4em 3px;         /* click padding lives on <a> */
  box-sizing: border-box;
  text-decoration: none;
  padding-left: 20px;
}

/* ---- Layout-B: sticky primary + sticky secondary ------------------------ */
html {
  --sidebar-w: 250px;       /* left menu width */
  --gap: 10px;              /* space between columns */
}



/* Left sidebar sticks under the primary; scrolls internally if too tall */
/* Left panel (existing #secondaryMenu) */
html.layout-b #secondaryMenu {
  background: var(--panel-bg);
  border: 1px solid var(--panel-br);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
  padding: 10px 12px;                 /* matches Help feel */
/*  margin-top:5px;
  position: static;
  float: left;
  width: var(--sidebar-w);
  margin: 5px var(--gap) var(--bottom-gap) 0;*/
  min-height: calc(100vh - var(--top-offset) - var(--bottom-gap) - 5px);
  width: var(--sidebar-w) !important;
  margin: 2px var(--gap) 5px 5px !important;  
}
#secondaryMenu{
  /* kill legacy layout */
  position: sticky !important;
  float: none !important;


  /* sticky behavior */
  top: 43px !important;
  z-index: 900;

  overflow: auto !important;

  
  max-height: calc(100vh - 154px) !important;
   
}

/* Right panel: fill the remaining width (no percentage push) */
#pageHTML{
  display: inline-block !important;
  vertical-align: top !important;
  margin-left: 0 !important;
  box-sizing: border-box;
  float: none !important;
  clear: none !important;
}


/* Column alignment: place secondaryMenu and pageHTML side-by-side */
#secondaryMenu,
#pageHTML { display: inline-block !important; vertical-align: top !important; }
/*html.layout-b #secondaryMenu { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html.layout-b #mainBody { padding-bottom: 0 !important; margin-bottom: 0 !important; }
*/
#mainBody::after {
  content: "";
  display: block;
  height: 8px; /* adjust visual space here */
}




/* ===== layout-b: restore sticky menus and single scroll container ===== */

html,
html body {
  height: auto !important;        /* undo 98% */
  min-height: 100% !important;
  overflow: visible !important;   /* no clipping ancestors */
}



/* Kill inner height that creates a second scroller */
#pageHTML,
#pageHTML_orders {
  height: auto !important
}





/* Primary menu pinned for whole page */
html.layout-b #prim-menu-wrap{
  height:42px;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;  
  background-color: var(--back-color);
}
html.layout-b #primaryMenu {
  background-image: none;
  box-shadow: none;
  background-color: inherit;
  display: flex;
  margin: 0px 19px 0px 12px;
  justify-content: space-between;
  padding-top: 6px;

}
html.layout-b #primaryMenu a, #menu_tabs a{
  text-shadow: none;
  font-family: system-ui, Arial, sans-serif;
  border-radius: 11px;
  line-height: 1;
}
html.layout-b #primaryMenu a{
  white-space: nowrap;
}

html.layout-b #primaryMenu li{
  /*background-image:none;
  background-color: #5b7aaa;  
*/
  background-image: linear-gradient(to top, #5b7aaa 0%, #83a3d5 100%);  
  border: 1px solid #5b7aaa;
  -moz-border-radius: 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  width: 100% !important;
  margin: 0px 1px;
/*
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #FFF;  
*/  
  border-right: none;  
  border-bottom: none;
}
html.layout-b #primaryMenu li.selected{
/*  background-image : none;   
  background-color: inherit;
  */
  background-image: linear-gradient(to top, var(--back-color) 0%, #ffff 100%);  
  
  border: 2px solid #5b7aaa;
  margin-top: -7px;

  border-bottom: 1px solid var(--back-color);  
  

}  
html.layout-b #primaryMenu li.selected a{
  color : #222;
  font-size: 19px;
  margin-top: 2px;
}
html.layout-b body.dark-mode #primaryMenu li.selected a {
    color: White;
}


/* When #pageHTML overflows, blend just the area to its right */
html.layout-b.pane-overflowing #pageHTML {
  border-right: 0 !important; /* hide normal border */
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;  
  box-shadow: none;
  position: relative;   /* creates a stacking context */
  z-index: 1;  
}


/* White panel extension that only appears when JS sets its width > 0 */
html.layout-b .pane-ext {
  position: fixed;         /* stays visually aligned despite scrolling */
  right: 0;                /* always flush with the right viewport edge */
  width: 0;                /* jQuery will stretch it */
  height: 0;               /* jQuery will size it */
  background: #fff;        /* match #pageHTML background */
  pointer-events: none;
  z-index: 0;
  border-top: 1px solid var(--panel-br);
}
#home_logos{
  background:url('/images/css_images/layout/logos_v2.png') no-repeat 50% 30% #FFF; 
  height:99px; 
  bottom:37px; 
  left:20px; 
  right:20px; 
  position:fixed;
}


body.home #pageHTML_noSide,
body.home #pageHTML{
  background:url('/images/css_images/layout/home_background.jpg') no-repeat 50% 30%; 
  color: red;
  padding: 0;
  position: relative;
  overflow: auto;
  background-size: cover;
}  
#home_title{
  background: url('/images/css_images/layout/home_title.png') no-repeat 50%;
  height: 37px;
  width: 400px;
  margin: 15px auto 13px;
  background-size: contain;
}  
#home_middle{
  background: url('/images/css_images/layout/home_middle.png') no-repeat 50%;
  height: 317px;
  width: 750px;
  margin: 0 auto;
  background-size: contain;
} 
#home_footer{
  background: url('/images/css_images/layout/home_footer.png?v=a') no-repeat 50% 30% #FFF;
  height: 99px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  border-top: 1px solid var(--panel-br);
}


/* Cust/Supp Select */
.select-filter select {
  display: none; /* hide the native select */
}

.select-filter {
  position: relative;
  width: 260px; /* or whatever */
}

.sf-input {
  width: 100%;
  box-sizing: border-box;
}

.sf-results {
  position: absolute;
  left: 0;
  right: 0;
  max-height: 85vh;
  overflow-y: auto;
  /*margin: 0;
  padding: 0;*/
  list-style: none;
  /*border: 1px solid #ccc;*/
  background: #f9f9f9;
  z-index: 1000;
  padding: 4px !important;
}

.sf-results li {
  padding: 2px 4px !important;
  cursor: pointer;
}

.sf-results li:hover {
  background: #eee;
}

.sf-results li.active {
  background: #cce5ff;  /* or whatever highlight colour */
}

.sf-results .no-matches {
  color: #888;
  cursor: default;
}





#client-hdr-logo img {
  max-height: 75px;
  object-fit: contain;
  max-width: 300px;
  display: block;

}
#client-hdr-logo,
#client-hdr-logo-missing
 {
  padding: 3px;
  border: 1px solid #e6e6e6;
  margin-left: 5px;
  background-color: #fff;
}
#client-hdr-logo-missing{
  padding: 10px;  
  background: var(--panel-bg);
  border: 1px solid var(--panel-br);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
  margin-left: 13px;    
  text-align: center;  
}
#client-hdr-logo-missing span.cust-name{
  font-weight: bold;
  font-size: 18px;
  padding: 0px 25px;
  border-bottom: 1px solid #d0d0d0;
  color: #0049a9;
  text-shadow: 0px 1px 1px rgba(0,0,0,.20);
}
#client-hdr-logo-missing span.message{
    font-size: 10px; 
    color: gray;
}

#header{
  display: grid;
  grid-template-columns: auto 1fr auto;  /* left | center | right */
  align-items: center;                    /* vertical centering */
  gap: 12px;
  position: relative;
  height: 92px;
  text-align: inherit;  
}
#header .hdr-left  { justify-self:start;}
#header .hdr-right { justify-self:end;  }
#header .hdr-center{ justify-self:center; text-align:center;}

#badge{
  color: red;
  font-weight: 800;
  font-size: 16px;
  padding: 7px;
  line-height: 0.8;
  position: absolute;
  top: 136px;
  right: 8px;
  z-index: 1001;
  border: 1px solid #c4c4c4;
  border-radius: 0px 7px 0px 7px;
  background-color: #a9fc93;
  opacity: 0.75;  
  cursor: pointer;
}
#badge .jquery,
#badge .sys{
  color: #222;
  font-size: 11px;
  margin-left:5px;
}


body {
    font-family: "Manrope", Arial, sans-serif !important;
}
#new-title {
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 800;
  font-size: 40px;   /* your size */
  color: #0049a9;
  padding: 12px 24px;
  line-height: 1;
  isolation: isolate;
  --version-opacity: 0.15;
  --version-opacity-bounce: 0.35;
  position: absolute;
  top: 10px;           /* adjust to taste */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;   
}

.sandbox #new-title::after {
  content: attr(tag-line);
  position: absolute;
  left: 50%;
  top: 99%;
  transform: translate(-50%, -48%);
  font-size: 35px;
  font-weight: 800;
  color: #F00;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.production #new-title::after {
  content: attr(tag-line);
  position: absolute;
  left: 50%;
  top: 107%;
  transform: translate(-50%, -48%);
  font-size: 12px;
  font-weight: 800;
  color: #ACACAC;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  width: 100%;
  text-align: center;
}  

/* Base state: big "2.0" fades in once */
#new-title::before {
  content: attr(data-version);
  position: absolute;
  left: 46.6%;
  top: 50%;
  transform: translate(-50%, -48%);  /* base position */
  font-size: 74px;                    /* your size */
  font-weight: 800;
/*  color: #A96000;*/
  color: currentColor;
  pointer-events: none;
  user-select: none;
  z-index: 0;

  /* Start invisible, fade to base opacity */
  opacity: 0;
  animation: wwFade 1.4s ease-out forwards;
  text-shadow: 1px 1px 4px #bcbcbc;
}
body.dark-mode #new-title::before{
  color: #CEAD82;
}

/* Hover: run bounce + keep fade's final opacity filled.
   We re-include wwFade so opacity stays at 0.08 while wwBounce runs. */
#new-title:hover::before {
  animation:
    wwFade   1.1s ease-out forwards,
    wwBounce 0.75s cubic-bezier(.25,.7,.25,1.15) 1;
}

/* Foreground */
#new-title span { 
  position: relative; z-index: 1;
/*  text-shadow: 1px 1px 4px #bcbcbc;*/
  text-shadow:
  0 1px 0 rgba(0,0,0,.20),  /* crisp edge */
  0 6px 12px rgba(0,73,169,.14); /* soft separation */
  background: linear-gradient(180deg, #0b66cd 0%, #0049a9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  

}
body.login-page #new-title {
  top: 53px;
}
body.login-page #new-title span {
  background: linear-gradient(180deg, #5fd8f7 0%, #27b7db 100%);
  -webkit-background-clip: text !important;
}

body.login-page #new-title::before{
 color: #56737b; 
 --version-opacity: 1;
 text-shadow: none;
}




/* Fade-in to base opacity */
@keyframes wwFade {
  from { opacity: 0;    }
  to   { opacity: var(--version-opacity); }  /* base opacity */
}

@keyframes wwFadeX {
  from { opacity: 0.5;    }
  to   { opacity: var(--version-opacity); }  /* base opacity */
}

/* Lift up, slight brighten, settle back to base.
   Ends at SAME transform/opacity as base so it stays visible. */
@keyframes wwBounce {
  0%   { transform: translate(-50%, -48%); opacity: var(--version-opacity); }
  45%  { transform: translate(-50%, -60%); opacity: var(--version-opacity-bounce); }
  100% { transform: translate(-50%, -48%); opacity: var(--version-opacity); }
}

/* Optional font */
/*
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap");
*/

.option-switch {
  display: inline-flex;
  gap: 5px;
  border-radius: 999px;
  padding: 3px;
  border: 1px solid #d0d5dd;
  background: #f5f5f7;
}

/* base pill style for <a> and <span> */
.option-btn {
  border: none;
  background: transparent;
  padding: 4px 16px;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #555;
  border-radius: 999px;
  white-space: nowrap;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.05s ease;
  text-decoration: none;  
  border: 1px solid transparent;
  cursor: default; /* links override below */
}
.option-switch.tight a{
  padding: 4px 5px;
}

/* only <a> options are clickable */
.option-switch a.option-btn:not(.is-disabled):not(.is-active) {
  cursor: pointer;
}

/* hover only on clickable, non-active, non-disabled */
.option-switch a.option-btn:hover:not(.is-active):not(.is-disabled) {
  background-color: #fff;
  color: blue;
  border: 1px solid #dbdbdb;  
}

.option-switch a.option-btn:active:not(.is-active):not(.is-disabled) {
  transform: translateY(1px);
}

/* selected option */
.option-btn.is-active {
  background-color: #eaf2fe;
  color: #111827;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  border: 1px solid #bfd6f9;
  font-weight: bold;
  cursor: default;
}

/* disabled option: not current and not clickable */
.option-btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
  border-color: transparent;
}


/* optional: make the whole group full-width
.option-switch.full-width {
  display: flex;
  width: 100%;
}

.option-switch.full-width .option-btn {
  flex: 1 1 0;
  text-align: center;
}
   */






.user-bar {
  display: flex;
  align-items: center;
  justify-content: space-between; /* left / center / right */
  gap: 10px;
  padding: 0px;
  border-radius: 999px;
  background: #f5f5f7;
  border: 1px solid #d0d5dd;
  width: 100%;
  margin-bottom: 2px;
}
.user-bar.login span{
  text-indent: 15px;
}
.user-bar.login {
  margin-bottom: 0;
}

/* Center name text */
.user-name {
  color: #333;
  font-weight: 500;
  text-align: center;
}

/* Base pill button look */
.user-edit,
.logout-btn,
.login-btn {
  display: inline-block;
  padding: 4px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.85rem;
  line-height: 1.2;
  border: 1px solid transparent;
  cursor: pointer;
  /*
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.05s ease;
*/    
  width: 16px;
  height: 16px;    
}

/* Edit: subtle */
.os-btn-anim
 {
  background: #ffffff;
  color: #374151;
  border-color: #d1d5db;
}

.login-btn{
  width: 55px;
  height: 20px;
  text-align: center;
  line-height: 1.4;  
}

.option-btn.csv{
  background-image: url('/images/css_images/icons/csv-20x18.png');
  background-repeat: no-repeat;
  text-indent: 22px;
  text-indent: 16px;
  background-position-x: 6px;
  background-position-y: 4px;  
}

.user-edit img,
.logout-btn img {
  width: 16px;
  height: 16px;
  display: block;      /* kills inline-img baseline gap */
}

.os-btn-anim:hover {
  border-color: var(--os-btn-col) !important;
  outline: 1px solid var(--os-btn-col) !important;
  background-color: color-mix(in srgb, var(--os-btn-col) 20%, transparent) !important;
  box-shadow: 1.5px 1.5px 4px #8a8a8a96;
  transform: translateY(-1px);
}

.os-btn-anim:active {
  transform: translateY(1px);
  box-shadow: none;  
}