html {
  max-height: 95%;
  margin: 0;
}

body {
  min-height: 100%;
  margin: 0;
}

.headerBackground {
	background-image: -ms-linear-gradient(left, #E8E8E8 0%, #686868 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(left, #E8E8E8 0%, #686868 100%);
	/* Opera */
	background-image: -o-linear-gradient(left, #E8E8E8 0%, #686868 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #8A8888) );
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(left, #E8E8E8 0%, #686868 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to right, #E8E8E8 0%, #686868 100%);
}

.off-canvas-content {
  min-height: 100%;
  background: #2b2f3e;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  box-shadow: 0 0 0 rgba(10, 10, 10, 0.5); }

.app_footer {
	height: 80px;
}

.app_footer>div.grid-x {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.footerBackground {		
	background: white;		
}

.app_wrapper {
  min-height: calc(100vh - 95px);
  background: #f5f5f5;
}

.app_wrapper1 {	
  min-height: calc(100vh);	
  background: #f5f5f5;	
}

.additional_info_secondary {
	background: #f5f5f5;
}

.app_wrapper_with_additional_info {
  min-height: calc(100vh - 205px);
  background: #f5f5f5;
}

.inner-wrapper {
	min-height: 100%;
	margin-bottom: 70px;
}

.inner-wrapper:after {
  content: "";
  display: block;
}

.inner-wrapper:after {
  height: 70px;
}

.main-footer {
	position: absolute;
	bottom: 0;
	right:0;
	left:0;
    height: 70px;
	background: inherit;
	margin-right: 0;
	box-sizing: border-box;
}

.loginPanel {
	border: 0;
	text-align: left;
	margin: 0 auto;
	background: #fff;
	padding: 1em;
}

.loginPanel a {
	color: gray;
}

.header {
	padding-top: 0 !important;
}

.row {
	max-width: none;
}

#old_hwbo_menu ul {
	font-size: 1em;
	color: #000000;
}

#old_hwbo_menu li a {
	font-size: 0.85em;
	font-weight: bold;
	color: #000000;
}

.footerText {
	font-size: 0.85em;
	color: #555753;
}

.footerRowSpacing {
	margin: 0.5em 0 0.5em 0.2em !important;
}

.topLineSeparator {
	border: 0;
	margin-top: 0.1em; 
	height: 1px;
	background: #333;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#eaeaea), to(#eaeaea), color-stop(50%, #999999));
}

.bottomLineSeparator {
	border: 0;
	margin-bottom: -0.1em; 
	height: 1px;
	background: #333;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#eaeaea), to(#eaeaea), color-stop(50%, #999999));
}

.bloodTypeLabel {
	text-align: center;
	padding: 0.25em 0.25em 0;
}

.bloodTypeLabel label {
	background: #ececec;
	color: gray333;
	border: 1px solid #dcd9d9;
	font-size: 1.2em;
	padding: 0.2em;
}

.bloodTypeText {
	padding: 0 0.25em 0.25em;
}

.bloodTypeStockText {
	padding: 0 0.25em 0.25em;
}

.bloodTypeText2 {
	padding: 0 0.25em 0;
}

.bloodTypeStockText input:disabled, .bloodTypeText2 input:disabled {
	background: #f5f5f5 !important;
}

.bloodTypeColoredInput.colorRed input:enabled {
	background-color: #ffe0e0;
}

.bloodTypeColoredInput.colorGreen input:enabled {
	background-color: #ddffdd;
}

.bloodTypeText input, .bloodTypeStockText input, .bloodTypeText2 input {
	text-align: center;
	margin: 0;
	padding: 0.1em !important;
	font-size: 1.7em !important;
	height: initial !important;
}

#tabs {
	margin: 0.2em 0;
}

#tabs div select option {
	margin: 0.2em 0;
	font-size: 0.9em;
}

#tabs ul li a {
	font-size: 0.9em;
}

#tabFamily select {
	height: 100%;
	border: none;
	background: white;
	outline: none;
	margin: 0;
}

#tabProduct select {
	height: 100%;
	border: none;
	background: white;
	outline: none;
	margin: 0;
}

#tabTestGroup select {
	height: 8.5em;
	border: none;
	background: white;
	outline: none;
	margin: 0;
}

#tabTest select {
	height: 8.5em;
	border: none;
	background: white;
	outline: none;
	margin: 0;
}

.orderSummary {
	min-height: 9em;
	margin-bottom: 0.9em;
	padding: 0.7em;
	border: 1px solid #dcd9d9;
	background: white;
	font-size: 1em;
}

.orderSumaryLabel {
	background: rgb(197, 197, 197);	
}

.orderSumaryLabel label {
	padding: 0.72em 0;
	color: #191919;
	font-weight: 500 !important;
	font-size: 0.87em !important;
}

.hwboSecondaryButton {
	background-color: #c55a11 !important;
    border-color: #c55a11 !important;
    color: white !important;
    font-weight: normal;
    margin: 1.5em 0;
}

.hwboPrimaryButton {
	background-color: #1f4e79;
    border-color: #1f4e79;
    color: white !important;
    font-weight: normal;
}

.summaryLabel {
	display: block;
	margin-bottom: 0.3em;
	font-family: Roboto;
}

.boldStyle {
	font-weight: bold;
}

.italicStyle {
	font-style: italic;
}

.additionalInfo {
	background: #fff;
	border: 1px solid #e2e2e2;
 	min-height: 9.5em; 
 	padding: 16px 0;
 	margin: 0 0 10px 0;
	width: 49.2% !important;
}


.additionalInfoSites {
	background: #fff;
	border: 1px solid #e2e2e2;
 	min-height: 9.5em; 
 	padding: 16px 0;
 	margin: 0 0 10px 0;
/* 	width: 32% !important; */
}

 .additionalInfo .holder {
	border-left: 3px solid #8d82b5;
	min-height: 8.5em;
}
 
.additionalInfoSites .holderPurple {
	border-left: 3px solid #722282;
	min-height: 8.5em;
}
  
.additionalInfoSites .holderOrange {
	border-left: 3px solid #e65300;
	min-height: 8.5em;
}
  
.additionalInfoSites .holderGold {
	border-left: 3px solid #ffa300;
	min-height: 8.5em;
}
    
.additionalInfoText {
	line-height: 18px;
	font-size: 26px; 
	font-family: Roboto-Thin; 
	color: #010101; 
	margin : 0 0 15px 0;
}

.additionalInfoOrganisationLine1, .additionalInfoOrganisationLine2 {
	line-height: 20px;  
	color: #555555; 

}

.fontBold {
	font-weight: bold;
}

.inline {
	display: inline;	
}

.buttonOrder {
	border-radius: 0;
	-webkit-border-radius: 0;
	background-color: #008cba;
	padding-right: 0;
    padding-left: 0;
    width: 100%;
    height: 8em; 
    margin-bottom: 0.6em;
    font-weight: normal;
    font-size: larger;
}

.noPaddingLeft {
	padding-left: 0em;
}

.statBackground {
	display: block;
	height: 122px;
	background: #f55142;
	border-bottom: 3px #dc483b solid;
	color: black !important;
	font-family: "Roboto-Thin";
    font-size: 32px !important;
	font-weight: 600;
    letter-spacing: -1px;
	padding: 0.2em 0.6em;
	text-align: left;
}

.asapBackground {
	display: block;
	height: 122px;
 	background: #f1c40f;
	border-bottom: 3px #c5a832 solid;
	color: black !important;
	font-family: "Roboto-Thin";
    font-size: 32px !important;
	font-weight: 600;
    letter-spacing: -1px;
	padding: 0.2em 0.6em;
	text-align: left;
}

.routineBackground {
	display: block;
	height: 122px;
	background: #18a7d6;
	border-bottom: 3px #4bafd8 solid;
	color: black !important;
	font-family: "Roboto-Thin";
    font-size: 32px !important;
	font-weight: 600;
    letter-spacing: -1px;
	padding: 0.2em 0.6em;
	text-align: left;
}

.scheduledBackground {
	display: block;
	height: 122px;
	background: #58b05e;
	border-bottom: 3px #46724B solid;
	color: black !important;
	font-family: "Roboto-Thin";
    font-size: 32px !important;
	font-weight: 600;
    letter-spacing: -1px;
	padding: 0.2em 0.6em;
	text-align: left;	
}

.statBackground span, .asapBackground span, .routineBackground span, .scheduledBackground span {
	float: left;
	font-size: 30px;
	font-weight: 400;
}

.statBackground em, .asapBackground em, .routineBackground em, .scheduledBackground em {
	display: block;
	margin: 0 0 5px 0;
	font-weight: 300;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
}

.statBackground:hover, .statBackground:focus {
	background-color: #ff8787;
	opacity: 0.8;
}

.asapBackground:hover, .asapBackground:focus {
	background-color: #FFDB61;
	opacity: 0.8;
}

.routineBackground:hover, .routineBackground:focus {
	background-color: #38bde8;
	opacity: 0.8;
}

.scheduledBackground:hover, .scheduledBackground:focus {
	background-color: #58b05e;
	opacity: 0.8;
}

.tertiaryButton {
	background-color: #1f4e79; 
	border: solid;
	border-color: #1f4e79; 
	border-radius: 0.4em; 
	padding-top: 0.4em !important;
	padding-bottom: 0.4em !important;
	min-width: 9em;
	color:white;
}

.button.tertiaryButton:hover, .button.tertiaryButton:focus, .button.tertiaryButton:hover,
	.button.tertiaryButton:focus {
	background-color: #1f4e79;
	color: white;
}

.button.disabled.tertiaryButton,
.button[disabled].tertiaryButton {
	color: white;
	border-color: #cecece !important;
	background: #cecece !important;
	box-shadow: none;
}

.button.disabled.secondary.hwboPrimaryButton,
.button[disabled].secondary.hwboPrimaryButton,
.button.disabled.secondary.hwboSecondaryButton,
.button[disabled].secondary.hwboSecondaryButton {
	box-shadow: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
	border: none;
}

tbody tr:nth-child(2n) {
	background: #fff;
}

div.ui-widget {
	font-family: Open Sans;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 1em;
	width: 1em;
} 

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 6px;
}
 
/* .ui-datepicker {
	width: inherit;
} */

div .ui-datepicker {
	max-width: 100%;
}

div.ui-datepicker {
	position: relative;
	overflow: hidden;	
	font-size: 24px;
    border-radius: 0;
    padding: 0;
    border: 1px solid #ddd !important; 
}

div.ui-datepicker .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-next {
	height: 1em;
	width: 0.9em;
	top: 6px;
}

div.ui-datepicker .ui-datepicker-prev-hover,
div.ui-datepicker .ui-datepicker-next-hover {
	top: 6px;
}

div.ui-datepicker table {
	margin: 0 0 0 0;
}

div.ui-datepicker .ui-datepicker-title {
	margin: 0 1em;
}

div.ui-datepicker .ui-datepicker-header, div .ui-datepicker .ui-widget-header {
    border-radius: 0;
    padding: 6px 0;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-right: none;	
}

div.ui-timepicker-div .ui-widget-header {
    margin: 0 0 0 0;	
}

div.ui-datepicker .ui-datepicker-title select {
	height: 28px;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	margin: 0 6px 0 6px;
}

div.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 40%;
}

.ui-timepicker-div td {
	border: 1px solid #fff;
}

div.ui-datepicker .ui-datepicker-title select option, div.ui-datepicker .ui-datepicker-title select {
	font-family: Open Sans;
	font-size: 12px;
	padding-left: 3px;
	text-transform: uppercase;
}

div.ui-datepicker thead {
	background: none;
	border: none;
}

div.ui-datepicker th {
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #fff;		
}

div.ui-datepicker th span {
	text-transform: uppercase;
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 700;
	color: #454545;	
}

div.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}

div.ui-datepicker .ui-widget-header .ui-datepicker-title {
	font-size: 12px;
	line-height: 28px;
	color: #222222;
	text-transform: uppercase;
	font-weight: 400;
}

div.ui-timepicker-div dl dt {
	font-size: 15px;
	line-height: 20px;
	font-weight: 800;
	color: #070707;
	float: none;
	text-align: center;
	margin: 0;
	padding: 0 20px;
}


div.ui-timepicker-div dl {
    text-align: center;
    padding: 6px;
}

div.ui-timepicker-div dl .ui_tpicker_time_label {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #070707;
    float: none;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    display: inline;
}

div.ui-timepicker-div dl .ui_tpicker_time {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #070707;
    float: none;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    display: inline;
}

div.ui-timepicker-div dl dd {
	font-size: 15px;
	font-weight: 400;
	line-height: 19px;
	color: rgba(51, 51, 51, 0.65);	
	margin: 5px 0 10px 5px;
	padding: 0 8px;
	text-align: center;
}

div.ui-timepicker-div dl dd div {	
	margin-top: 4px;
}

div.ui-slider-horizontal {
	height: 5px;
	background: #e9e9e9;
	border: none !important;
	border-radius: 0;
}

div.ui-slider-horizontal .ui-slider-handle {
	width: 1.2em;
	height: 1.2em;
	top: -0.5em;
	border-radius: 100%;
	background: #fff;
	border: 5px solid #cc4d4d;
	cursor: pointer;
}

.primarySpan {
	border: solid rgb(197, 197, 197); 
	border-radius: 0.5em; 
	margin-left:0.5em; 
	text-align:center; 
	cursor: default; 
	background: rgb(197, 197, 197);	
}

.floatRight {
	float: right;
}

.inputTypeCustom {
	width: 100% !important; 
	float: left !important;
	border: 1px solid #c6c6c6;
	margin-bottom: 8px;
}

.divCustom {
 	width: 100%;
 	display: table;
	padding-top: 1em;
	 background: #fff;
	 border: 1px solid #e2e2e2;
}

.hwboDiv {
	width: 100%;
	padding-top: 1em;
	background: #fff;
	border: 1px solid #e2e2e2;
}

.buttonOrderCharacteristic {
	background: #FF5E5E; 
	border: solid; 
	border-color: #FF5E5E; 
	border-radius: 0.5em; 
	font-weight: bold; 
	font-size: 0.85em;
	color: black; 
	float: left;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin: 0.1em;
}

@media ( max-width : 40.063em) {
	.buttonOrderCharacteristic {
		float: right;
		margin: 0 0.2em;
	}
}

.buttonOrderCharacteristic:hover:enabled, .buttonOrderCharacteristic:focus {
	background: #FF5E5E !important; 
	color: black;
}

.buttonOrderCharacteristic.disabled, .buttonOrderCharacteristic[disabled], .buttonOrderCharacteristic.disabled:hover, .buttonOrderCharacteristic.disabled[disabled]:focus, .buttonOrderCharacteristic[disabled]:hover, .buttonOrderCharacteristic[disabled]:focus {
	background: #cecece;
	border-color: #cecece; 
	color: black;
}

.buttonOrderQty {
	display: block;
	min-width: 2.6em; 
	border: solid;
	border-radius: 0.5em; 
	font-weight: bold; 
	font-size: 0.8em;
	color: #000000; 
	float: left;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin: 0.1em;
}

.orderQtyRed {
	background-color: #FF5E5E !important;
	border-color: #FF5E5E !important;
}

.orderQtyGray {
	background-color: #cecece !important;
	border-color: #cecece !important;
}

.orderQtyYellow {
	background-color: #f1c40f !important;
	border-color: #f1c40f !important;
}

.orderQtyBlue {
	background-color: #18a7d6 !important;
	border-color: #18a7d6 !important;
}

.orderQtyGreen {
	background-color:  #48A946 !important;
	border-color: #48A946 !important;
}

.priorityBox.statRed,
.priorityBox.asapYellow,
.priorityBox.rountineBlue,
.priorityBox.scheduledGreen {
	display: block;
}

@media ( max-width : 40.063em) {
	.buttonOrderQty {
		float: right;
		margin: 0 0.2em;
	}
	
	.priorityBox.statRed,
	.priorityBox.asapYellow,
	.priorityBox.rountineBlue,
	.priorityBox.scheduledGreen {
		display: inline;
	}
}

.buttonOrderQty.disabled, .buttonOrderQty[disabled], .buttonOrderQty.disabled:hover, .buttonOrderQty.disabled[disabled]:focus, .buttonOrderQty[disabled]:hover, .buttonOrderQty[disabled]:focus {
	color: #222222;
}

.totalOrders {
	background: transparent !important;
	color: black;
	font-weight: bold;
	padding: 0.5em 0.5em !important;
}

.lineHeightDefault {
	line-height:1;
}

.phenotype {
	float: left;
	min-width: 3.2em;
	margin: 0 0.35em;
}

.phenotypeGroupSpace {
	float: left;
	min-width: 1.8m;
	margin: 0 0.35em;
}

.hlaPhenotype {
	float: left;
	width: 9em;
	margin: 0.5em 0.5em;
	color: white;
	background-color: gray;
	padding: 0 0.2em 0.3em;
}

.hlaLocusLabel {
	display: block;
	padding: 0.5em;
	font-size: 0.9em;
}

.hlaLocusInputContainer {
	float: left;
	width: 50%;
	padding: 0 0.1em;
}

.hlaLocusInputContainer input[type="text"] {
	padding: 0 0.1em;
	text-align: center;
	font-size: 1.4em;
	height: initial;
}

.hlaAllelErrorBackground {
	background: #ff9b9b !important;
}

.orderNumber th {
	color: #cccccc;
	font-weight: bold;
	font-size: 1.2em;
}

.orderNumber th span {
	color: #B36B00;
}

.noPaddingTop {
	padding-top: 0 !important;
}

.divCustom1 {
	background:#ebebeb;  
	padding: 0.5em 0 0 0;
}

@media only screen and (min-width : 60.063em) {
	.divCustom1 {
		width: 49%;
	}
}

.hrCustomMargin {
	margin-top: 0 !important;
	margin-bottom: 0.5em !important;
}

.orderScheduleDiv {
	height: calc(100vh - 275px); 
	padding: 0.5em 0.1em; 
	overflow-y: auto;
	overflow-x: hidden;
}

.fontCustom {
	font-style: italic; 
	color: DarkSlateGray;
}

.stockDeletedRow {
	background: rgba(255, 0, 0, 0.25) !important;
}

.stockNewRow {
	background: rgba(0, 197, 0, 0.18) !important;
}

.stockModifiedRow {
	background: rgba(255, 165, 0, 0.28) !important;
}

.input-group .input-group-addon {
  position: absolute;
  display: block;
  width: 42px;
  height: auto;
  cursor: pointer;
  right: 0;
  border-radius: 0;
  border: 1px solid #595959;
  border-left: transparent;
  background-color: #fff;
}

.input-group-addon:focus {
/* 	border: 3px solid #2644C8;
	border-left: 3px solid #2644C8 !important; */
} 

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 0;
}  

.input-group > .input-group-addon > .fa {
	font-size: 14px;
}

.input-group > .input-group-addon > .form-icon { 
	border: none;
	padding: 0;
	background: none;
	color: #9ba3af;
	cursor: pointer;
	font-family: fontAwesome;
}

.jui-checkboxes-container {
    max-width: 700px;
}

.jui-checkboxes-container .jui-checkbox {
  width: 34px;
  height: 32px;
  display: block;
  float: right;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #595959;
  cursor: pointer;
}

.jui-checkboxes-container .jui-checkbox:focus {
  /* border: 3px solid #2644C8 !important; */
}

.jui-checkboxes-container .jui-checkbox.active {
  background-color: #B2121B;
  border: 1px solid #B2121B;
  background-position: center;
  background-repeat: no-repeat;
  background-image:  url('/hwbo/hwbo/img/checkbox-white-8a633f2aececacbdf47644f896a12e5c.png');
}

.jui-checkboxes-container.green .jui-checkbox.active {
  background-color: #006400;
  border: 1px solid #006400;
  background-position: center;
  background-repeat: no-repeat;
  background-image:  url('/hwbo/hwbo/img/checkbox-white-8a633f2aececacbdf47644f896a12e5c.png');
}

.jui-checkboxes-container .checkbox-label {
  margin: 3px 22px 0 0;
  display: inline-block !important;
}

 
/* overrides from foundationD.css */

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #595959;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1rem 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; 
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    box-shadow: none;
    border-color: #595959; 
 }
    
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
	background-color: white;
	border-color: #595959;
    outline: none; 
 }
    
input[type="text"][disabled], fieldset[disabled] input[type="text"],
input[type="password"][disabled], fieldset[disabled]
input[type="password"],
input[type="date"][disabled], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled], fieldset[disabled]
input[type="month"],
input[type="week"][disabled], fieldset[disabled]
input[type="week"],
input[type="email"][disabled], fieldset[disabled]
input[type="email"],
input[type="number"][disabled], fieldset[disabled]
input[type="number"],
input[type="search"][disabled], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled], fieldset[disabled]
input[type="time"],
input[type="url"][disabled], fieldset[disabled]
input[type="url"],
textarea[disabled], fieldset[disabled]
textarea {
    background-color: #E8E8E8; 
}

input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
textarea.radius  {
	border-radius: 3px; 
}

input[type="submit"] {
  -webkit-appearance: none; 
}
  
select {
  -webkit-appearance: none !important;
  background-color: white;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 97% center;
  border: 1px solid #595959;
  padding: 0.35em;
  font-size: 0.875em;
  border-radius: 0;
  height: 2.3125em; 
}
  
select.radius {
	border-radius: 3px; 
}

select:hover {
	background-color: white;
    border-color: #595959; 
}
 
/* end */

textarea:focus, input:focus , select:focus, span:focus, button:focus, a:focus, a:hover {
    outline: none !important;
}

.secondarySpan {
	width: 34px;
	height: 32px;
	display: block;
	float: right;
	margin: 0 7px 0 0;
	padding-top:4px;
	background-color: #fff;
	text-align:center; 
	background: #fff;	
  	border: 1px solid #595959;
  	cursor: pointer;
  	font-weight: bold;
  	color: #525252;
}

.secondarySpan:focus {
	/* border: 3px solid #2644C8 !important; */
}

/* overrides from appication.css*/

.selectableTable .ui-selecting {
	background-color: #f5414c;
	opacity: 0.8;
}

.selectableTable .ui-selected {
	background: #f5414c !important;
	color: white;
}

.selectableTable .markRow {
	background: #eea69d !important;
	outline: thin solid #c60f13;
}

.selectableTable .ui-selected:hover {
	background: #dcdcdc;
	color: white;
}

/* end */

.large.button.secondary {
    position: relative;
    background-color: #B2121B;
    border: 0px;
    border-bottom: 3px solid #bc3941;
    color: white !important;
    font-size: 0.87em !important;
    font-weight: 500;
    opacity: 1;
    padding: 0.85em 1.6em;
    text-transform: uppercase;
    width: 9.2em;
}

.large.button:hover, .large.button.secondary:hover, .large.button:focus, .large.button.secondary:focus {
  	background: #FF5F65;
  	color: black !important; 	
}

.large.button.disabled.secondary, .large.button.secondary[disabled], .large.button.secondary[disabled]:hover, .large.button.secondary[disabled]:focus {
	background-color: #B2121B;
	opacity: 0.6;
	color: white !important;
}

.large.button.secondary.green {								
    background-color: #006400;								
    border-bottom: 3px #46724B solid;								
}		
.large.button.secondary.green:hover, .large.button.secondary.green:focus {								
  	background: #4FA94F;  									
}						
								
.large.button.disabled.secondary.hover, .large.button.secondary.green[disabled], .large.button.secondary.green[disabled]:hover, .large.button.secondary.green[disabled]:focus {								
	background-color: #006400;						
	opacity: 0.5;						
}

.large.button.secondary.bordeaux {								
    background-color: #881111;								
    border-bottom: 3px #650d0d solid;								
}		
.large.button.secondary.bordeaux:hover, .large.button.secondary.bordeaux:focus {								
  	background: #D47D7D;  									
}						
								
.large.button.disabled.secondary.hover, .large.button.secondary.bordeaux[disabled], .large.button.secondary.bordeaux[disabled]:hover, .large.button.secondary.bordeaux[disabled]:focus {								
	background-color: #881111;						
	/* opacity: 0.5; */						
}

.small.button.secondary.bordeaux {								
    background-color: #881111;								
    border-bottom: 3px #650d0d solid;								
}		
.small.button.secondary.bordeaux:hover, .small.button.secondary.bordeaux:focus {								
  	opacity: 0.85;								
  	background: #881111;  									
}						
								
.small.button.disabled.secondary.hover, .small.button.secondary.bordeaux[disabled], .small.button.secondary.bordeaux[disabled]:hover, .small.button.secondary.bordeaux[disabled]:focus {								
	background-color: #881111;						
	opacity: 0.5;						
}

.small.button.secondary, .small.button.success {
    position: relative;
    background-color: #B2121B;
    border: 0px;
    border-bottom: 3px solid #bc3941;
    color: white !important;
    font-size: 0.87em !important;
    font-weight: 500;
    opacity: 1;
    padding: 0.85em 1.6em;
    text-transform: uppercase;
    width: 9.2em;
}

.small.button:hover, .small.button.secondary:hover, .small.button.success:hover, .small.button:focus, .small.button.secondary:focus, .small.button.success:focus {
  	opacity: 0.85;
  	background: #f85962;
  	color: black !important;  	
}

.small.button.disabled.secondary, .small.button.disabled.success, .small.button.secondary[disabled], .small.button.success[disabled], 
.small.button.secondary[disabled]:hover, .small.button.success[disabled]:hover, .small.button.secondary[disabled]:focus, .small.button.success[disabled]:focus {
	background-color: #f85962;
	opacity: 0.6;
}

.lightGray {
	color: rgba(51, 51, 51, 0.55);
}

.paddingBottom1 {
	padding-bottom: 1em !important;
}

.paddingBottom2 {
	padding-bottom: 2em !important;
}

.hrCustom {
	border-color: #cccccc; 
	margin: 1.8rem auto; 
	max-width: 100%;
}

.hrCustom2 {
	border-color: #cccccc; 
	margin: 2.07rem auto; 
	max-width:100%;
}

.hrCustom4 {
	border-color: #cccccc; 
	margin: 1.8rem auto; 
	max-width: 100%;
}

.borderCustom {
	border-style: solid;
  	border-color: #d9d9d9;
 	border-width: 1px !important;
	
}

/* overrides from jquery-ui.css */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0;
	background: #f5f5f5;
	font-weight: normal;
	color: #000;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #000;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #dcd9d9;
	background: #fff;
	font-weight: normal;
	color: #333;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333;
	text-decoration: none;
}

/* end */

.tabCustom {
	padding: 0 !important;
	margin: 0;
	border: 0;
}

.tabsCustomHeaderColor {
	background: #f5f5f5;
}

.tabsCustomBody {
	border: 1px solid #dcd9d9 !important;
	border-radius:0;
	margin: 0;
}

.noBorderRadius {
	border-radius:0 !important;
}

.hrCustom3 {
	margin-top: 0;
	margin-bottom: 0.5em;
	border-color: #cccccc;
	max-width: 100%;
}

.paddingTop1 {
	padding-top: 1em;
	
}

.gray333 {
	color: #333; 
}

.gray888 {
	color: #888;
}

.grayaaa {
	color: #aaa;
}


.backgroundGrayaaa {
	background: #d4d4d4 !important;
	color: #333 !important;
}

.fontSize-15 {
	font-size: 15px !important;
}

.fontSize-17 {
	font-size: 17px !important;
}

.fontSize-25 {
	font-size: 25px;
}

.aCustomRed {
	color: #b2121b;  
	text-decoration: underline;
}

.aCustomDarkRed {
	color: #881111;  
}

.aCustom {
	text-decoration: underline;
}

.fa.colorDarkBlue,
.aCustom.colorDarkBlue {
	color: #2644C8;
}

.fa.colorGrey,
.aCustom.colorGrey {
	color: #7f7f7f;
}

.fa.colorGreen,
.aCustom.colorGreen {
	color: #298A08;
}

.aCustom.colorRed,
.fa.colorRed {
	color: #b2121b;
}

.fa.colorTeal {
	color: #325F67;
}

.fa.colorGrey.disabled {
	color: #999;
}

.fa.colorPurple {
	color: #38388F;
}

.fa.colorBlue {
	color: #1585D0;
}

.stockConfigDiv {
	height: 13.4em;
	padding: 0.5em 0.1em !important;
}

.bloodComponentsDiv {
	height: 8.6em;
	padding: 0.5em 0.1em !important;
}

.overflowYAuto {
	overflow-y: auto;
}

.inputCustom {
	background: white;
	border: 1px solid #dcd9d9 !important;
	font-size: 24px !important;
}

.stock .ui-selecting {
	background-color: #b5b5b5;;
	opacity: 0.8;
}

.stock .ui-selected {
	background: #b5b5b5 !important;
	color: white;
}

.stock .ui-selected:hover {
	background: #b5b5b5;
	color: white;
}

.servicesStatus.coloredGreen {
    color: #006900;
}

.servicesStatus.coloredRed {
    color: #B40000;
}

.servicesStatus.noColor {
    color: #000;
}

.standingOrderDiv {
	background: #fff;
	border: 1px solid #e2e2e2;
 	padding: 21px 0;
 	margin: 0 0 26px 0;
}

.standingOrderDiv .columns {
	border-left: 3px solid #8d82b5;
}

.standing [type="radio"] + label {
	color: rgba(51, 51, 51, 0.55);
	font-size: 17px;
}

.standing [type="checkbox"] + label {
	color: rgba(51, 51, 51, 0.55);
	font-size: 17px;
}

.customLabel {
	line-height: 18px;
	font-size: 17px; 
	font-family: Roboto-Thin; 
	color: #010101;
	margin-bottom: 3px; 
}

.statHome {
	display: block;
	height: 135px;
	font-family: "Roboto-Thin";
	font-size: 2.2em !important;
	padding: 0.2em 0.6em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #f55142;
	border-bottom: 3px #dc483b solid;
	color: white !important;
	font-size: 23px;
}

.statHome:hover, .statHome:focus {
	background-color: #f55142;
	opacity: 0.8;
}

.signOutBtn {
	display: block;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 500;
	padding: 0.3em 0.7em;
	text-align: center;
	width: 100%;
	background: #B2121B;
	border-style: solid;
	border-color: #bc3941;
	border-width: 0 0 3px 0;
	color: white !important;
	text-transform: uppercase;
}

.signOutBtn:hover, .signOutBtn:focus {
	background-color: #FF5F65;
	color: black !important;
}

.signOutBtn.disabled, .signOutBtn[disabled], .signOutBtn[disabled]:hover, .signOutBtn[disabled]:focus {
	background-color: #f85962;
	opacity: 0.8;
}
.customHomeButton {
	display: block;
	height: 135px;
	font-family: "Roboto-Thin";
	font-size: 32px;
	padding: 1.4em 0.65em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #18a7d6;
	border-bottom: 3px #4bafd8 solid;
	color: black;
}

.customHomeButton:hover, .customHomeButton:focus {
	background-color: #38bde8;
	opacity: 0.8;
}

.asapHome {
	display: block;
	height: 135px;
	font-family: "Roboto-Thin";
	font-size: 2.2em !important;
	padding: 0.2em 0.6em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #f1c40f;
	border-bottom: 3px #c5a832 solid;
	color: white !important;
	font-size: 23px;
}

.asapHome:hover, .asapHome:focus {
	background-color: #f1c40f;
	opacity: 0.8;
}

.orderOverviewSmallHome {
	display: block;
	height: 60px;
	font-family: "Roboto-Thin";
	font-size: 20px !important;
	padding: 0.85em 0.65em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #bdc3c7;
	border-bottom: 3px #a1aab0 solid;
	color: #191919 !important;
	font-size: 23px;
}

.orderOverviewSmallHome:hover, .orderOverviewSmallHome:focus {
	background-color: #bdc3c7;
	opacity: 0.8;
}

@media ( max-width : 40.063em) {
	.noPaddingSmallScreens {
		padding: 0 !important;
	}
}

@media ( max-width : 60.063em) {
	.noPaddingMediumScreens {
		padding: 0 !important;
	}
}

@media ( min-width : 60.063em) {
	.noPaddingLeftLargeScreens {
		padding-left: 0em !important;
	}
}

/* overrides from foundatiodD.css */

ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; 
}

ul.pagination li {
	height: 1.5em;
    color: #222222;
    font-size: 0.875em;
    margin-left: 0.3125em; 
}

ul.pagination li a {
	display: block;
	padding: 0.0625em 0.625em 0.0625em;
	color: #000;
	border-radius: 3px; 
}

ul.pagination li:hover a,
ul.pagination li a:focus {
	background: #FF5F65; 
}
 
ul.pagination li.unavailable a {
	cursor: default;
    color: #000; 
}
    
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
	background: transparent; 
}
    
ul.pagination li.current a {
    background: #a7121b;
    color: #fff;
    font-weight: normal;
	cursor: default; 
}
     
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
	background: #585858; 
}
  
ul.pagination li {
	float: left;
    display: block; 
}
        
/* end */

.padding05 {
	padding: 0 0.5em;
}

.marginMinus05 {
	margin: 0 -0.5em !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.hwboLogin {
	-webkit-box-shadow: 0px 0px 75px 0px rgb(83, 91, 130);
    -moz-box-shadow: 0px 0px 75px 0px rgb(83, 91, 130);
    box-shadow: 0px 0px 75px 0px rgb(83, 91, 130);
}

.hwboLoginTopPadding {
	padding-top: 7em;
	margin-left: 15em;
}
	
.loginText {
	line-height: 18px;
	font-size: 26px; 
	font-family: Roboto-Thin; 
	color: #010101; 
	margin : 0 0 15px 0;
	font-weight: 600;
	letter-spacing: 1px;
}

.hwboSignUp {
	margin-top: 0.3em;
}

.hwboLoginPanel {
	border: 0;
	text-align: left;
	margin: 0 auto;
	background: #363b50;
	padding-top: 1em;
	padding-bottom: 3em;
}

.hwboLoginText {
	line-height: 18px;
	font-size: 26px; 
	font-family: Open Sans;
	color: #fff; 
	margin : 0 0 15px 0;
	font-weight: lighter;
	letter-spacing: 1px;
}

.white {
	color: white;
}	

.padding {
	padding-top: 5em;
	padding-bottom: 5em;
}

/* Corner radius override */	
	
.ui-corner-all,		
.ui-corner-top,		
.ui-corner-left,		
.ui-corner-tl {		
	border-top-left-radius: 0;		
}		
.ui-corner-all,		
.ui-corner-top,		
.ui-corner-right,		
.ui-corner-tr {		
	border-top-right-radius: 0;		
}		
.ui-corner-all,		
.ui-corner-bottom,		
.ui-corner-left,		
.ui-corner-bl {		
	border-bottom-left-radius: 0;		
}		
.ui-corner-all,		
.ui-corner-bottom,		
.ui-corner-right,		
.ui-corner-br {		
	border-bottom-right-radius: 0;
}

.top-bar {
    background: #f5f5f5;
}

.top-bar ul {
	background-color: transparent !important;
	margin: 4px;
}

.top-bar ul .statusBar {
    height: 35px;
    margin: 0;
	font-size: 15px; 
	border-right: 4px solid #ffffff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;

}

.statusGreen {
	background: #a7e2a7 !important;
}

.statusRed {
	background: #ffadb1 !important;
}

.statusOrange {
	background: #ffd79b !important;
}

.statusPurple {
	background: #732185 !important;
	color: white;
}

.statusYellow {
	background: #fff9d8 !important;
}

.statusGray {
	background: #ececec !important;
}

.top-bar .statusBar h1 {
	font-size: 1em;
	margin: 0;
	color: #474747;
	padding: 0 10px;
	font-weight: 500;
	display: inline;
	font-weight: 600;
}

.statusPurple h1 {
	color: white !important;
}

.noPadding {
	padding: 0 !important;
}

.orderHistory {
	font-family: "Open Sans";
 	background: #f5f5f5;
	color: #535353;
	text-transform: uppercase; 
	font-size: 13px;
    text-align: left !important;
}

.orderHistory2 {
	background: white;
	text-align: left !important;
}

legend {
	display: none;
}

.searchBackground {
	background: white;
}

.header_time {
    background-color: #f5f5f5;
    border: thin solid #dddddf;
	height: 4vh;
	width: 20vw;
	z-index: 100;
	position: fixed;
	top: 0;
	left: calc(50vw - 10vw);
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-box-shadow: 0px 0px 17px 0px rgb(214, 217, 230);
    -moz-box-shadow: 0px 0px 17px 0px rgb(214, 217, 230);
    box-shadow: 0px 0px 17px 0px rgb(214, 217, 230);
}

.header_time .app_header_font {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0.5vh;
}

.fa-orderSearch {
	font-size: 1.6em;
	margin: 0 0.25em;
	color: grey333;
}

.fa-courierLocationSearch {
	font-size: 1em;
	margin: 0 0.25em;
	color: grey333;
}

.fi-stockSearch {
	font-size: 1.6em;
	margin: 0 0.25em;
	color: grey;
}

button.expand, .button.expand {
    width: 100% !important; 
}

.sub-nav dd.active a, .sub-nav li.active a {
	background: #791111;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
  	background: #B21111;
}

.codificationButton {
	margin: 0 0 1em 0;
}

.app_header .header-icons ul li.icon .headerDate {
	color: #525252;
	font-size: 14px;
	line-height: 20px;
	padding-top: 15px;
	text-align: right;
}

.timezoneCustomPadding {
	padding-top: 5px !important;
}

.headerLabel {
	display:block; 
	border-right: solid #595959; 
	padding-right: 10px;
	border-width: 1px;
}

.headerLabel1 {
	border-right: solid #595959; 
	padding-right: 10px;
	border-width: 1px;
}

@media screen and (min-width: 40.063em) and (max-width: 64em) {
	
	.app_header .header-icons ul li.icon .headerDate {
		color: white !important;
		font-size: 14px;
		line-height: 20px;
		padding-top: 15px;
		text-align: right;
	}

	.headerLabel {
		display: block; 
		border-right: solid #fff; 
		padding-right: 10px;
		border-width: 1px;
	}
	
	.headerLabel1 {
		border-right: solid #fff; 
		padding-right: 10px;
		border-width: 1px;
	}

}

.top-bar {
	 max-width: 100%;
	 height: 45px;
}

.orderStatusBar {
	max-width: 100%;
	background-color: #ffffff !important;
    border: 1px solid #e2e2e2;
}

.statusBar {
	min-width: 200px;
}

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -6px;
	margin: 0;
}	

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #595959;
  border-top: 0;
  background: #fff;
  box-shadow: none;
}

.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 2px 0 0 10px;
	height: 31px;
	border: 1px solid #595959;
	border-radius: 0px;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
	background-image: none;
	box-shadow: none;
}

.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #595959;
	background: white url('/hwbo/common/img/chosen-sprite-8b55a822e72b8fd5e2ee069236f2d797.png') no-repeat 100% -20px;
	background: url('/hwbo/common/img/chosen-sprite-8b55a822e72b8fd5e2ee069236f2d797.png') no-repeat 100% -20px;
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0;
}

.chosen-container-active .chosen-single {
	border: 1px solid #595959;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #595959;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url('/hwbo/common/img/chosen-sprite-8b55a822e72b8fd5e2ee069236f2d797.png') no-repeat 0px 5px;
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0px;
	background-clip: padding-box;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #595959;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	background-image: none;
	box-shadow: none;
}

.customRightMargin1 {
	margin-right: 1em;
}

.colorWhite {
	color: white !important;
}

.colorBlack {
	color: black !important;
}

 .marginBottom16 {
	margin-bottom: 16px;
}

 .marginBottom5 {
	margin-bottom: 6px;
}

.sectionCustomStyle {
	font-family: 'Roboto-Thin';
    font-size: 18px !important;
    border-radius: 1px;
    letter-spacing: -1px;
}

.buttonCustomPadding {
	padding: 0.5em !important;
}

.customMultiSelect {
	height: 5em !important; 
	background: #fafafa !important;
}
				
.fontWeight600 {				
	font-weight: 600;				
}

.bloodComponentsDivSecondary {						
	height: 9em;						
	padding: 0.5em 0.1em !important;						
	margin-bottom: 1.4rem;						
}				
										
.greenArrow {						
	font-size: 50px; color: #006400;						
}					
					
.grayArrow {						
	font-size: 50px; color: #595959;						
}				
					
.fontWeight500 {						
	font-weight: 500;						
}

.fontSize28 {						
	font-size: 28px !important;						
}				
						
.customBorder {						
	border: 1px solid #e2e2e2; 						
	background: #f5f5f5;						
}				
						
.modifiersCustomText {						
	color: rgba(51, 51, 51, 0.7);						
    font-size: 1.2em;						
}				
						
.customModifiersStyle {						
	margin-bottom: 0.4rem;						
    padding: 0.5em 1.65em;						
}				
						
.customMarginRight1 {						
	margin-right: 1em;						
}				
						
.customSearchStyle {						
	font-family: "Open Sans";						
	font-size: 16px;						
	color: rgba(0,0,0,0.8);						
}		

.active .customSearchStyle {
	color: white;
}	
					
.divModifiersCustom {						
    width: 100%;						
    display: table;						
    padding-top: 0.3em;						
    height: 12.5em;						
    background: #fff;						
    border: 1px solid #e2e2e2;						
}		
				
.adHocSecondaryGrayBackground {								
	display: block;								
	height: 122px;								
	background: #595959;								
	border-bottom: 3px #999999 solid;								
	color: white !important;								
	font-family: "Roboto-Thin";								
    font-size: 32px !important;								
	font-weight: 600;								
    letter-spacing: -1px;								
	padding: 0.2em 0.6em;								
	text-align: left;								
}		
					
.adHocSecondaryStatusesBackground {								
	display: block;								
	height: 50px;								
	background: #f5f5f5;								
	border-bottom: 3px #f5f5f5 solid;								
	color: #525252 !important;								
	font-family: "Roboto-Thin";								
    font-size: 20px !important;								
	font-weight: 600;								
    letter-spacing: -1px;								
	padding: 0.2em 0.6em;								
}		
								
.adHocSecondaryStatusesBackgroundActive {								
	display: block;								
	height: 50px;								
	background: #595959;								
	border-bottom: 3px #cccccc solid;								
	color: white !important;								
	font-family: "Roboto-Thin";								
    font-size: 20px !important;								
	font-weight: 600;								
    letter-spacing: -1px;								
	padding: 0.2em 0.6em;								
}						
								
.greenStatusSecondaryBackground {								
	display: block;
	height: 50px;															
	background: url('/hwbo/hwbo/img/greenArrow-c5977f376f08a5dc9e75d7d3b8332f5b.png');
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border: none;															
	color: white !important;								
	font-family: "Roboto";								
    font-size: 18px !important;								
	font-weight: 600;																							
	text-align: left;	
	opacity: 1;								
}				
	
.greenStatusSecondaryBackground[disabled], .button.greenStatusSecondaryBackground:hover, .button.greenStatusSecondaryBackground:focus {								
	display: block;
	height: 50px;															
	background: url('/hwbo/hwbo/img/greenArrow-c5977f376f08a5dc9e75d7d3b8332f5b.png');
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border: none;															
	color: white !important;								
	font-family: "Roboto";								
    font-size: 18px !important;								
	font-weight: 600;																							
	text-align: left;	
	opacity: 1;								
}				

.orangeStatusSecondaryBackground {								
	display: block;								
	height: 50px;															
	background: url('/hwbo/hwbo/img/orangeArrow-8d07c3b5ea06ec3f741ddc729ec2b734.png');
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border: none;									
	opacity: 0.8;								
	color: white !important;								
	font-family: "Roboto-Thin";								
    font-size: 18px !important;								
	font-weight: 600;																								
	text-align: left;									
}				
	
.orangeStatusSecondaryBackground[disabled], .button.orangeStatusSecondaryBackground:hover, .button.orangeStatusSecondaryBackground:focus {								
	display: block;								
	height: 50px;															
	background: url('/hwbo/hwbo/img/orangeArrow-8d07c3b5ea06ec3f741ddc729ec2b734.png');
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border: none;							
	opacity: 0.8;								
	color: white !important;								
	font-family: "Roboto";								
    font-size: 18px !important;								
	font-weight: 600;																							
	text-align: left;									
}				

.transparentStatusSecondaryBackground {								
	display: block;								
	height: 50px;															
	background: url('/hwbo/hwbo/img/grayArrow-3b9c8d0e30a90e28f7a266a9609a3054.png');
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border: none;															
	color: white !important;							
	font-family: "Roboto";								
    font-size: 18px !important;								
	font-weight: 600;																
	padding: 0.2em 0.6em;								
	text-align: left;									
}				
	
.transparentStatusSecondaryBackground[disabled], .button.transparentStatusSecondaryBackground:hover, .button.transparentStatusSecondaryBackground:focus {								
	display: block;						
	height: 50px;															
	background: url('/hwbo/hwbo/img/grayArrow-3b9c8d0e30a90e28f7a266a9609a3054.png');
	background-size: 100% 50px;
	background-repeat: no-repeat;
	border: none;																	
	color: white !important;						
	font-family: "Roboto";							
    font-size: 18px !important;								
	font-weight: 600;																
	padding: 0.2em 0.6em;								
	text-align: left;									
}	
					
.adHocSecondaryStatusesBackgroundActive:hover, .adHocSecondaryStatusesBackgroundActive {								
	background-color: #595959;								
	opacity: 0.8;								
}				
								
.adHocSecondaryStatusesBackground:hover, .adHocSecondaryStatusesBackground:focus {								
	background-color: #f5f5f5;								
	opacity: 0.8;								
}				
								
.adHocSecondaryGrayBackground:hover, .adHocSecondaryGrayBackground:focus, .adHocSecondaryGrayBackground:disabled, .adHocSecondaryGrayBackground:disabled:hover {								
	background-color: #b2b2b2;								
	border-color: #cccccc;								
	opacity: 1;								
}		
				
.colorBlue {						
	color:  #4B4B96;						
}
		
.customTextArea {					
	padding: 0;			
	margin: 0;		
	border: none;					
	resize: none;	
}

.font13 {
	font-size: 0.813em; 
}	

.font14 {
	font-size: 0.875em !important;
}	

.uppercase {
	text-transform: uppercase;
}	

.opacity05 {
	opacity: 0.5;
}

.customHomeDescription {
	font-size: 19px;
	color: #2644C8;
	font-weight: 600;
	font-family: "Open Sans";
}

.customHomeDescription1 {
	font-size: 19px;
}

.statRed {
	background: #ff5e5e !important;
	border-color: #ff5e5e !important;
}

.asapYellow {
	background: #f1c40f !important;
	border-color: #f1c40f !important;
}

.rountineBlue {
	background: #18a7d6 !important;
	border-color: #18a7d6 !important;
}

.borderColorBlue {
	border-color: #4169E1 !important;
}

.borderBottom0 {
	border-bottom: 0px !important;
}

.borderColorBlue:disabled {
	border-color: #dcd9d9 !important;
}

.familyTypeAdditionalStyle {
	padding: 4px;
	border: solid;
    border-radius: 0.5em;
 	color: #222222;
 	opacity: 1 !important;
}

.familyTypeAdditionalStyle[disabled] {
	padding: 4px;
	border: solid;
    border-radius: 0.5em;
 	color: #222222;
 	opacity: 1 !important;
}

.scheduledGreen {
	background-color: #58B05E !important;
    border-color: #58B05E !important;
}

input.error {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.customTableStyle {
	border: none;
	margin: none;
	background-color: #ffffff;
}

.customTableStyle tbody tr td {
	padding: 0.2em 0.625em;
}

.borderColorBlue div.ui-datepicker {
	border-color: #4169E1 !important;
}

.widthCustom {
	width: 12em !important;
}

.widthCustom1 {
	width: 15em !important;
}
 
 
.headerAdditionalUserInfoStyle {
	line-height: normal !important; 
	padding-bottom: 1em !important; 
	margin-left: 0 !important; 
	margin-right: 0 !important; 
	background-color: #e6e6e6;
}

.headerAdditionalUserInfoStyle2 {
	width: 100%; 
	font-family: 'San Francisco'; 
	color: rgba(0, 0, 0, 0.7);
}

.headerAdditionalUserInfoStyle3 {
	width: 100%; 
	font-size: 13px; 
	font-family: 'Open Sans'; 
	color: rgba(0, 0, 0, 0.7); 
	text-align: left; 
	padding-left: 1em; 
	line-height: 1.4em;
}

.myOrdersCustomStyle {
	color: #38398F;
	font-weight: bold;
}

.headerLabelCustomStyle {
	font-size: 10px; 
	color: #595959; 
	text-transform: none;
}

.hrCustom5 {
	border-color: #cccccc; 
	margin: auto;
	margin-top: 1rem; 
	margin-bottom: 1.5rem; 
	max-width: 100%;
}

.borderColorTransparent {
	border-color: transparent !important;
}

.customOtyPadding {
		padding-top: 10px;
		padding-bottom: 15px;
}

.paddingTop10 {
	padding-top: 10px;
}

@media only screen and (max-width : 64em) {
	
	.customSmallPadding {
	 	padding-top: 10px;
	}
	
	.headerLabelCustomStyle {
		color: white;
	}
}

.orderChildDiv {
	border: 1px solid #e2e2e2; 
	padding: 10px 16px 10px 16px;
}

.customTextArea[readonly] {
	background: #ececec;
}

.splittedHolderDiv {
	max-width: 135px;
	position: relative;
	z-index: 2;
}

.splittedHolderLabel {
	font-weight: 600;
	color: white;
}

.splittedHolderInnerDiv {
	background: red;
	line-height: 20px;
	min-height: 35px;
	padding-top: 5px;
    padding-bottom: 10px;
}

.splittedHolderInnerDiv2 {
	height: 45px;
	background: transparent;
	border: 5px solid red; 
}

.linkCustomStatusBar {
	color:  white !important;
	text-decoration: underline;
}

.splittedHolderDiv:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 10px red;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.circle {
	vertical-align: middle;
	padding: 3px;
	display: inline-block;
	font-size: 8px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	vertical-align: middle;
	background-color: #a7e2a7 !important;
}

div.circle:before {
  content:'';
  float: left;
  width: auto;
  padding-bottom: 50%;
}

.margin4 {
	margin-left: 4px; margin-right: 4px;
}

.statusBarAdditionalStyle {
	background-color: #ffffff !important; 
	border: 1px solid #e2e2e2;
}

@media only screen and (min-width : 40em) {
	.verticalScroll {
		max-height: 23em; 
		overflow-y: auto; 
		overflow-x: none;
	}
}

.customStockPopupLabel {
	font-weight: normal;
    font-style: normal;
    font-family: 'Roboto-Thin';
    font-size: 1.4rem;
    color: #010101;
}

.stockImgCustomStyle {
	margin-top: +15px;
	cursor: pointer;
}


.additionalInfoMin {
	background: #fff;
	border: 1px solid #e2e2e2;
 	padding: 5px 0;
 	margin: 0 0 8px 0;
 	min-height: 3em; 
}

 .additionalInfoMin .holder {
	border-left: 3px solid #8d82b5;
	min-height: 2.5em; 
}

.detailedStockStatusRed {
	background: #ffadb1 !important;
}

.detailedStockStatusOrange {
	background: #ffd79b !important;
}

.colorRed {
	color: #B40000;
}

.colorGreen {
	color: #006900;
}

.aCustom {
	pointer: hover;
}

.margin5 {
	margin: 5px;
}

.marginLeft5 {
	margin-left: 5px;
}

.customMultiSelect1 {
	height: 6.65em !important; 
	background: #fafafa !important;
}

.checkboxCustomStyle {
	display: inline-block !important;
	float: none !important;
}

.customMargin {
	margin: 5px 5px 5px 5px !important;
}

/* Progress bar override */

.progress.secondary .meter {
    background: #4c4c4c;
    height: 100%;
    display: block;
}

.statusNumber {
	color: red !important;
}

.noBorder {
	border: 0 !important;
}

.paddingCustom {
	padding-bottom: 42px;
}

.textLeft {
	float: left !important;	
}

.customAcknowledgementMargin {
	margin: 0 0 3.55em 0 !important;	
}

.avoidPageBreak {
	page-break-inside: avoid;
}


.grayBorder {
    border: 1px solid #bdbfc0;	
}

.paddingLeft3 {
	padding-left: 3em;
}

.widthCustom3 {
    width: 20em !important;
}

.redText {
	color: #b2121b;
}

.welcomeDescription {
    font-size: 23px !important;
    border-radius: 1px;
    color: #000000 !important;
    opacity: 0.8;
    font-size: 26px;
    font-weight: bold;
}


.messagesDescription {
    font-size: 14px !important;
    border-radius: 1px;
    text-align: left;
    color: #000000 !important;
    opacity: 0.8;
    font-weight: bold;
}

.aCustomPrev {
	color: #2644C8 !important;  
	text-decoration: underline;
}

.customAcknowledgementMarginReq {
	margin: 0 0 13em 0 !important;	
}

.customAcknowledgementMarginReq2 {
	margin: 0 0 16em 0 !important;	
}

.filtersApplied {
	border-radius: 3px;
    font-weight: normal;
    background: #B2121B;
    padding: 0.3em 1em !important;
    cursor: default;
    color: white !important;
    background: #791111;
}   
						
.filtersAppliedCustomStyle {						
	font-family: "Open Sans";						
	font-size: 16px;						
	color: white;						
}

.inputCustomStyle {
	width: 3.6em !important;
	display: inline !important;
	height: 1.695em !important;
	padding: 0.0625em 0.625em 0.0625em !important;
    border-radius: 3px 0px 0px 3px !important;
    border-style: solid !important;
    border-color: #ddd !important;
    border-width: 1px 0px 1px 1px !important;
}

.pagingButtonApplied {
    border-radius: 3px !important;
    font-weight: normal !important;
    background: #a7121b !important;
    cursor: default;
    color: white !important;
    width: 2.2em !important;
    display: inline !important;
    border-radius: 0px 3px 3px 0px !important;
    border-style: solid !important;
    border-color: #ddd !important;
    border-width: 1px 0px 1px 1px !important;
    padding: 0em 0em 0.21em 0.3em !important;
}

.customMargin3 {
	margin-top: 3px;
	margin-bottom: 3px;
}
button.pagingButtonApplied:hover {
    background: red;
}	

button.pagingButtonApplied:hover, button.pagingButtonApplied:focus, .button.pagingButtonApplied:hover, .button.pagingButtonApplied:focus {
     background: #a7121b;
}

.widthCustom3 {
	width: 9em !important;
}

.fa-greenIcon {
	color: #1ac070 !important;
}

.fa-purpleIcon {
	color: #701ac0 !important;
}

.fa-redIcon {
	color: #f5414c !important;
}



.buttonShipmentCalculation {
	background: #f5f5f5; 
	border: solid; 
	border-color: black; 
	border-radius: 1em; 
	font-weight: bold; 
	font-size: 1.7em;
	color: black; 
	float: left;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.buttonShipmentCalculation:hover:enabled, .buttonShipmentCalculation:focus {
	background: #f5f5f5 !important; 
	color: black;
}

.buttonShipmentCalculation.disabled, .buttonShipmentCalculation[disabled], .buttonShipmentCalculation.disabled:hover, .buttonShipmentCalculation.disabled[disabled]:focus, .buttonShipmentCalculation[disabled]:hover, .buttonShipmentCalculation[disabled]:focus {
	background: #f5f5f5;
	border-color: #f5f5f5; 
	color: black;
}

.divCustomSec {
 	width: 100%;
 	display: table;
	padding-top: 1em;
	background: black;
	border: 1px solid black;
	color: #f5f5f5 !important;
	height: 70px;
}

.customShipmentLabel {
	padding: 1em;
	color: #f5f5f5 !important;
}

.wrapperCamera {
  position: relative;
}

.cameraSwitchPng {
  position: absolute;
  top: 0;
  right: 2px;
  cursor: pointer;
}

.customHomeButtonSmallOrange {
	display: block;
	height: 135px;
	font-family: "Roboto-Thin";
	font-size: 32px;
	padding: 1.4em 0.65em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #FFC000;
	border-bottom: 3px #ffc61a solid;
	color: black;
}

.customHomeButtonSmallOrange:hover, .customHomeButtonSmallOrange:focus {
	background-color: #FFC000;
	opacity: 0.8;
}

.customHomeButtonSmallGreen {
	display: block;
	height: 135px;
	font-family: "Roboto-Thin";
	font-size: 32px;
	padding: 1.4em 0.65em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #92D050;
	border-bottom: 3px #9fd564 solid;
	color: black;
}

.customHomeButtonSmallGreen:hover, .customHomeButtonSmallGreen:focus {
	background-color: #92D050;
	opacity: 0.8;
}

.customHomeButtonSmallBlue {
	display: block;
	height: 135px;
	font-family: "Roboto-Thin";
	font-size: 32px;
	padding: 1.4em 0.65em;
	text-align: left;
	width: 100%;
	letter-spacing: -1px;
	background: #18A7D6;
	border-bottom: 3px #4bafd8 solid;
	color: black;
}

.customHomeButtonSmallBlue:hover, .customHomeButtonSmallBlue:focus {
	background-color: #18A7D6;
	opacity: 0.8;
}


@media ( max-width : 40em) {
	.customPositionMap {
		margin-top: 80vh !important;
	}
}

@media screen and (min-width: 40.063em) and (max-width: 64em) {
	.customPositionMap {
		margin-top: 80vh !important;
	}
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.customPositionMap {
		margin-top: 80vh !important;
	}
}

@media only screen and (min-width: 90.063em) {
	.customPositionMap {
		margin-top: 80vh !important;
	}
}

.popup {
  position:absolute; 
  float: left;
  left: 8px;
  top: 8px;
  width: 350px;
  overflow-y: auto; 
  max-height: 100%;
  z-index: 1000;
  background-color: white;
  padding: 5px;
  color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #c6c3c3;
  -webkit-box-shadow:1px 1px 1px 1px #c6c3c3;
  -moz-box-shadow: 1px 1px 1px 1px #c6c3c3;
  box-shadow: 1px 1px 1px 1px #c6c3c3;
}
    
.closePopup {
  line-height: 1;
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closePopup:hover,
.closePopup:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.map-icon-label i {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 55px;
  text-align: center;
  white-space: nowrap;
}

.hrCustomShipment {
    border-color: #cccccc;
    margin: 0.5rem auto;
    max-width: 100%;   
}

.hrCustomLocaterCourier2 {   
    margin: 0.5rem 0rem 1.5rem 0rem;
    border-color: #cccccc;
    max-width: 100%;   
}

.large.button.secondary.white {								
    background-color: white;								
    border-bottom: 3px #cccccc solid;
    color: black !important;  								
}		
.large.button.secondary.white:hover, .large.button.secondary.white:focus {								
  	background: white;
  	color: black !important;  									
}						
								
.large.button.disabled.secondary.hover, .large.button.secondary.white[disabled], .large.button.secondary.white[disabled]:hover, .large.button.secondary.white[disabled]:focus {								
	background-color: white;
	color: black !important;  					
	/* opacity: 0.5; */						
}

.small.button.secondary.white {								
    background-color: white;
  color: black !important;  								
    border-bottom: 3px #cccccc solid;								
}		
.small.button.secondary.white:hover, .small.button.secondary.white:focus {								
  	opacity: 0.85;								
  	background: white;
  	color: black !important;   									
}						
								
.small.button.disabled.secondary.hover, .small.button.secondary.white[disabled], .small.button.secondary.white[disabled]:hover, .small.button.secondary.white[disabled]:focus {								
	background-color: white;
	color: black !important;  						
	opacity: 0.5;						
}

.small.button.secondary.black {								
    background-color: black;
  color: white !important;  								
    border-bottom: 3px #cccccc solid;								
}		
.small.button.secondary.black:hover, .small.button.secondary.black:focus {								
  	opacity: 0.85;								
  	background: black;
  	color: white !important;   									
}						
								
.small.button.disabled.secondary.hover, .small.button.secondary.black[disabled], .small.button.secondary.black[disabled]:hover, .small.button.secondary.black[disabled]:focus {								
	background-color: black;
	color: white !important;  						
	opacity: 0.5;						
}

.large.button.secondary.black {								
    background-color: black;								
    border-bottom: 3px #cccccc solid;
    color: white !important;  								
}		
.large.button.secondary.black:hover, .large.button.secondary.black:focus {								
  	background: black;
  	color: white !important;  									
}						
								
.large.button.disabled.secondary.hover, .large.button.secondary.black[disabled], .large.button.secondary.black[disabled]:hover, .large.button.secondary.black[disabled]:focus {								
	background-color: black;
	color: white !important;  					
	/* opacity: 0.5; */						
}

.customAppMain {
	position: relative;
	background: #f5f5f5;
	padding: 14px 0 0 0;
}

.no-italics {
    font-style: normal;   
}

.marginTop8 {
	margin-top: 4px;
}

.lineSize {
	line-height: 1.125em;
}

.buttocourierLocationQty {
    display: block;
    min-width: 10.6em;
    border: solid;
    border-radius: 0.5em;
    font-weight: bold;
    font-size: 0.6em;
    color: #000000;
    float: left;
    padding-right: 0.8em;
    padding-left: 0.8em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin: 0.5em;
}

.insertMarginBottom2 {
	margin: 0 0 1em 0;
}

.additionalFieldsLabel {
	font-size: 18px;
    font-weight: bold;
}

.additionalFieldsDiv {
	padding: 5px; 
	border: 0.5px solid gray; 
	margin: 10px;
}

.additionalFieldsHeader {
	text-align:center;
}

.additionalFieldsSpanInactive {
	 display: inline !important; 
	 background: #cecece !important; 
	 border-color: #cecece !important;
}

.fa-orderTest {
	font-size: 1.6em;
	margin: 0 0.25em;
	color: #B2121B;
}

button.uploadDoc.disabled, button.uploadDoc[disabled], .button.uploadDoc.disabled, .button.uploadDoc[disabled] {
	background-color: transparent;
    border-color: #B2121B;
}

button.uploadDoc:hover, button.uploadDoc:focus {
	background-color: transparent;
    border-color: #B2121B;
}

.fa-orderTest[disabled] {
	  border-color: blue;
}

.paddingTestOrderDocument {
	padding-bottom: 15px;
}

.paddingTestOrderDocument1 {
	padding-bottom: 15px;
	padding-left: 0px;
}

.testOrderAdditionalInfo {
	background: #fff;
	border: 1px solid #e2e2e2;
 	min-height: 9.5em; 
 	padding: 16px 0;
 	margin: 0 0 10px 0;
	width: 49.2% !important;
}

.ui-datepicker {
    padding: 0.1em 0.1em 0;
    width: 11.5em;
}

.customSampleNumberLabel {
    background-color: white;
    font-family: inherit;
    border: 1px solid #595959;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    margin: 0 0 1rem 0;
    padding: 0.5em;
    height: 2.3125em;
}

.marginBottom8 {
	margin-bottom: 8px;
}

.buttonOrderQtyPatient {
	min-width: 2.6em; 
	border: solid;
	border-radius: 0.5em; 
	font-weight: bold; 
	font-size: 0.8em;
	color: #000000; 
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin: 0.1em;
}

.additionalInfoOrganisationLinePD {
	line-height: 18px;  
	color: #555555; 
	font-size: 14px;
}

.screenInfo {
    font-family: 'Roboto';
    font-size: 28px !important;
    border-radius: 1px;
    color: #000000 !important;
    letter-spacing: -1px;
    opacity: 0.8;
}

.splitOrderOrderNumber {						
	color:  #4B4B96;						
}

.inlineForce {
	display: inline !important;	
	margin-right: 5px !important;
}

.grid-x:has(.hwboLoginTopPadding.authorityConfig) {
    max-width: none !important;
}