/* Use this for project custom CSS */
.loaded { display: none; }
.top-general-alert { padding: 2px;text-align: center; background-color: black; color: yellow; }
.ui-autocomplete { max-height: 400px; overflow-y: auto; overflow-x: visible;z-index: 10000;}
.validation-summary-valid { display: none; }
.validation-summary-only .input-validation-error.help-block,.validation-summary-only .input-validation-error.control-label,.validation-summary-only .input-validation-error.radio,.validation-summary-only .input-validation-error.checkbox,.validation-summary-only .input-validation-error.radio-inline,.validation-summary-only .input-validation-error.checkbox-inline {color: #a94442;}
.validation-summary-only .input-validation-error.form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.validation-summary-only .input-validation-error.form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }
.top-bar .notifications .general .dropdown-menu { right: inherit;left: -170px;top: 31px;min-width: 300px;}
.top-bar .notifications .inbox .dropdown-menu { right: inherit;left: -130px;top: 31px;min-width: 300px;}
.top-bar .logged-user { min-width: 120px;}
.display-content label { font-weight: bold; }
.data-row .data-name { color: #797979; }
.no-padding-right { padding-right: 0; }

.report-filter-row {margin-bottom: 10px;}
.report-filter-row > * {vertical-align: top;}
.report-filter-row select[multiple] {height: auto;}
#ui-datepicker-div { z-index: 10!important; }

li.contract-tab > a { background-color: #e24715; border-color: #cb4013; color: #fff; }
li.contract-tab > a:hover, li.contract-tab > a:focus { background-color: #d94414; color: #fff; }

.row-fix .form-row-label { float: none;width: 100%;padding: 0; }
.timeClockContainer td { vertical-align: top;padding: 2px 0; }
.notesContainer { max-height: 350px; overflow-x: hidden; overflow-y: auto; }
.notesContainer .note-entry { margin-bottom: 15px; }
.notesContainer .note-entry:last-child { margin-bottom: 2px; }
.form-buttons .dropdown .btn { margin-bottom: 0;}
.form-button-dropdown { display: inline-block;vertical-align: top;}

.needs-serial-number { background-color:#d9534f;color: white;padding: 0 10px;}
.technician-required.empty { background-color: yellow; }
.readings-grid { width: 100%;border-spacing: 2px;border-collapse: separate;color: black;}
.readings-grid th { font-weight: bold;text-align: center; }
.readings-grid td { text-align: center;border: solid 1px black;width: 7%; background-color: #ececec }
.readings-grid input { width: 100%;border: none;text-align: center;}
.readings-grid th.percent { text-align: left;}
.readings-grid td.percent { border: none;background-color: inherit;}
.readings-grid td.range { font-weight: bold;font-size: 1.1em; }
.readings-grid td.no-border { border: none;background-color: inherit;}
.readings-grid tfoot> td.percent { text-align: right; }
.readings-grid button { width: 100%; }
.readings-grid.hydraulic-grid td { width: 11.11%; }

.half-table .readings-grid td { width: 25%; }
div.half-table { width: 48%;display: inline-block;vertical-align: top; }
.one-way-only { display: none; }
.one-way .one-way-only { display: inherit; }
.one-way .ccw-entry { display: none;}
.one-way #makeTwoWayButton{ display: inline-block;}
#makeTwoWayButton { display: none;}
.list-group .rush { background-color: #d9534f; }
.billing-content input { text-align: right; }
td.reading-out-of-range { background-color: #DB3833; }
input.reading-out-of-range { background-color: #DB3833; }
.readings-container { background-color: #DDD; border: solid 1px black; padding: 10px;}
.tw-tolerance-section { font-weight: bold;color: black;}
.tw-tolerance-section input { width: 60px;font-weight: normal; }
td.tolerance { background-color: #9C9797; }
.output-voltage { display: none; }
.millivolt-calibration .output-voltage { display: table-cell; }

#drawer {display: none;position: absolute;top: 0;bottom: 0;right: 0;width: 250px;height: 100%;z-index: 1;background-color: white;padding: 5px;border-left: solid 1px #555;}
#drawer a{ display: block;}
.list-group-item-gray {color: #868686;background-color: #ececec;}
.list-group-item-condemed {color: #fff;background-color: #d9534f;}
.tool-list-active { font-weight: bolder; }

.test-equipment-container { background-color: #DDD; border: solid 1px black; padding: 10px;min-height: 100px;margin-top: 3px;}

.form-buttons .count { position: absolute; top: 15px; left: 58%; padding: 0px 5px; border-radius: 30px; line-height: 16px; text-align: center; font-size: 10px; border-width: 2px; border-style: solid; color: #fff; background: #e60404 !important; border-color: #555555; }
.note-link a {
    text-decoration: none;
}

.reminder-add-edit .form-row-field {padding-top: 5px}
.fix-form-row-label .form-row-label { float: inherit; padding: inherit;padding-right: 20px; }
.left-sidebar.minified ul.main-menu .sub-menu { display: none;overflow: hidden;}

.table-striped > tbody > tr.exception_row > td { background-color: #f7ecb5;}
#toolEntryList .row { margin-bottom: 5px;}

.table-striped tbody tr.warning td { background-color: #FBEB98; }
.table-striped tbody tr.danger td { background-color: #DE8784; }
.form-control.danger { background-color: #DE8784; }
select.tester-expired { background-color: #DB3833;color: black; }
.table .totals_row td, .table tfoot td { border-top: none; font-weight: bold; }
.table .totals_row td.totals_column { border-top: solid 1px black; }

.custom-combobox { position: relative; display: inline-block;width: 100%;}
.custom-combobox-toggle { position: absolute; top: 4px;  right: 6px; margin-left: -1px; padding: 0; }

.contact-entry { padding-top: 5px;padding-bottom: 10px; }
.view-tax-table { font-size: .8em;vertical-align: super; }
.view-tab-table a { text-decoration: underline; }

.past-due-tester { background-color: #DB3833; color: black }

.toolsListContainer div.collapse[aria-expanded="false"] { display: block; height: 200px !important; overflow-y: auto; overflow-x: auto !important; max-height: 200px; }
.toolsListContainer div.collapse[aria-expanded="true"] { display: block; height: 1000px !important; overflow-y: auto; overflow-x: auto !important; max-height: 1000px; }

.badge-border { background: linear-gradient(90deg, #F50002 50%, transparent 50%), linear-gradient(90deg, #F50002 50%, transparent 50%), linear-gradient(0deg, #F50002 50%, transparent 50%), linear-gradient(0deg, #F50002 50%, transparent 50%); background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px; background-position: 0px 0px, 200px 100px, 0px 100px, 200px 0px; padding: 5px; animation: border-dance 4s infinite linear; }
.badge-color-red { background-color: #F50002; color:white; }

@keyframes border-dance {
    0% { background-position: 0px 0px, 300px 95%, 0px 150px, 97% 0px; }
  100% { background-position: 300px 0px, 0px 95%, 0px 0px, 97% 150px; }
}

/*------------------------------------------------*/
/*  dashboard
/*------------------------------------------------*/
.Dashboard-Custom { padding-right: 0; }
.Dashboard-Custom .singleComlumn { max-height: 345px; }
.singleComlumn { overflow-y: auto; max-height: 200px; }
.receiving_incomplete{ width: 100% }

/*------------------------------------------------*/
/*  receiving
/*------------------------------------------------*/
.receiving_custom { margin-right: 5px}

/*------------------------------------------------*/
/*  contracts
/*------------------------------------------------*/
.contracts { padding-right: 7.5px; }

/*------------------------------------------------*/
/*  invoice
/*------------------------------------------------*/
.invoice-header-data label { font-weight: bold; }

/*------------------------------------------------*/
/*  progress bar
/*------------------------------------------------*/
.progress-bar { overflow: visible; white-space: nowrap; }
.item-progress-bar-success { background-color: #06266f; }
.item-progress-bar-text { font-size: 75%; padding-left: 10px; color: white; line-height: 15px; font-weight: bold; text-align: left; }

@media screen and (max-width: 1220px) {
    .top-content ul.mini-stat { display: block; }
    .top-content ul.mini-stat > li { width: 100%; border-left: none; padding-bottom: 15px; }
    .top-content ul.quick-access > li { width: 100%; }
    .main-header h2 { display: block; border-right: none; }
    .full-page-wrapper { position: initial; padding-top: 5em; margin-top: 0; }
    .full-page-wrapper .inner-page { position: relative; padding: 0 1em; }
    .top-bar .top-bar-right { border-top: 1px solid #f1f1f1; padding: 10px 0 0; margin: 10px 0 0; top: 0 !important;}
    .btn-group-wrapper { margin: 0; }
    .btn-group-wrapper .btn,
    .btn-group-wrapper select { margin-bottom: 15px; float: left; }
    .btn-group-wrapper select { margin-top: 3px; }
    .search-box .btn-group, .search-box .btn-group-vertical { display: block; }
    .search-box .btn-group > .btn, .search-box .btn-group-vertical > .btn { float: none; width: 100% !important; text-align: left; }
    .btn-group-wrapper .btn-group { margin-top: 10px; }
    .search-box .input-group { display: block; }
    .control-label { text-align: left; }

	/* Force table to not be like tables anymore */
	table.table, table.table thead, table.table tbody, table.table th, table.table td, table.table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.table tr { border: 1px solid #ccc;margin-bottom: 10px; }
	
	table.table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    .table .action-column { width: 100%;text-align: center}
    .table .responsive-title { display: block;font-weight: bold;padding: 2px;}
}

@media screen and (min-width: 768px) {
	.display-label { padding-right: 0; padding-left: 0; text-align: right; }
}

@media print {
	.reading-out-of-range { font-weight: bold; }
}
@media screen and (min-width: 1200px) {

    .faq-page {
        width: 66.333333%;
    }
}