/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
	width: 100%;
}



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="select"] {
	max-width: 280px;
}

input[type=checkbox] {
	width: 15px;
	height: 15px
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}

/* bootstrap mods */
.row {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.child-left-margin {
	margin-left: 25px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	margin-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	top: 5px;
	/*left: 10px;*/
	bottom: 10px;
}

labelNotBold {
	line-height: 1.25em !important;
	margin-bottom: 0px !important;
	font-weight: normal !important;
}

label {
	line-height: 1.25em;
	font-weight: bold;
	margin-bottom: 0px;
}

/*.form-control {
	display: block;
	width: 100%;
	height: 30px;
	margin-top: 2px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.25;
	color: #555555;
	/*vertical-align: middle;*/
/*background-color: #ffffff;*/
/*border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}*/

.form-group {
	margin-top: 3px;
	margin-bottom: 10px;
	padding: 0px;
}

.form-control {
	display: block;
	width: 100%;
	padding: 1px 5px;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top: 0px;
	margin-top: 2px;
	margin-bottom: 0;
}

select.form-control:not([size]):not([multiple]) {
	height: 28px;
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		text-align: right;
		margin-top: 2px;
		line-height: 1.25em;
	}
}

@media screen and (width: 600px) {
	.d-flex {
		flex-direction: column;
	}
}

.dropdown-menu > li > a {
	display: block;
	padding: 1px 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.25;
	color: #333333;
	white-space: nowrap;
}


.temp-required-field {
	background-color: #FFFFE0;
	border: 1px solid red !important;
}

/* border for error fields - currently red */
.error-field {
	border: 1px solid red !important;
}

.fieldset-blank {
	display: inline;
	border: 0px;
	/*margin: 0px;*/
	/*margin-top: 10px;*/
	border-radius: 5px;
	padding: 0px;
	padding-bottom: 20px;
}



field-label-prefix {
	display: inline-block;
	line-height: 1.25em;
	margin-top: 2px;
	padding-left: 4px;
	padding-right: 2px;
}

field-label-suffix {
	display: inline-block;
	line-height: 1.25em;
	margin-top: 2px;
	padding-left: 0px;
	padding-right: 2px;
}

.field-label-prefix {
	display: inline-block;
	line-height: 1.25em;
	margin-top: 2px;
	padding-right: 4px;
	padding-right: 2px;
}

.control-checkbox {
	/*border-style:solid;*/
	border-width: thin;
	border-radius: 5px;
	padding: 5px;
}

	.control-checkbox label {
		margin-left: 5px;
	}

.text-optional {
	font-weight: lighter;
	font-style: italic;
}

.navbar-nav > li {
	padding-left: 15px;
	padding-right: 15px;
}

.navbar-nav > .active > a {
	background-color: #007bff;
	color: white;
}

.navbar-nav {
	line-height: 50px
}

.navbar {
	min-height: 50px;
	padding: 15px;
}

.navbar-toggle {
	/* (80px - button height 34px) / 2 = 23px */
	margin-top: 23px;
	padding: 9px 10px !important;
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		/* (80px - line-height of 27px) / 2 = 26.5px */
		line-height: 50px;
		font-size: 24px;
	}
}

.loginSelect {
	color: #004b8e;
	border: hidden;
	font-size: 24px;
	width: 250px;
}

/*.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #caca4c;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	background-color: #caca4c;
}*/
html, body, .container {
	height: 100%;
}

textarea.form-control {
	height: 100%;
}

.table th {
	padding: 2px;
	border-top: 0px;
}

.table td {
	padding: 2px !important;
	border-top: 0px !important;
}

.btnGrid {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .15em .5em;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

:required {
	background-color: #f7f888;
}

/*enable screen outside action*/
.LockOff {
	display: none;
	visibility: hidden;
}

/*disable screen during action*/
.LockOn {
	z-index: 9998;
	display: block;
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105%;
	height: 10000px;
	background-color: #666;
	text-align: center;
	padding-top: 10%;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.LockOnLabel {
	z-index: 9999;
	width: 60%;
	background-color: White;
	color: blue;
	font-size: x-large;
	border: double 1px White;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

.fieldset-blank {
	display: inline;
	border: 0px;
	margin: 0px;
	margin-top: 10px;
	border-radius: 5px;
	padding: 0px;
	padding-bottom: 20px;
}

.fieldset-tankdata {
	display: block;
	width: inherit;
	border: 1px solid grey;
	margin: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 0px;
	padding-bottom: 20px;
}

.fieldset-header {
	display: block;
	width: inherit;
	border: 2px solid blue;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
	padding: 0px;
	padding-left: 7px;
	padding-right: 27px;
	padding-bottom: 20px;
}

.fieldset-subHeader {
	display: block;
	width: inherit;
	border: 1px solid blue;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
	padding: 0px;
	padding-left: 7px;
}

.legend-tankdata {
	display: inline;
	border: 1px solid grey;
	font-size: medium;
	margin: -10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: auto;
}

.legend-header {
	display: inline;
	border: 4px solid blue;
	font-size: larger;
	font-weight: 700;
	color: black;
	margin: -10px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	width: auto;
}

.legend-subHeader {
	display: inline;
	border: 1px solid blue;
	font-size: larger;
	font-weight: 500;
	color: black;
	margin: -10px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	width: auto;
}


.no-left-right-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.required-field {
	background-color: #f7f888;
}

.noCursorinput {
	background-color: lightgray;
	cursor: none;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.notRequired-field {
	background-color: white;
}

.infoIcon {
	vertical-align: top;
}

.border-Features {
	border-bottom: 3px solid blue !important;
}

.div_features {
	margin-top: 10px;
	margin-bottom: 10px;
}

.d-flex {
	display: flex;
	justify-content: flex-start;
	padding-left: 0px;
}
.d-flex div {
	flex: 0 0 085.0%;
}

.d-flex div:nth-child(2) {
	flex: 0 0 015.0%;
}
.buttonBottom {
	float: none;
	display: table-cell;
	vertical-align: bottom;
}
.mo-padding {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}
/*.overlay {
	position: fixed;
	top: 0;
	left: 20px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
}
*/.overlay-content {
	width: 500px;
	height: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	background-color: #dee2e6;
	border-radius: 5px;
	text-align: center;
	z-index: 11; /* 1px higher than the overlay layer */
}

.main {
    margin-top: 90px; /* Add a top margin to avoid content overlay */
}

.mainConfirm {
	margin-top: 0px; /* Add a top margin to avoid content overlay */
}

.overlay {

	position: absolute;
	left: 20%;
	top: 25%;
	width: 60%;
	z-index: 2;
	background-color:wheat;
	opacity: 1.1;
}


.header {
    padding: 5px 16px;
    background-color: white;
}

.bi .bi-arrow-down-square-fill {
	font-size: 30px;
	color: lawngreen
}

.btnEstimate {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	padding: 0;
	border-radius: .1rem;
	user-select: none;
	font-size: 1rem;
	line-height: 1.5;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: white;
	background-color: #17a2b8;
	width: 90%;
}

.btnEstimateDisabled {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0;
    border-radius: .1rem;
    user-select: none;
    font-size: 1rem;
    line-height: 1.5;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    color: white;
    width: 90%;
    background-color: gray;
}

.productContent {
    padding: 0px;
}

.no-outline:focus {
    outline: none;
}

.inputNoBorder {
    font-size: 20px;
    border-width: 0px;
    border-style: none;
    border-color:transparent;
    max-width: 180px;
    font-weight:bold;
}

.inputNoBorderSmaller {
    font-size: 17px;
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    max-width: 180px;
    font-weight: bold;
}
.allButFooter {
	min-height: calc(100% - 100px);
}
.margins-and-width {
/*	margin-left: 150px;
	margin-right: 150px;
	max-width: 1600px;
*/}
.poline-left-margin {
	margin-left: 250px;
}

.nav-item-padding {
	padding-top: 8px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 8px;
	border-radius: 4px;
}
table.dataTable td {
	padding: 4px !important;
}
table.dataTable th {
	padding: 0px;
}
.adminHeader {
	color: blue !important;
	text-decoration: underline !important;
}
.emailInput {
	padding-right: 10px !important;
}
.button {
	border: none;
	color: white;
	padding:5px;
	background-color: #007bff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	font-size: 20px;
}
.rep-group {
	padding: 0px;
	max-width: 400px;
}
.registerRep {
	margin: 200px;
}
.rotate-down {
	transform: rotate(90deg);
}
.rotate-up {
	transform: rotate(0deg);
}

.dataTable-width {
	max-width: 1000px;
	margin-left: 425px;
}
.bolded {
	font-weight: bold;
}
.normal-status-color {
	color: blue;
}
.new-status-color{
	color: red;
}
.confirmed-status-color {
	color: green;
}
.confirmed-passed-status-color {
	color: black;
	background-color: yellow;
}
.itemDataTable-width {
	max-width: 1900px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.maxWidth-number {
	max-width: 100px !important;
}
.confirmSetup {
	max-width: 300px !important;
	margin-top: 0px;
	margin-left: 100px;
}
.hide_column {
	display: none;
}
.cst_border {
	border: 4px solid black;
}
.cellHeight {
	height: 28px !important;
}
.requiredFld {
	background-color: #EDE275 !important
}

.requireFldNoChange {
	background-color: #90EE90 !important
}

.missingData {
	background-color: #F75D59 !important
}
.poLineDTmargins {
	margin-left: 20px !important; 
	margin-right: 20px !important;
}
table {
	width:auto !important;
	border: medium solid #00F;
	border-bottom: medium solid #00F !important;
}
inputButton {
	width: 50px !important;
}