﻿
.top-row {
	background-color: #052767;
	border-bottom: 1px solid #bcbcbc;
}

.sidebar {
	background-color: #052767;
	border-right: 1px solid #bcbcbc;
}


.jb-toolbar {
	background-color: #dddddd;
}

button.dropdown-menu {
	background-color: yellow;
}

.modal-body {
	background-color: #dddddd;
}

/* Basic card colors */
.card-jb {
}

	.card-jb .card-header {
		background-color: coral;
		font-weight: bold;
	}

		.card-jb .card-header header-2 {
			background-color: gold;
			font-weight: bold;
		}


	.card-jb .card-body {
		background-color: #d7e6fa;
	}

	.card-jb .body-news {
		background-color: #f0f0f0;
	}

		.card-jb .body-news h1 {
			color: red;
		}

		.card-jb .body-news h2 {
			color: red;
		}

		.card-jb .body-news h3 {
			color: red;
		}

		.card-jb .body-news h4 {
			color: red;
		}

	.card-jb .body-table {
		background-color: #fafafa;
	}

	.card-jb .card-body .datasheet {
		background-color: #d7e6fa;
		--bs-table-bg: #d7e6fa;
	}

	.card-jb .subject {
		color: blue;
	}

	.card-jb .body-gray {
		background-color: #fafafa;
	}


	.card-jb .body-attachment {
		background-color: white;
	}

	.card-jb .shared-file {
		color: blue;
	}

	.card-jb .data-dollar {
		background-color: lightyellow;
		color: black;
	}

	.card-jb .file-drop-zone {
		border: 3px dotted #fb275d;
		background-color: yellow;
	}

		.card-jb .file-drop-zone .hover {
			background-color: #00ca71;
		}

		.card-jb .file-drop-zone .error-message-container {
			color: red;
		}

		.card-jb .file-drop-zone .drop-note {
			color: red;
		}

	.card-jb input[type="text"]:read-only {
		background-color: #eeeeee;
	}

	.card-jb input[type="textarea"]:read-only {
		background-color: #eeeeee;
	}

	.card-jb textarea:read-only {
		background-color: #eeeeee;
	}


.card-subcard {
}

	.card-subcard .card-header {
		background-color: gold;
		font-weight: bold;
	}

	.card-subcard .card-body {
		background-color: #d7e6fa;
	}

/* Mobile Jobs */
.card-mobile {
}

	.card-mobile .card-header {
		background-color: #b9cfef;
		font-weight: bold;
	}

	.card-mobile .card-body {
		background-color: #fafafa;
	}


/*.field-comment {
	color: red;
}

.form-status-active {
	background-color: #b9cfef;
}

.form-status-submitted {
	background-color: red;
}*/

/* Forms */

.form-title {
	color: black;
	background-color: gold;
	border-top: 3px solid gray;
	border-bottom: 3px solid gray;
	border-left: 3px solid gray;
	border-right: 3px solid gray;
}

.card-form {
}

	.card-form .card-header {
		background-color: coral;
		font-weight: bold;
	}

	.card-form .card-body {
		background-color: #d7e6fa;
	}

	.card-form .section-description {
		background-color: LightGreen;
		font-weight: bold;
		padding: 10px 5px 10px 5px;
	}

.card-form-question {
}

	.card-form-question .card-header {
		background-color: gold;
		font-weight: bold;
	}

	.card-form-question .card-body {
		background-color: #d7e6fa;
	}

	.card-form-question .field-comment {
		color: red;
	}

	.card-form-question .job_search_instructions {
		color: red;
	}

	.card-form-question .site_search_instructions {
		color: red;
	}

	.card-form-question .photo-instructions {
		color: purple;
	}

	.card-form-question .info-field {
		background-color: LightGreen;
		color: black;
		font-weight: bold;
		padding: 10px 5px 10px 5px;
	}




.data-cell-left {
	background-color: white;
}

.workitem-revenue {
	background: LemonChiffon;
}

.workitem-genmargins {
	background: BlanchedAlmond;
}

.afe-data-price {
	--bs-table-bg: lightyellow;
	--bs-table-color: black;
}

.po-data-price {
	--bs-table-bg: lightyellow;
	--bs-table-color: black;
}


/* Desktop Crews View */
.crew-date-control {
	background: blue;
}

.no-drop {
	border: 2px dashed red;
}

.can-drop {
	border: 2px dashed green;
}

/* Crew Cards */
.crew-assign-button {
	background-color: inherit;
	color: orangered;
}

.crew-share-button {
	border: 0px solid red;
	background-color: inherit;
	color: yellow;
}

.card-crew {
}

	.card-crew .card-body {
		background-color: whitesmoke;
	}

	.card-crew .crew-title {
		background: #dddddd;
		color: black;
	}

	.card-crew .crew-available {
		--bs-card-cap-color: whitesmoke;
		--bs-card-cap-color: black;
	}

	.card-crew .crew-virtual {
		--bs-card-cap-bg: orange;
		--bs-card-cap-color: black;
	}

	.card-crew .crew-built-in {
		--bs-card-cap-bg: purple;
		--bs-card-cap-color: yellow;
	}

	.card-crew .crew-vacation {
		--bs-card-cap-bg: red;
		--bs-card-cap-color: yellow;
	}

	.card-crew .crew-timeoff {
		--bs-card-cap-bg: red;
		--bs-card-cap-color: yellow;
	}

	.card-crew .crew-training {
		--bs-card-cap-bg: pink;
		--bs-card-cap-color: black;
	}

	.card-crew .crew-intercompany {
		--bs-card-cap-bg: darkblue;
		--bs-card-cap-color: yellow;
	}

	.card-crew .crew-callout {
		--bs-card-cap-bg: yellow;
		--bs-card-cap-color: black;
	}

	.card-crew .crew-normal {
		--bs-card-cap-bg: black;
		--bs-card-cap-color: white;
	}

.crew-table {
}

	.crew-table .crew-table-name-shared {
		background-color: white;
	}

	.crew-table .crew-table-name {
		background-color: lightyellow;
	}

	.crew-table .cm-vacation {
		color: #cf0c0f;
	}

	.crew-table .cm-near-vacation {
		color: orange;
	}

	.crew-table .cm-retired {
		color: darkcyan;
		font-style: italic;
	}







/* Warehouses */
.card-warehouse {
}

	.card-warehouse .card-header {
		background-color: coral;
	}

	.card-warehouse .card-body {
		background-color: #d7e6fa;
	}

	.card-warehouse .col-date {
		color: green;
	}

	.card-warehouse .status-notdone {
		color: black;
	}

	.card-warehouse .status-done {
		color: green;
	}

	.card-warehouse .status-almost {
		color: orange;
	}

	.card-warehouse .status-overdue {
		color: red;
	}

	.card-warehouse .status-nodate {
		color: gray;
	}


/* Purchase Orders */
.card-po {
}

	.card-po .card-header {
		background-color: coral;
		font-weight: bold;
	}

	.card-po .card-body {
		background-color: #d7e6fa;
	}

		.card-po .card-body table {
			background-color: #d7e6fa;
			--bs-table-bg: #d7e6fa;
		}

	.card-po .ship-to-address {
		background-color: beige;
	}

	.card-po .vendor-address {
		background-color: beige;
	}

	.card-po .data-dollar {
		background-color: lightyellow;
		color: black;
	}

	.card-po .vendor-warning {
		color: red;
		font-weight: bold;
		background-color: beige;
	}

		.card-po .vendor-warning:focus {
			color: red;
			font-weight: bold;
			background-color: beige;
		}

	.card-po textarea:read-only {
		background-color: beige;
	}

	.card-po .total-cell {
		color: red;
	}

/* Workload */
.workload-data-foreman {
	background-color: white;
}

.workload-header-cell {
	background-color: #eeeeee;
}

.workload-header-foreman {
	background-color: #eeeeee;
}

.workload-header-office {
	background-color: #eeeeee;
}

.workload-data-cell {
	background-color: #eeeeee;
}

.workload-data-cell-office {
	background-color: #bbbbbb;
}

.workload-data-cell-weekend {
	background-color: lightgray;
}

.workload-data-cell-vacation {
	background-color: lightblue;
}

.workload-data-cell-today {
	background-color: beige;
}

/* Maintenance Menus */

.result-maint {
}

	.result-maint table button {
		color: blue;
	}

		.result-maint table button:hover {
			color: blue;
		}

.result-subs {
}

	.result-subs table button {
		color: white;
	}

		.result-subs table button:hover {
			color: white;
		}

.result-table {
}

	.result-table .status-default {
	}

	.result-table .status-active {
		color: blue;
	}

	.result-table .status-submitted {
		color: coral;
	}

	.result-table .status-pending {
		color: coral;
	}

	.result-table .status-approved {
		color: green;
	}

	.result-table .status-complete {
		color: green;
	}

	.result-table .status-cancelled {
		color: gray;
	}

	.result-table .status-new {
		color: red;
	}

	.result-table .money {
		background-color: lightyellow;
		color: black;
		text-align: end;
	}
