/* 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. */

html {
	min-height: 100%;
}

body {
	height: 100vh;
	margin: 0;
	padding-bottom: 0px;
}

#mainwrap {
	min-height: 80vh;
	height: 100%;
	overflow-y: auto;
	flex: 1;
}

.header-bar {
	min-height: 50px;
	margin-bottom: 10px;
	/*border: 1px solid rgb(160, 160, 160);*/
	/*border: 1px solid #72a8d7;*/
	border: 1px solid steelblue;
	border-radius: 4px;
	border-width: 1px 5px;
}

.footer-bar {
	background-color: #efefef;
	border-right: 5px solid steelblue;
	border-left: 5px solid steelblue;
	font-size: smaller;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	bottom: 0;
}

	.footer-bar a {
		margin-right: 10px;
	}

/* bootstrap mods -- start */
.card-title {
	margin: 0px;
}

.text-warning {
	/*color: #990000;*/
	color: #721C24;
}

/* bootstrap mods -- end */

.shrink-wrap-center {
	text-align: center;
}

	.shrink-wrap-center > div {
		text-align: left;
		display: inline-block;
		/*width: 575px;*/
	}

.min300 {
	min-width: 300px;
}

label.required:after {
	color: #d9534f;
	content: " *";
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bolder;
}

a {
	color: #595959;
}

	a:hover, a:focus {
		text-decoration: none;
		color: #333333;
	}

.btn {
	border-color: steelblue;
}

	.btn:hover, .btn:focus {
		/*background-color: #286090;*/
		/*background-color: #72a8d7;*/
		border-color: steelblue;
	}

@media (min-width: 992px) {
	.sm-control-width {
		width: 420px;
	}
}

.field-validation-error > span {
	color: #a94442;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.table-striped-rev > tbody > tr:nth-of-type(odd) {
	background-color: white;
}

.table-striped-rev > tbody > tr:nth-of-type(even) {
	background-color: rgba(0,0,0,.05)
}

.pointer {
	cursor: pointer;
}

.no-match {
	display: none;
}

h1 {
	margin-top: 5px;
}

.body .panel,
.body .form-group,
.body .form-grouping,
.body .table,
.body .h4,
.body .h3,
.body .h2,
.body .h1 {
	margin-bottom: 10px;
}

.alert {
	margin-bottom: 0px;
}

#title .title-headers h1 {
	margin-bottom: 10px;
	margin-top: 5px;
}

.col-lg-custom_1, .col-lg-custom_2, .col-lg-custom_3, .col-lg-custom_4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 992px) {
	.col-lg-custom_1 {
		-ms-flex: 0 0 6.666667%;
		flex: 0 0 6.666667%;
		max-width: 6.666667%;
	}

	.col-lg-custom_2 {
		-ms-flex: 0 0 10%;
		flex: 0 0 10%;
		max-width: 10%;
	}

	.col-lg-custom_3 {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.col-lg-custom_4 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* Tooltip text */
.toolTipText {
	display: none;
	min-width: 200px;
	border: 2px solid #f1e5bc;
	background-color: #fdf7e3;
	text-align: left;
	padding: 5px 0;
	padding-top: 0px;
	border-radius: 6px;
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 95%;
}

	.toolTipText h5 {
		background-color: rgba(230, 209, 120, .25);
		border-bottom: 2px solid #f1e5bc;
	}

.toolTipHeading {
	margin-left: 15px !important;
	font-size: 14px;
	font-weight: bold;
	color: #6a737c;
}

.usersList {
	border: 1px solid #ced4da;
	background-color: #fff;
	overflow-y: scroll;
	height: 120px;
}

/* The checkbox-label */
.checkbox-label {
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	left: 12px;
	cursor: pointer;
}

	/* Hide the browser's default checkbox */
	.checkbox-label input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 6px;
	left: 0;
	height: 13px;
	width: 13px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a green background */
.checkbox-label input:checked ~ .checkmark {
	background-color: rgb(17, 169, 17);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-radius: 2px;
	border-width: 0 1.5px 1.5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.chackBoxListData {
	border-bottom: 1px solid #ddd;
}

	.chackBoxListData:focus {
		outline: none;
		border-color: #000000;
		box-shadow: 0 0 10px #9ecaed;
	}

.hideToolTip {
	float: right;
	padding: 5px;
	cursor: pointer;
	color: #3c4146d9;
}

.showToolTip {
	float: right;
	margin-right: 7px;
	margin-top: 4px;
	cursor: pointer;
}

.toolTipTextContainer {
	display: flex;
	flex-direction: column;
	text-align: left;
	padding-left: 8px;
}

.toolTipTextBody {
	margin: 3px;
	word-break: keep-all
}

.toolTipHelpTextContainer {
	font-size: 13px;
	color: #3c4146d9;
	margin-top: 3.5px;
}

.addRow,
.removeRow {
	border: none;
	text-decoration: none !important;
}

	.addRow:focus,
	.removeRow:focus {
		background-color: #d8d8d8;
		color: black;
	}

.SumoSelect {
	width: 100% !important;
}

	.SumoSelect > .SelectBox {
		height: 38px;
	}

label.required.form-label {
	height: 24px;
}