/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

body {
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #01213F;
	color: white;
}
/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #01213F;
	color: white;
}
/* 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;
}

div.overlay {
	background-color: black;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: wait;
}

div.dlgoverlay {
	background-color: black;
	opacity: 1;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: wait;
}

div.dlgbox {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	background-image: url('/Content/Images/white.jpg');
	background-repeat: repeat;
	opacity: 1;
	z-index: 101;
	cursor: default;
	color: black;
}

div,
span,
p,
h3,
h2,
h1,
table,
tr,
th,
td,
input,
select,
textarea,
button {
	font-family: 'Candara';
}

	button,
	input[type=submit] {
		border-bottom: 0px;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		background-color: #BAD4EE;
	}

table {
	border-top: 0px;
	border-bottom: 0px;
	border-spacing: 0px;
}

tr {
	border-top: 0px;
	border-bottom: 0px;
}

th {
	border-top: 0px;
	border-bottom: 0px;
	/*background-color: indigo;*/
	color: white;
}

td {
	border-top: 0px;
	border-bottom: 0px;
}

.txal {
	text-align: left;
}

.txac {
	text-align: center;
}

.txar {
	text-align: right;
}

.welcome {
	color: white;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}

button.app-area-navbutton-not-selected {
	background-color: #1C5E9D;
	color: white;
	font-weight: normal;
	font-size: 1.0em;
	width: 100%;
	height: 30px;
	border: outset;
	padding: 0;
	margin: 0;
}

button.app-area-navbutton-selected {
	cursor: text !important;
	background-color: #01213F;
	color: white;
	font-weight: bold;
	font-size: 1.4em;
	width: 100%;
	height: 30px;
	border: outset;
	padding: 0;
	margin: 0;
	border-bottom: 0px;
}

button:hover {
	cursor: pointer !important;
	background-color: #5C8DBC;
}

span.clps-expnd-collapsed {
	font-family: Consolas;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	cursor: pointer;
}

span.clps-expnd-expanded {
	font-family: Consolas;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	cursor: pointer;
}

span.clps-expnd-label {
	font-weight: bold;
}

table.tableAccountDetails {
	background-color: #01213F;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

	table.tableAccountDetails td, table.tableAccountDetails th {
		border: 2px solid #AAAAAA;
		padding: 2px 0px;
	}

	table.tableAccountDetails tbody td {
		font-size: 13px;
		color: #011930;
	}

	table.tableAccountDetails tr:nth-child(even) {
		background: #01213F;
	}

	table.tableAccountDetails thead {
		background: #1C6EA4;
	}

		table.tableAccountDetails thead th {
			font-size: 15px;
			font-weight: bold;
			color: #FFFFFF;
		}

	table.tableAccountDetails tfoot td {
		font-size: 14px;
	}

	table.tableAccountDetails tfoot .links {
		text-align: right;
	}

		table.tableAccountDetails tfoot .links a {
			display: inline-block;
			background: #1C6EA4;
			color: #FFFFFF;
			padding: 2px 8px;
			border-radius: 5px;
		}

/* Having made body background dark & text white, then showing dialogs with white background & thus applying text color black, resulted in text inside grids inside dialogs to be black ... hard to read ... */
/* Grid code will need to explicitly apply this style */
.cvpgridcell {
	color: white;
}
/* ... however on header & totalling rows we have applied no explicit background, thus on dialog white background we need: */
.cvpdlggriddark {
	color: black;
}

.multiselect {
	background: #fff;
	padding: 0;
	border-radius: 0;
}

.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
	margin: 0;
	padding: 2px 5px;
	width: max-content;
	color: #000;
}

.multiselect-container {
	max-height: 300px;
	overflow: auto;
}