.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}

.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}

.w3-iconred,.w3-hover-red:hover{color:#f44336!important;background-color:#fff!important}
.w3-icongreen,.w3-hover-green:hover{color:#4CAF50!important;background-color:#fff!important}

/* Field Labels */ 
.control-label {
	color: darkblue;
	vertical-align: text-bottom!important;
	padding-right: 5px;
}
.aw-label-top {
	color: darkblue;
	margin-bottom: 1px;
	margin-top: 5px;
}

/* Left Menu - line spacing */
/* Main Menu Lines */
.k-panelbar>li.k-state-default>.k-link {
	line-height: 1.34em;
}
/* Expanded Menu Lines */
#BAS_FRAME_left_wr .k-panelbar .k-link 
{
	padding: 3px 1em; 
    line-height: 1.34em!important;
}

/* this prevents an elipsis from displaying after the checkbox in a grid, in a tiny column */
.k-checkbox-label, .k-radio-label {
    display: inline;
}

/* these provide extra formatting/alignment on the Inventory DUP screen  */	
.dup .k-checkbox-label:before {
	margin-top: -9px!important;
	margin-left: 11px!important;
}
.bulk .k-checkbox-label:before {
	margin-top: 2px!important;
	margin-left: 11px!important;
}
.priHigh {
	background-color: white;
	color: red; 
}

/*  Force 0 px margins for Forms */
.margin_0 {
		margin: 0px!important;
}

/* This makes the Attachments box smaller  */
.k-file {
    padding: 0 !important;
}

/* Column Group Headings in Grids  */
.fix-col-group,.fix-col-group-hover:hover {
	color:#fff!important;
	background-color:#3452a9!important;
	text-align: center!important;
}

/* Column Group Headings in Grids TIMESHEET */
.fix-col-group-timesheet,.fix-col-group-timesheet-hover:hover {
	color:#fff!important;
	background-color:#716602!important;
	text-align: center!important;
}

/* Override Kendo to make Group Subtotals be right justified  */
.k-group-footer td {
    text-align: right;
}
.k-footer-template {
    text-align: right;
}

/* A simple class to send text to the right */
.text-right {
    text-align: right;
}
	
/* Override Kendo Page Number boxes - make more Narrow  */
.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap>.k-link {
    min-width: 1em!important;
}	

.bottom-pad .k-pager-wrap {
	margin-bottom: 15px;
}

.bottom-pad-form {
	margin-bottom: 25px;
}

/* tighter lines in Grids - may not be needed if this is in "aware_<style>.css"  */
.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
	padding-top:0px;
	padding-bottom:0px;
	line-height:.5cm;
}

.thinrows .k-grid td
{
	line-height: 0.6em!important;
}

/* Reduce space around Top Application Toolbar (where Buttons are)  */
.aw-horiz-top-toolbar {
    margin-bottom: 0px!important;
    padding: 5px 0px 0px 10px!important;
}

/* Remove the extra "X" in Filter cells  */
.k-filtercell>span>.k-button {
display: none;
}
.k-filtercell>.k-operator-hidden {
padding-right: 0em;
}

/* Global ADD Buttons */
.addrec,.addrec-hover:hover{
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
	display: initial;
}

.save-state-caption, .reset-state-caption, .addrec-caption,.addrec-caption:hover{
	font-family: "Fira Sans Extra Condensed";	
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
	padding: 2px 4px;
    margin-left: 10px;
	cursor: pointer;
	display: initial;
}
.reset-state-caption {color:#000!important; background-color: #80ffff!important; border-color: #80ffff }
.save-state-caption  {color:#000!important; background-color: #80ffff!important; border-color: #80ffff }



.save-state-caption:after, .reset-state-caption:after,.addrec-caption:after {
	font-family: "Fira Sans Extra Condensed";
	font-weight: 400;
    content: "New";
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
    margin-left: 4px;
}

.reset-state-caption:after {content: "Reset View"; color:#000!important; background-color: #80ffff!important; border: 0}
.save-state-caption:after  {content: "Save View";  color:#000!important; background-color: #80ffff!important; border: 0 }



.addrec-caption-many,.addrec-caption-inb,.addrec-caption-outb,
.addrec-caption-many:hover,.addrec-caption-inb:hover,.addrec-caption-outb:hover {
	font-family: "Fira Sans Extra Condensed";	
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
	padding: 2px 4px;
    margin-left: 10px;
	cursor: pointer;
	display: initial;
}
.addrec-caption-many:after {
	font-family: "Fira Sans Extra Condensed";
	font-weight: 400;
    content: "Multi-Add";
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
    margin-left: 4px;
}
.addrec-caption-inb:after {
	font-family: "Fira Sans Extra Condensed";
	font-weight: 400;
    content: "In";
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
    margin-left: 4px;
}
.addrec-caption-outb:after {
	font-family: "Fira Sans Extra Condensed";
	font-weight: 400;
    content: "Out";
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
    margin-left: 4px;
}

/* with Plus Sign */
.addrec-w-plus,.addrec_w_plus-hover:hover{
	color:#fff!important;
	background-color:#4CAF50!important;
	border: 2px solid #4CAF50;
	display: initial;
	
}
.addrec-w-plus:before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f067"; 
	font-size: 14px;
	padding-right: 4px;
	background-color: transparent !important;
	color: #fff;
	-webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;
}

/* Global PRINT Button */
.print1,.print1-hover:hover{color:#fff!important;background-color:#ff9800!important}

/* for Custom Headers on Grids */
.r3-top-bar {
    font-size: 20px;
    color: darkblue;
}

.mobile .r3-top-bar {
    font-size: 20px;
    color: darkblue;
	padding-bottom: 10px;
}

.r3-top-bar-button {
  background-color: darkblue; 
  color: white; 
  border: 2px solid #008CBA;
  width: 250px;
    text-align: center;
    border-radius: 15px;
	opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.r3-top-bar-button:hover {opacity: 1!important;}

/* for Custom Headers on Grids #2*/
.r3-top-bar2 {
    font-size: 20px;
    color: darkblue;
}

.r3-top-bar-button2 {
  background-color: #87CEEB; 
  color: #000; 
  border: 2px solid #008CBA;
    text-align: center;
	opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.r3-top-bar-button2:hover {opacity: 1!important;}

.button2Sel {
	background-color: darkblue;
	color: white; 
}

/* remove lines around Seperators in Forms, + tighten spacing */
.thinsep { 
	 	 }
.thinsep .aw-fieldset  {
	margin-top: 0px!important;
    margin-bottom: 0.7em!important;
	border: 2px  !important;}
.thinsep .aw-fieldset-legend  {
	margin-bottom: 0em !important;  }

.nosep { border: 0px; 	padding: 0px;  margin-bottom: 0!important;	 }
.nosep-last { border: 0px; 	padding: 0px; 	 }

.nosep .aw-fieldset  {  /* its possible this css is wrong and not being used  */
	margin-top: 0px!important;
    margin-bottom: 0.7em!important;
	border: 0px  !important;}
.nosep .aw-fieldset-legend ,.nosep-last .aw-fieldset-legend  {
	margin-bottom: 0em !important;  }
	
.aw-form .nosep .form-inline .form-group {
	margin-bottom: 0!important;
}

/* Make bigger X on Grid Tabs */
.fa.k-sprite.aw-closable-tab::before {
	font-size: 21px !important;
}
	

/* Make Icons less transparent */
.fa.k-sprite {
	opacity: 1!important;
	vertical-align: middle; 
	font-size: 1em !important;
}

.customer-menu .fa.k-sprite {
font-size: 2em !important;
}

/*  Try to get wrap around on Tall controls  */
.aw-column-multi .textarea{
   position: relative !important;
}

.aw-column-multi .k-grid{
   position: relative !important;
}	






.pdicon {
  grid-area: icon;
  grid-row-start: 1;
  grid-row-end: 1;
}
.pdicon.Pickup  {
  grid-column: 1;
  content: url(/oem/images/pickup_icon.png);
	width: 64px;
	margin-left: 7px;
}
.pdicon.Delivery {
	grid-column: 3;
    justify-self: right;
    content: url(/oem/images/delivery_icon.png);
	width: 64px;
	margin-right: 7px;
}

.pdcust{ 
	grid-area: header;
	grid-row-start: 1;
	grid-row-end: 1;
}
.pdcust.Pickup { 
	color: #0c4e00;
	grid-column: 2 / span 2;
	font-size: 18px;
    line-height: 18px;
	align-self: center;
    justify-self: center;	
}
.pdcust.Delivery { 
	color: red;
	grid-column: 1 / span 2;
	font-size: 18px;
    line-height: 18px;
	align-self: center;
    justify-self: center;
	padding-left: 7px;
}

.pdbody { 
	grid-area: footer;
	order: 2;
	text-align: center; 
	display: table; 
	width: 100%; 

}
.pdbody .h4{ margin-top: 0; }
.pdcontainer {
	display: grid;
	margin-bottom: 24px;
	border: 1px solid transparent; 
	border-radius: 6px;
	border-color: #ddd;
  grid-template-columns: 33% 33% 33%  ;
  grid-template-rows: auto;
}

.pdcontainer.Pickup {
  grid-template-areas: 
    "icon header header "
    "main main main "
    "footer footer footer ";
  	background-color: #edffea; 
}
.pdcontainer.Delivery {
  grid-template-areas: 
    "header header icon"
    "main main main "
    "footer footer footer ";
  	background-color: #ffefea; 
}
	
/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.cp-card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.cp-card > .cp-card-link{ color: #333; }
.cp-card > .cp-card-link:hover{  text-decoration: none; }
.cp-card > .cp-card-link .cp-card-img img{ border-radius: 6px 6px 0 0; }
.cp-card .cp-card-img{ position: relative; padding: 0; display: table; }
.cp-card .cp-card-img .cp-card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.cp-card .cp-card-body{ display: table; width: 100%; padding: 12px; }
.cp-card .cp-card-header{ border-radius: 6px 6px 0 0; padding: 8px;     display: flex;}
.cp-card .cp-card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.cp-card .cp-card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.cp-card .cp-card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.cp-card .cp-card-body h1:first-child,
.cp-card .cp-card-body h2:first-child,
.cp-card .cp-card-body h3:first-child, 
.cp-card .cp-card-body h4:first-child,
.cp-card .cp-card-body .h1,
.cp-card .cp-card-body .h2,
.cp-card .cp-card-body .h3, 
.cp-card .cp-card-body .h4{ margin-top: 0; }
.cp-card .cp-card-body .heading{ display: block;  }
.cp-card .cp-card-body .heading:last-child{ margin-bottom: 0; }

.cp-card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}

.cp-card .cp-card-body { text-align: center; }

}

/* END Card CSS  */



.snip1506 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  margin: 10px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  font-size: 14px;
  box-shadow: none !important;
}
.snip1506 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1506 .profile-image {
  width: 26%;
}
.snip1506 .profile-image img {
  border-radius: 5px;
  max-width: 100%;
  vertical-align: top;
}
.snip1506 .profile-image,
.snip1506 figcaption {
  float: left;
}
.snip1506 figcaption {
  width: 70%;
  background-color: #333333;
  color: #fff;
  padding: 25px;
  display: inline-block;
  margin-left: 4%;
  border-radius: 5px;
}
.snip1506 figcaption:after {
  content: '';
  position: absolute;
  right: 70%;
  top: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #333333 transparent transparent;
}
.snip1506 h3,
.snip1506 h4,
.snip1506 p {
  margin: 0 0 5px;
}
.snip1506 h3 {
  font-weight: 600;
  font-size: 1.2em;
  font-family: 'Montserrat', Arial, sans-serif;
}
.snip1506 h4 {
  color: #8c8c8c;
  font-weight: 400;
  letter-spacing: 2px;
}
.snip1506 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
.snip1506 .icons {
  text-align: center;
  width: 100%;
}
.snip1506 i {
  padding: 10px 2px;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
  opacity: 0.75;
}
.snip1506 i:hover {
  opacity: 1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1506 a {
  text-decoration: none;
}

.Billing_invalid {
text-align: left;
 background-color: orange; 
  color: white; 
padding: 2px 5px;  
  font-size: 20pt;
}

.Billing_stamp {
text-align: left;
 background-color: green; 
  color: white; 
padding: 2px 5px;  
}
.RO_stamp {
text-align: right;
 background-color: darkblue; 
  color: white; 
padding: 2px 5px; 
vertical-align: sub; 
}
.MiscCalc_Left {
text-align: left;
 background-color: darkblue; 
  color: white; 	
    font-size: 14pt;
}
.MiscCalc_Right {
text-align: right;
 background-color: darkblue; 
  color: white; 	
    font-size: 14pt;
}
.green_msg {
text-align: center;
 background-color: green; 
  color: white; 	
  font-size: 25pt;
  width: 100%;
  display: block;
}
.yellow_msg {
text-align: right;
 background-color: orange; 
  color: white; 	
  font-size: 25pt;
  width: 100%;
  display: block;
}

.billing_msg_valid {
text-align: left;
  background-color: green; 
  color: white; 	
  font-size: 1.1em;
  width: 100%;
  padding: 2px 5px;
}
.billing_msg_invalid {
text-align: left;
  background-color: orange; 
  color: white; 	
  font-size: 1.1em;
  line-height: 1.2em;
  width: 100%;
  padding: 1px 4px;
}
.billing_msg_warning {
text-align: left;
  background-color: red; 
  color: white; 	
  font-size: 1.2em;
  width: 100%;
  padding: 2px 5px;
}


/* Global YELLOW Button */
.yellowbutton,.yellowbutton-hover:hover{color:#000!important;background-color:#ffeb3b!important}
/* Global GREEN Button */
.greenbutton,.yellowbutton-hover:hover{color:#000!important;background-color:#8bc34a!important}

.khos .form-group {
	width: 100%;
}

.k-menu .k-item>.k-link, .k-menu-scroll-wrapper .k-item>.k-link, .k-popups-wrapper .k-item>.k-link {
    color: forestgreen!important;
    font-weight: bold!important;
}	

/* make Badge Bigger  */
.aw-badge.badge {
    margin-left: 0px;
    top: -2px;
    right: -2px;
    font-size: 13px;
}

.caption-button {
  font-size: 1.1em; 
  background-color: green; 
  color: white; 
  border: 2px solid white;;
  width: 80px;
  text-align: center;
  border-radius: 5px;
  opacity: 1;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  margin-left: 20px;
  margin-top: 2px;
  padding: 4px 0;
  transform: translateY(2px);
}
.caption-button:hover {opacity: 0.7!important; background-color: #2ec725!important; }
.caption-button:after {content: ' New ';}


.facility-dropdown {
	
}

.XXzoom-icon {
	display: inline-block;
	margin-left: 5px;
	font-size: larger;
    vertical-align: -webkit-baseline-middle;
}

.zoom-icon:after {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f00e"; 
	font-size: 21px;
	background-color: transparent !important;
	color: #D67B20;
	-webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;
}
.zoom-icon {
	width:30px;
	height:30px;
	border:0px none !important;
	background-color: transparent !important;
}
.zoom-icon:hover::after {
	color: #00769B;
	margin-top: -3px;
	-webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;
	width:50px;
	height:50px;
}

.k-grid .k-alt {
	background: #fff;
}

tr.k-state-selected {
	color: #000000!important;
    background-color: antiquewhite!important;
}

.k-state-selected {
	color: #fff;
    background-color: #13688c;	
}
.mobile {
	font-size: 15px;
}
.mobile2 {
	font-size: 30px;
}
.calc-field {
background: #e8e8e8;
}
.mobile .k-tabstrip .k-content {
	margin: 0!important;
    padding: 0!important;
}
.mobile2 .timelogger .k-input {
	font-size: 35px!important;
	text-indent: 10px!important;
}

.mobile2 .timelogger .k-icon {
	font-size: 40px;
}

	

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}	
.k-dropdown-wrap.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}
.k-numeric-wrap.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}
.k-picker-wrap.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}
.k-primary.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}
.k-button.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}	
.input.k-textbox.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}	
.k-multiselect-wrap.k-state-focused {
		border-width: 1px;
    box-shadow: 0 0 6px 0 rgba(0,65,250,1);
}

.mobile-grid li {
		    background: #e0ffe1;
}


.all-ticket {
	background-color: #e5f7e7;
	color: black;
}
.all-ticket-wrapper {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #dbdbdb;
    padding: 0.5em 0;
    margin-left: 0px;
    margin-right: 0px;
	max-width: 99%;
}
.all-ticket-details {
    width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline-block;
}
.all-ticket-details dt {
    font-weight: normal;
}
.all-tick-custname {
	font-size: 20px;
}
.all-tick-itemref {
	font-size: 20px;
}
.all-tick-descr {
	font-size: 20px;
}
.all-tick-type {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.15em; 
	font-variant: small-caps;
	text-align: right;
}	
	
	
	
	
	
.pd-ticket {
	background-color: #eee;
	color: black;
}
.pd-ticket.need-ack {
	background-color: #ffe1e1;
}

.pd-ticket-wrapper {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #dbdbdb;
    padding: 0.5em 0;
    margin-left: 0px;
    margin-right: 0px;
	max-width: 87%;
}
.pd-ticket-details {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline-block;
}
.pd-ticket-details dt {
    font-weight: normal;
}
.pd-time {
    font-size: 25px;
	font-weight: 900;
    line-height: 14px;
    color: blue;
    display: inline-block;
}
.pd-custname {
	font-size: 20px;
}
.pd-descr {
	font-size: 16px;
}

.small-mobile-tabs .aw-mobile-tab {
	min-width: 10px;
}

.small-mobile-tabs .k-tabstrip-items.k-reset {
	margin 0!important;
}

/* CRM Facility & Contacts fields  */

.cust-mobile {
	font-size: 1.2em;
}

.cust-mobile .aw-checkbox-group td {
	font-size: 1.2em!important;
}
 .cust-mobile-input .k-textbox {
	font-size: 1em !important;
}

.crm-facility {
	background-color: #eee;
	color: black;
}
.crm-facility-wrapper {
    padding: 0.5em 0;
    margin-left: 0px;
    margin-right: 0px;
	max-width: 87%;
}
.crm-facility-edit-button {
		position: fixed;
		right: 10px;
}
.crm-facility-details {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline-block;
}

.crm-name {
	font-size: 20px;
}
.crm-addr {
	font-size: 16px;
}

.crm-contact {
	color: black;
}

.crm-contact-list {
	font-size: 1.4em;
}

    
.crm-contact-wrapper {
	padding: 0.5em 0;
    margin-left: 0px;
    margin-right: 0px;
	max-width: 86%;
	background-color: lightgoldenrodyellow;

}
.crm-contact-details {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline-block;
}

.crm-contact-name {
	font-size: 20px;
}
.crm-contact-facility {
	font-size: 16px;
}
.crm-contact-phone {
	font-size: 16px;
}

.tmp1 {
	color:green;
	font-style: italic;
}
.tmp2 {
	color:red;
	font-style: normal;
}

/* In the attachment upload box, this makes the filename area longer  */
.k-file-name {
    max-width: 100%!important;
}	


/* BUTTON COLOURS*/
.bluebutton{
	color: #157fcc !important;
	font-weight: bold !important;
}
.greenbutton2{
	color: #61ba9e !important;
	font-weight: bold !important;

}
.redbutton{
	color: #d9534f !important;
	font-weight: bold !important;
}
.goldbutton{
	color: #FFC90E !important;
	font-weight: bold !important;
	
}
.orangebutton{
	color: #F15A24 !important;
	font-weight: bold !important;
	
}
.indentlevel_1{
	margin-left: 40px !important;
}
.indentlevel_2{
	margin-left: 20px !important;
}

/* HENRIK Mods for Notifications  */

input[type="button"] {
  border-radius: 10px;
  padding: 8px;
  box-shadow: none;
  border: none;
  background-color: deepSkyBlue;
  color: azure;
}
input[type="button"]:active, input[type="button"]:hover, input[type="button"]:focus {
  outline: 0;
}

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  width: 400px;
  font-weight: normal;
  margin-left: 600px;
  position: absolute;
  top: 0;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  background-color: #008cba;
  border-color: #0078a0;
  color: white;
  box-shadow: 0px 1px 5px 0 darkslategrey;
  z-index: 999999;
}

.alert-box-wide {
	width: 80%;
}

.alert-box-left {
	margin-left: 100px;
}

.alert-box.success, .alert-box-wide {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: white;
  text-align: center;
  font-size: 20px;
  z-index: 999999;
}
.alert-box.warning  {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
  text-align: center;
  font-size: 20px;
  z-index: 999999;
}

.project-list {
	color:#fff!important;
	border: 4px solid black;
}
/* Narrow Button, for a Grid Column to reduce size  */
.k-grid-content > table > tbody > tr > td > .k-button.thinbutton {
    padding-left: 3px;
    padding-right: 1.2px;
	margin: 0 -0.24em;
}

.thinmultibutton {
	.k-overflow-anchor .k-button: margin 0!important;
}
.k-grid .k-button {
	margin: 0!important;
}

/* when filter options are added to a Filter box in a grid, this help display better */
.gridfix1 .k-filtercell>span
{ 
	padding-right: 0px;
}
.gridfix1 .k-filter-row .k-dropdown-operator {
    right: 1.5em;
}

.q-input {
	height: 1.5em;
	border-radius: 4px;
	padding: 0 0 0 5px;
    margin-left: 15px;
}
.q-ans2 {
	height: 1.5em;
	margin-left: 15px;
    padding-left: 5px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}
.q-unchecked-label {
	color: darkgray;
}
.q-checked-label {
	color: black;
}

.k-grid-header th.k-header>.k-link {
    overflow: visible!important;
}	

.big-button {
    color: #e4f30f;
    background-color: #1c6384;
	font-size: 25pt;
    padding: 10px;
    text-align: center;
    border-width: 5px;
    border-style: solid;
    border-radius: 26px;
    border-color: #ffffff;
}
a.big-button:hover{
     background: #73bfd8;
}

.k-toolbar.k-toolbar-resizable {
	padding: 0px;
}
.k-grid tbody td:first-child {
	padding: 0px;
}

/*Code for hiding stuff*/
.hideIt{display:none !important;}
/**/

.aw-form-buttons {	
	padding-top: 5px;
    padding-bottom: 45px;

}

.calculated-field {
	background-color: #ececec;
}
.readonly-field {
	background-color: #ececec;
}
.readonly-field .k-button-md.k-icon-button {
	color: #003f593b;
}

.k-input[readonly], .x-item-disabled {
    background-color: #ececec;
	cursor: not-allowed;
}

.k-input {
	border-color: #a3d0e4	
}

hr {
	margin: 0;
	border-top: 1px solid #111!important;
	border: 0;
}

/* this makes text bigger on Grouping Rows */
.k-grouping-row .k-reset {
	font-size: larger;
	color: red;
	margin-top: 15px;
}

/*  Hover tooltips in green box, w/White letters  */
.k-tooltip {
	width: 500px;
	background-color: #2c6228!important;
}
.k-tooltip-content {
    color: white;
	font-size: 18px;
}


/* Left Menu Bar bigger text , better spacing */
.aw-panel.aw-panel-borders-off {
	margin: 0!important;
}

#aw_menu_left.mobile-left-menu.km-widget {
	font-size: 1.3em;

}

.mobile-left-menu .km-listview-link {
	margin: -0.7em -.7em;
}

.mobile-left-menu .km-listview-link .fa.k-sprite  {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em -.3em;
}

/* This is for the "when mouse over record" on a grid.  To style the green box better  */
.attachments-hover .k-animation-container {
    width: 900px!important;
}

.attachments-hover .aw-hover-form-table {
    width: 450px!important;
}


/*  CSS Bootrap 5 card stuff - for mobile Special Project Tickets  */
.project-ticket-container {
	.container .py-5
}

.ack-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
	font-size: 16px;
	background-color: chartreuse;
	color: black;
	padding: 5px;
}


.spt-card {
	display:flex;
	padding: 5px;
	border-bottom: gray;
    border-bottom-style: dotted;
}
.spt-card p {
	margin-bottom: 3px;
}

.spt-card-title {
	font-size: 1.7em;
	margin: 5px 0;
}
.spt-card-subject {
	font-size: 1.5em;
}
.spt-card-text {
	font-size: 1.3em;
}


.spt-card .img-fit {
aspect-ratio: 6 / 3;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 767.98px) {
	.spt-card .img-fit {
		aspect-ratio: 1.45 / 1;
	}
	width: 100%;
}

/* Some CSS from the market - for search screen of InventCheckin */
			<span class="checkin_value_makemodel-mobile">{sc_Make} {sc_Model}</span>
			<span class="checkin_label-mobile">Category: </span>
			<span class="checkin_value-mobile">
				
.checkin-row-mobile {
    width: 100%;
}
.checkin-row-mobile::after, .a-row::before {
    display: table;
    content: '';
    line-height: 0;
    font-size: 0;
}
.checkin-row-mobile::after {
    clear: both;
}

.checkin_value_makemodel-mobile {
	font-family: sans-serif;
    color: black;
    font-weight: bold;
	font-size: 1.15em;
	line-height: 20px;
}

.checkin_label-mobile {
    color: #3c2fb9;
    font-weight: normal;
	font-size: 1.15em;	
	line-height: 20px;
}

.checkin_value-mobile {
	font-family: sans-serif;
    color: black;
    font-weight: bold;
	font-size: 1.15em;
	line-height: 20px;
}



.item_search_form  .aw-form-buttons {
    padding-top: 6px;
    padding-bottom: 6px;
}

.item_search_form  .aw-fieldset {
	margin-bottom: 0;
}

.search-inventcheckin-results-mobile {

}

.checkin-spacer {
	border-bottom: gray;
    border-bottom-style: dotted;
	padding: 3px 0;
}






.aw-phone .aw-form-body {
	padding-top: 4px;
}

.aw-phone .aw-form-body label {
	margin-bottom: 0;
}

.top-button {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place during scrolling */
    bottom: 7px; /* Distance from the bottom */
    right: 40px; /* Distance from the right */
    z-index: 99; /* Ensure it stays on top */
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent background */
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}

/* some CSS from Marketplace - temporary to size image manager pics  */
.item_image {
	border-radius: 15%;
	max-height: 350px;
	max-width: 500px;
}
.item_image.reqform {
	width: 150px;
	border-radius: 15%;
	max-height: 150px;
}
.item_image.siform {
	width: 200px;
	border-radius: 15%;
	max-height: 150px;
	padding-bottom: 10px;
}


/* Image Manager classes */
.image_mgr_container {
	margin-bottom: 20px;
}

.image_mgr_image img {
	width: 200px;
	border-radius: 15%;
	max-height: 150px;
	margin-right: 4px;
}

.image_mgr_buttons {
	
}

.image_mgr_type {
	
}
	
.img_button {
  border: none;
  color: white;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 0px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 10px;
  line-height: 12px;
}

.img_prim {
  background-color: #04AA6D; 
  color: white; 
  border: 2px solid #04AA6D;
}

.img_prim:hover {
  background-color: white;
  color: #04AA6D;
}

.img_asset {
  background-color: #787624; 
  color: white; 
  border: 2px solid #787624;
}

.img_asset:hover {
  background-color: white;
  color: #04AA6D;
}

.img_serial {
  background-color: #787624; 
  color: white; 
  border: 2px solid #787624;
}

.img_serial:hover {
  background-color: white;
  color: #04AA6D;
}

.img_makemod {
  background-color: #787624; 
  color: white; 
  border: 2px solid #787624;
  margin-right: 10px;
}

.img_makemod:hover {
  background-color: white;
  color: #04AA6D;
}

.img_misc {
  background-color: #008CBA; 
  color: white; 
  border: 2px solid #008CBA;
}

.img_misc:hover {
  background-color: white;
  color: #008CBA;
}


/* Inventory Estimates - for the totals at the top  */
.invest_totals {
text-align: right;
    display: block;
	padding-left: 10px;
}

.invest_wrapper {
	top: 240px;
    right: 230px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 8px;
	grid-row-gap: 1px;
}


.finance_wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 8px;
	grid-row-gap: 1px;
	width: 390px;
}

.finance_wrapper.invest_finance {
	top: -20px;
    left: 1050px;
    position: relative;
}
.finance_wrapper.invest_billing {
	top: -20px;
    position: relative;
}

.finance_wrapper.invest_rental {
	top: -20px;
    left: 1050px;
    position: relative;
}

.finance_wrapper.quote {
	top: -20px;
    position: relative;
}

.finance_wrapper.AR {
    font-size: .8em!important;
	grid-template-columns: 35% 65%;
}










.invest_heading {
	justify-self: right;
    color: black;
}
.invest_heading-gap {
	margin-top: 11px;
	justify-self: right;
    color: black;}

.invest_value {
	justify-self: left;
    color: crimson;
}
.invest_value-gap {
	margin-top: 11px;
	justify-self: left;
    color: crimson;
}

.k-slider-tooltip {
	color:black;
	background-color: #dae69a!important;
	width: 50px;
}

/* For required fields - make the message bigger */
span.k-invalid-msg {
    display: table-cell;
    font-size: larger;
    font-weight: bold;
}

.invest.k-content.k-state-active {
	overflow: visible;
}

/* Abuse Message for Billing */
.abuse-msg {
	background-color: #ff0000!important;
	color: #ffff00!important;
}

.k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 2px;
    padding-inline: 4px;
}

.form-group.aw-empty {
	margin: 0 !important;
}

/* this was to tighten lines on a Form  */	
.aw-form .form-inline .form-group, .form-inline .k-grid, .form-group .aw-empty {
	margin: 0 0 .1em 0px !important;
}

.aw-panel-header.k-link.k-header.k-selected {
	color: #fff;
    background-color: #13688c;
}

.k-button-md.k-icon-button .k-button-icon {
    min-width: 14px;
    min-height: 14px;
	width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

input.k-input, textarea.k-textarea {
    padding-block: 0px;
    padding-inline: 4px;
}
n
.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding-block: 0px;
    padding-inline: 4px;
}

.aw-column {
    line-height: 15px;
}

/* HTML cells were wrapping weird, like Inventory Location  */
.aw-column-multi .aw-html {
    position: absolute;
}	

/* this increases spacing between rows on FORMS */	
.row {
	margin-bottom: 5px;
}

.k-input, .k-multiselect-wrap, .k-textbox, .k-textbox>input
 {
    background-color: #fff;
    color: #003f59;
 }
 
 /* v10 changes the label on ReadOnly fields.  This adjusts that color a tiny bit.  */
.aw-item-disabled label {
    color: #706e6e;
 }

/* v10 started showing spinners again.  hide them */ 
.k-input-spinner {
	 display: none;
 }

/* v10 does show Tips UNDER a field correctly. this fixes that.  */
.aw-help-under, .aw-char-counter {
    margin: 2px 0 5px 0;
    display: block;
}

.k-switch-label-on {
	color: #000000;
    font-size: medium;	
}
.k-switch-on .k-switch-thumb {
	background-color: #1feb05;
}
.k-column-title {
    text-overflow: clip;
}