input[readonly],
textarea[readonly] {
	background-color: #ddd;
}

textarea {
	width: 90%;
}

.btn[disabled] {
	background-color: #808080;
	border-color: #808080;
}

.btn.disabled {
	pointer-events: none;
}

thead input {
	color: #444444;
	margin: 0.5em 0;
	width: 100%;
}

thead input.search_init {
	color: #999999;
}

html {
	margin: 0;
	padding: 0;
}

body {
	color: #666666;
}

h3 {
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #7D775C;
}

acronym {
	border-bottom: none;
}

label {
	font-weight: bold;
}

select {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 120px;
}

small {
	font-size: 85%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

cite {
	font-style: normal;
}

.text-warning {
	color: #c09853;
}

a.text-warning {
	color: #a47e3c;
}

.text-error {
	color: #b94a48;
}

a.text-error {
	color: #953b39;
}

.text-info {
	color: #3a87ad;
}

a.text-info {
	color: #2d6987;
}

.text-success {
	color: #468847;
}

a.text-success {
	color: #356635;
}

[class*="span"] {
	margin-left: 15px;
}

a i {
	color: #000000
}

li .disabled {
	background-color: #FFFFFF;
}

.dataTables_wrapper label {
	font-weight: normal;
	font-size: auto;
}

body {
	background-color: #c7d8df;
}

table thead tr,
table.dataTable table thead tr {
	background-color: #125f97;
	color: #FFFFFF;
}

table table.table-sm th,
table table.table-sm td {
	padding: .3rem;
}

table tbody tr {
	color: #000;
}

table tbody thead tr {
	color: #fff;
}

table tr.small-header {
	table-layout: fixed;
	line-height: 1;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
	text-align: center;
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9;
}

.table-striped tbody>tr:nth-child(even)>td,
.table-striped tbody>tr:nth-child(even)>th {
	background-color: rgb(211, 214, 255);
}

.scrollBody {
	height: 100px;
	overflow: auto;
}

img {
	max-width: 100%;
	max-height: 100%;
}

.form-group.plaintext .input-group-text {
	background-color: transparent;
	border: none;
}

.form-group.plaintext .input-group-prepend>.input-group-text {
	padding-right: 0;
}

.form-group.plaintext .input-group-append>.input-group-text {
	padding-left: 0;
}

.bg-light {
	background-color: white !important;
}

.appContent {
	margin-top: 100px;
}

@media screen and (min-width: 768px) {
	.appContent {
		margin-top: 140px;
	}
}

td input.form-control,
td select.form-control,
td textarea.form-control,
td input.form-control-plaintext,
td select.form-control-plaintext,
td textarea.form-control-plaintext {
	width: auto;
}

td textarea.form-control.form-control-sm,
td textarea.form-control-plaintext.form-control-sm {
	height: calc(1.8125rem + 2px);
}

select.form-control-plaintext {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	pointer-events: none;
}

/* .form-control-plaintext is specified twice to make this selector more specific than Bootstrap's .form-control[readonly] */
.form-control.form-control-plaintext.form-control-plaintext {
	background-color: transparent;
}

select.form-control-plaintext::-ms-expand {
	display: none;
}

td .form-group {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.modal-xl {
		max-width: 942px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1150px;
	}
}

.wrapped-pre {
	white-space: pre-wrap;
}

.lh-1 {
	line-height: 1;
}

table .dataTables_wrapper {
	box-sizing: border-box;
}

table.dataTable .minimal-padding {
	padding: 10px 4px;
}

.formatted-hours {
	font-size: 14px;
	text-align: right;
	padding-right: 6px;
}

.dates-row th {
	border: 1px solid black;
	background-color: #888;
	color: #FFFFFF;
}

.totals-row {
	background-color: #444;
	color: #FFFFFF;
}

.totals-row td {
	border: 1px solid white;
}

.el-trash {
	color: #C44;
}

#contract_block td input,
#contract_block td select {
	font-size: 14px;
}

.form-error {
	border: 2px;
	border-color: red;
	border-style: solid;
}

@media all and (min-width:576px) {
	.col-sm-1-over-7 {
		-ms-flex: 0 0 14.285714%;
		flex: 0 0 14.285714%;
		max-width: 14.285714%
	}
}

@media (min-width: 1200px) {
	.col-xl-10-percent {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.col-xl-90-percent {
		flex: 0 0 90%;
		max-width: 90%;
	}
}

table.dataTable .dropdown-menu {
	box-sizing: border-box;
}

.compact-table {
	font-size: 0.6875rem;
}

.compact-table .form-control.form-control-plaintext {
	width: auto;
}

.compact-table .form-control {
	width: 6rem;
	font-size: 0.6875rem;
}

.paycert-divider {
	height: 3px;
	border-top: 2px solid;
	box-shadow: 0 1px 0;
}

.pay-cert-table {
	text-align: right;
	border-collapse: separate;
	border-spacing: .25rem;
}

.text-larger {
	font-size: 1.3333rem;
}

.navbar-light .navbar-nav .nav-link.login-link {
	font-size: 14px;
	color: black;
}

.help-block {
	margin-bottom: 1.5rem;
}

.help-block::after {
	display: block;
	clear: both;
	content: "";
}

.help-image {
	float: right;
	margin-left: 0.5rem;
	box-shadow: 5px 5px 5px #888888;
	max-width: 70%;
}

.dataTable.no-footer {
	border-bottom: 1px solid #111111;
}

table.dataTable tr.dtrg-group td {
	border-right-color: white;
}

.work-level-2 {
	background-color: #555555;
	color: #ffffff;
}

.work-level-3 {
	background-color: #666666;
	color: #ffffff;
}

.indent-work-level-3::before {
	content: "";
	padding-left: 0.4rem;
}

.work-level-4 {
	background-color: #777777;
	color: #ffffff;
}

.indent-work-level-4::before {
	content: "";
	padding-left: 0.8rem;
}

.work-level-5 {
	background-color: #888888;
	color: #ffffff;
}

.indent-work-level-5::before {
	content: "";
	padding-left: 1.2rem;
}

.work-level-6 {
	background-color: #999999;
	color: #ffffff;
}

.indent-work-level-6::before {
	content: "";
	padding-left: 1.6rem;
}

.work-level-7 {
	background-color: #aaaaaa;
	color: #000000;
}

.indent-work-level-7::before {
	content: "";
	padding-left: 2rem;
}

.work-level-8 {
	background-color: #bbbbbb;
	color: #000000;
}

.indent-work-level-8::before {
	content: "";
	padding-left: 2.4rem;
}

.work-level-9 {
	background-color: #cccccc;
	color: #000000;
}

.indent-work-level-9::before {
	content: "";
	padding-left: 2.8rem;
}

.work-level-10 {
	background-color: #dddddd;
	color: #000000;
}

.indent-work-level-10::before {
	content: "";
	padding-left: 3.2rem;
}

.work-level-11 {
	background-color: #eeeeee;
	color: #000000;
}

.indent-work-level-11::before {
	content: "";
	padding-left: 3.6rem;
}

table.dataTable .bottom-line {
	border-bottom: 1px solid #000000;
}

.report-logo {
	max-height: 75px;
}

.form-row.separator {
	border-bottom: 1px solid #dee2e6;
}

.form-row.separator.form-group {
	padding-bottom: 0.25rem;
	margin-bottom: 0.25rem;
}

@media (max-width: 767.98px) {
	.mobile-scroll-header {
		max-height: 100vh;
		overflow-y: auto;
	}
}

select.form-control-sm+.select2-container--bootstrap4 .select2-selection {
	height: calc(1.8125rem + 2px) !important;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
}

select.form-control-sm+.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	padding-left: .5rem;
	line-height: 1.8125rem;
}

.overflow-wrap-anywhere {
	overflow-wrap: anywhere;
}

/* Based on responsive table code from CSS-tricks https://css-tricks.com/responsive-data-tables/ */
@media (max-width: 767.98px) {

	table.mobile-table,
	.mobile-table thead,
	.mobile-table tbody,
	.mobile-table th,
	.mobile-table tr {
		display: block;
	}

	.mobile-table td {
		display: flex;
		flex-direction: column;
	}

	/* Hide headers using bootstrap sr-only method */
	.mobile-table thead tr {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0
	}

	.mobile-table tr {
		margin-bottom: 1rem;
	}

	.mobile-table td:before {
		width: 100%;
		content: attr(data-label);
		font-weight: bold;
		font-size: .875rem;
		line-height: 1.5;
		padding-bottom: calc(.25rem + 1px);
		color: #666666;
	}

	.mobile-table label.sr-only {
		display: none;
	}

	.mobile-table .form-check-input {
		position: static;
	}
}

@media (max-width: 991.98px) {

	table.mobile-table-md,
	.mobile-table-md thead,
	.mobile-table-md tbody,
	.mobile-table-md th,
	.mobile-table-md tr {
		display: block;
	}

	.mobile-table-md td {
		display: flex;
		flex-direction: column;
	}

	/* Hide headers using bootstrap sr-only method */
	.mobile-table-md thead tr {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0
	}

	.mobile-table-md tr {
		margin-bottom: 1rem;
	}

	.mobile-table-md td:before {
		width: 100%;
		content: attr(data-label);
		font-weight: bold;
		font-size: .875rem;
		line-height: 1.5;
		padding-bottom: calc(.25rem + 1px);
		color: #666666;
	}

	.mobile-table-md label.sr-only {
		display: none;
	}

	.mobile-table-md .form-check-input {
		position: static;
	}
}

@media (max-width: 575.98px) {

	.dataTables_paginate .pagination .page-item.previous,
	.dataTables_paginate .pagination .page-item.next {
		display: none;
	}
}

[data-toggle="collapse"].more-less-toggle .more-less-text {
	display: none;
}

[data-toggle="collapse"].collapsed.more-less-toggle:after {
	content: "More...";
}

[data-toggle="collapse"]:not(.collapsed).more-less-toggle:after {
	content: "Less...";
}

.attention-text {
	color: #dc3545;
	font-weight: bold;
	font-size: 1.75rem;
}


.heading-logo {
	height: 63px;
}

.heading-banner {
	height: calc(63px + (.3125rem * 2));
}

.autosize-select {
	field-sizing: content;
	min-height: calc(2.25rem + 2px);
}

.button-row .col-sm {
	display: flex;
	gap: 0.25rem;
}

#id_upload_file {
	padding-bottom: 10px;
}