@media (min-width: 1350px)
{
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container
	{
		max-width: 96%;
	}
}

@media (min-width: 1200px)
{
	.container-xl, .container-lg, .container-md, .container-sm, .container
	{
		max-width: 98%;
	}
}

input, button, select, optgroup, textarea
{
	border-color: #9c9c9c;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}

select
{
	padding: 2px 0;
}

input[type="date"]
{
	padding: 1px;
}

:disabled
{
	background-color: #e9e9e9;
}

input:not([type=submit]):not([type=button]):not([type=checkbox]):not(:disabled):read-only,
textarea:not(:disabled):read-only,
select.readonly
{
	background-color: #ffeea1;
	color: #141414;
}

input.critical:not([type=submit]):not([type=button]):not(:disabled):not(:read-only),
select.critical,
textarea.critical
{
	color: #ffffff;
	border-color: #ff3030;
	background-color: #ff3030;
}

hr
{
	margin: 25px 10px;
	border: 0;
	border-top: 1px dotted silver;
	opacity: 1;
}

.asp-checkbox input[type=checkbox]
{
	margin-right: 5px;
}

.link-btn
{
	text-decoration: none;
	color: #0287c7;
	font-weight: 600;
	margin: 2px 10px;
	border-bottom: 1px solid #0287c7;
	padding: 1px 5px;
}

	.link-btn.small
	{
		font-size: 0.85em;
	}

	.link-btn:hover
	{
		color: red;
		border-bottom: 2px solid red;
	}

.hidn
{
	display: none;
	opacity: 0;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
}

.cntr-txt
{
	text-align: center !important;
}

.rght-txt
{
	text-align: right !important;
}

.lft-txt
{
	text-align: left !important;
}

.tbl
{
	display: block;
}

.tbl-flx
{
	display: flex;
	white-space: nowrap;
	width: 100%;
}

h6.tbl-col-hdr
{
	font-size: 1.1em;
	margin-bottom: 2px;
}

.col5, .col7, .col8, .col10, .col12, .col15, .col18, .col19, .col20, .col23, .col25, .col30, .col3333, .col35, .col37, .col40, .col46, .col50, .col55, .col58, .col60, .col6666, .col70, .col90, .col100
{
	flex: 0 0 auto;
	box-sizing: border-box;
	padding: 10px 5px;
}

.tbl-flx.compact.compact > .col5, .tbl-flx.compact > .col7, .tbl-flx.compact > .col8, .tbl-flx.compact > .col10, .tbl-flx.compact > .col12, .tbl-flx.compact > .col15, .tbl-flx.compact > .col18,
.tbl-flx.compact > .col19, .tbl-flx.compact > .col20, .tbl-flx.compact > .col23, .tbl-flx.compact > .col25, .tbl-flx.compact > .col30, .tbl-flx.compact > .col3333, .tbl-flx.compact > .col35,
.tbl-flx.compact > .col37, .tbl-flx.compact > .col40, .tbl-flx.compact > .col46, .tbl-flx.compact > .col50, .tbl-flx.compact > .col55, .tbl-flx.compact > .col58, .tbl-flx.compact > .col60,
.tbl-flx.compact > .col6666, .tbl-flx.compact > .col70, .tbl-flx.compact > .col90, .tbl-flx.compact > .col100
{
	padding: 3px 3px;
}

.col5
{
	width: 5%;
}

.col7
{
	width: 7%;
}

.col8
{
	width: 8%;
}

.col10
{
	width: 10%;
}

.col12
{
	width: 12%;
}

.col15
{
	width: 15%;
}

.col18
{
	width: 18%;
}

.col19
{
	width: 19%;
}

.col20
{
	width: 20%;
}

.col23
{
	width: 23%;
}

.col25
{
	width: 25%;
}

.col30
{
	width: 30%;
}

.col3333
{
	width: 33.33%;
}

.col35
{
	width: 35%;
}

.col37
{
	width: 37%;
}

.col40
{
	width: 40%;
}

.col46
{
	width: 46%;
}

.col50
{
	width: 50%;
}

.col55
{
	width: 55%;
}

.col58
{
	width: 58%;
}

.col60
{
	width: 60%;
}

.col65
{
	width: 65%;
}

.col6666
{
	width: 66.66%;
}

.col70
{
	width: 70%;
}

.col90
{
	width: 90%;
}

.col100
{
	width: 100%;
}

.col-btn
{
	white-space: normal;
}

.logged-in-user
{
	padding: 10px;
	display: inline-block;
	margin: 0px 10px;
	background-color: #FFF;
	color: #414141;
}

	.logged-in-user:hover
	{
		color: #1248b9;
	}

.btn-square-md
{
	width: 100px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 100px !important;
	text-align: center;
	padding: 0px;
	font-size: 12px;
	position: relative;
	margin: 10px 5px;
	cursor: pointer;
	outline: none;
}

	.btn-square-md .btn-lbl
	{
		font-size: 1.2em;
		margin-top: 15px;
		line-height: 110%;
	}

	.btn-square-md .btn-desc
	{
		font-size: .75em;
		bottom: 10px;
		position: absolute;
	}

section.row[aria-labelledby="aspnetTitle"]
{
	font-weight: 600;
	margin-bottom: 5px;
}

.row5050, .row4060, .row3070, .row2080, .row3333, .row100100, .row2575, .row1090
{
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 7px;
}

.row100100
{
	display: block;
	width: 100%;
}

.label-wrapper, .input-wrapper
{
	display: flex;
	font-size: 0.8em;
}

.label-wrapper
{
	white-space: normal;
	line-height: 115%;
	vertical-align: middle;
}

.row100100 .label-wrapper
{
	margin-bottom: 2px;
}

.label-btn
{
	display: block;
	text-align: center;
}

.label-bold
{
	font-weight: 600;
}

.row5050 .label-wrapper, .row5050 .input-wrapper, .row5050 .btn-wrapper
{
	width: 50%;
}

.row4060 .label-wrapper
{
	width: 40%;
	vertical-align: top;
}

.row4060 .input-wrapper
{
	width: 60%;
}

.row3070 .label-wrapper
{
	width: 30%;
	vertical-align: top;
}

.row3070 .input-wrapper
{
	width: 70%;
}

.row2575 .label-wrapper
{
	width: 25%;
	vertical-align: top;
}

.row2575 .input-wrapper
{
	width: 75%;
}

.row2080 .label-wrapper
{
	width: 20%;
	vertical-align: top;
}

.row2080 .input-wrapper
{
	width: 80%;
}

.row1090 .label-wrapper
{
	width: 10%;
	vertical-align: top;
}

.row1090 .input-wrapper
{
	width: 90%;
}

.input-wrapper.searchable
{
	display: inline-block !important;
	width: 100%;
}

.row3333 .label-wrapper, .row3333 .input-wrapper, .row3333 .btn-wrapper
{
	width: 33.33%;
}

.row100100 .label-wrapper, .row100100 .input-wrapper, .row100100 .btn-wrapper
{
	display: block;
	width: 100%;
}

.input-wrapper input, .input-wrapper textarea, .input-wrapper select
{
	width: 100%;
	max-width: 100%;
}

.input-wrapper-2 input, .input-wrapper-2 textarea, .input-wrapper-2 select
{
	width: 50%;
	max-width: 50%;
}

.input-wrapper input
{
	line-height: 150%
}

.row3333 .btn-wrapper input[type="submit"], .row5050 .btn-wrapper input[type="submit"], .row100100 .btn-wrapper input[type="submit"],
.row3333 .btn-wrapper input[type="button"], .row5050 .btn-wrapper input[type="button"], .row100100 .btn-wrapper input[type="button"],
.row3333 .btn-wrapper button, .row5050 .btn-wrapper button, .row100100 .btn-wrapper button
{
	width: 100%;
	font-size: .8em;
	padding: 2px;
	text-align: center;
	white-space: normal;
	line-height: 125%;
}

.btn-wrapper input[type="submit"], .btn-wrapper input[type="button"], .btn-wrapper button
{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	border-radius: 9px;
}

	.btn-wrapper input[type="submit"]:hover, .btn-wrapper input[type="button"]:hover, .btn-wrapper button:hover
	{
		color: #1577ff;
	}

/*For tabs only*/
.tbl .nav-link
{
	height: 100%;
	min-height: 50px;
	padding: 5px !important;
	font-size: 0.72em;
	color: #878787;
}

.nav-tabs .nav-link.active
{
	color: #1d68ff !important;
}

.select-text
{
	border-color: #9c9c9c;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	padding: 1px;
	display: flex !important;
}

	.select-text.searchable
	{
		display: inline-block !important;
		padding: 0px;
	}

	.select-text:hover
	{
		background-color: #eeeeee;
	}

	.select-text input, .select-text button, .select-text select, .select-text optgroup, .select-text textarea
	{
		border-width: 0px;
		background-color: transparent;
	}

		.select-text input:focus-visible, .select-text button:focus-visible, .select-text select:focus-visible, .select-text optgroup:focus-visible, .select-text textarea:focus-visible
		{
			outline: none;
		}

	.select-text:after
	{
		content: "\2BC6";
	}

	.select-text.searchable:after
	{
		content: none;
	}

.select-text-data
{
	display: flex;
	max-height: 450px;
	overflow-y: auto;
}

table.simple-table, .grid-pager table
{
	width: 100%;
	max-width: 100%;
	table-layout: auto;
	background-color: #FFF;
	border: silver;
	border-width: 1px;
	border-style: dotted;
}

	table.simple-table.no-out-border
	{
		border: none;
	}

	table.simple-table td, table.simple-table th, .grid-pager table td
	{
		white-space: nowrap;
		overflow: hidden;
		max-width: 300px;
		padding: 2px 2px 2px 15px;
		font-size: 0.8em;
	}

	table.simple-table.gridview td.compact,
	table.simple-table.gridview td.compact2
	{
		white-space: normal;
		min-width: 120px;
		overflow-wrap: break-word;
		padding: 10px 2px 10px 15px;
	}

	table.simple-table.gridview td.compact
	{
		max-width: 150px;
	}

tr.grid-pager > td
{
	padding: 0px;
}

table.simple-table th
{
	position: sticky;
	top: 0;
	background-color: #eeeeee;
	cursor: default;
}

table.simple-table tr.padded-header th
{
	padding: 5px 2px 8px 15px;
}
	table.simple-table tr.padded-header th h6.tbl-col-hdr
	{
		font-size: 1em;
	}

table.simple-table tr.padded-row td
{
	padding-left: 15px;
}

table.simple-table tr.selected
{
	background-color: #61cf78;
}

table.simple-table tr:not(.grid-pager):hover
{
	background-color: #8cc0ff;
	cursor: pointer;
}

table.simple-table input[type=text],
table.simple-table input[type=number],
table.simple-table input[type=date],
table.simple-table input[type=email],
table.simple-table input[type=password],
table.simple-table textarea,
table.simple-table select
{
	width: 100%;
}

.table-super-header
{
	background: #404040;
	color: white;
	padding: 12px 3px;
	line-height: normal;
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 0px !important;
	text-align: center;
}

	.table-super-header.type2
	{
		background: #126aa1;
	}

	.table-super-header > .label
	{
		font-weight: 500;
		font-size: 1.05em;
	}

.grid-pager table, .grid-pager table tr:hover
{
	background-color: #414141 !important;
}

	.grid-pager table td, .grid-pager table td a
	{
		font-size: 1em;
		color: #FFF;
	}

		.grid-pager table td a
		{
			color: #73b1fc;
			text-decoration: none;
		}

		.grid-pager table td a, .grid-pager table td span
		{
			padding: 0px 10px;
		}

			.grid-pager table td a:hover
			{
				color: #ffc23a;
			}

table.center-align th,
table.center-align td
{
	text-align: center;
}

tr.grid-footer td
{
	border-top: 1px dotted #414141;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tab-content .tab-pane iframe.tab-page
{
	width: 100%;
	border: none;
	overflow: hidden;
	/*min-height: 500px;*/
}

table.gridview.lined tr
{
	border-bottom: #c0c0c0 1px dotted;
}

table.gridview.fit .subcell
{
	padding: 3px 0px 6px 0px;
}

	table.gridview.fit .subcell .label
	{
		display: inline;
		background-color: #ebf6ff;
		padding: 3px;
		border-radius: 5px;
		border: #c0c0c0 1px dotted;
	}

	table.gridview.fit .subcell:first-child
	{
		padding-top: 8px;
	}

	table.gridview.fit .subcell:last-child
	{
		padding-bottom: 8px;
	}

table.gridview.fit tr.grid-footer .subcell .label,
table.gridview.fit tr.grid-edit .subcell .label
{
	display: block;
	border-radius: 5px 5px 0px 0px;
	border-style: solid;
	border-bottom-style: dotted;
	border-color: #9c9c9c;
}

table.gridview.fit tr.grid-footer .subcell input:not([type=submit]), table.gridview.fit tr.grid-footer .subcell select,
table.gridview.fit tr.grid-edit .subcell input:not([type=submit]), table.gridview.fit tr.grid-edit .subcell select
{
	border-radius: 0px 0px 5px 5px;
	border-top: none;
}

table.gridview.fit tr.grid-footer input:not([type=submit]), table.gridview.fit tr.grid-edit input:not([type=submit])
{
	min-width: 75px;
	max-width: 150px;
}

table.gridview.fit tr.grid-footer .subcell input:not([type=submit]), table.gridview.fit tr.grid-edit .subcell input:not([type=submit])
{
	max-width: 170px;
}

table.gridview.fit tr.grid-footer select, table.gridview.fit tr.grid-edit select
{
	min-width: 100px;
	max-width: 170px;
}

tr.total-row td
{
	font-weight: 700;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #ebf6ff;
}

table.gridview.selector
{
	max-width: 500px;
	width: 500px;
}

	table.gridview.selector th, table.gridview.selector td
	{
		white-space: normal;
		text-wrap: pretty;
	}


.chkboxlist td, .chkboxlist td
{
	padding: 5px 0px 5px 5px;
}

	.chkboxlist td input[type="checkbox"], .chkboxlist td input[type="checkbox"]
	{
		margin-right: 5px;
	}

.shortcut-search-before
{
	background-color: #636363;
	border-radius: 5px;
}

	.shortcut-search-before input:not([type=submit])
	{
		border-radius: 0px 3px 3px 0px;
	}

	.shortcut-search-before:before
	{
		content: "\26B2";
		display: inline-block;
		color: #FFF;
		transform: rotate(45deg);
		font-size: 1.8em;
		line-height: 100%;
		margin: 0px 15px;
	}

	.shortcut-search-before:hover:before
	{
		color: #73b1fc;
		cursor: pointer;
	}

.grid-top-search-box
{
	padding: 10px 12px;
	display: flex;
	border-left: solid 1px #dee2e6;
	border-right: solid 1px #dee2e6;
}

.grid-top-search-wrapper
{
	background-color: #636363;
	border-radius: 5px;
	display: inline-flex;
}

	.grid-top-search-wrapper:before
	{
		content: "\26B2";
		display: inline-block;
		color: #FFF;
		transform: rotate(45deg);
		font-size: 1.8em;
		line-height: 100%;
		margin: 0px 15px;
	}

.grid-top-search:hover,
.grid-top-search:focus
{
	outline: 1px solid #d9d9d9;
}

.clickable-rows-list .label-tb
{
	text-align: left;
	white-space: break-spaces;
	line-height: normal;
}

.clickable-rows-list .label-wrapper .label-tb
{
	font-weight: 700;
}

.clickable-rows-list .gridview .col100
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.clickable-rows-list .gridview .col25
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.clickable-rows-list .grid-row:nth-of-type(even)
{
	background: #f9f9f9;
}

table.simple-table td, table.simple-table th, .grid-pager table td
{
	padding: 2px;
}

table.simple-table tr.grid-pager
{
	background-color: #414141;
}

	table.simple-table tr.grid-pager td
	{
		text-align: center;
		text-align: -webkit-center;
	}

	table.simple-table tr.grid-pager table
	{
		width: auto;
	}

	table.simple-table tr.grid-pager table, table.gridview.lined tr.grid-pager table tr
	{
		border: none;
	}

table.gridview.lined tr.grid-pager table td
{
	padding: 4px 2px;
}

table.clickable-rows-list-table
{
	border: none;
	border-top: #bebebe 1px dashed;
}

	table.clickable-rows-list-table > tr.grid-row, table.clickable-rows-list-table > tbody > tr.grid-row
	{
		border-bottom: #bebebe 1px dashed;
	}

.clickable-rows-list-table .row5050, .clickable-rows-list-table .row3070, .clickable-rows-list-table .row3333, .clickable-rows-list-table .row100100, .clickable-rows-list-table .row1090, .clickable-rows-list-table .row2575
{
	/*margin-bottom: 8px;*/
}
/*
table.clickable-rows-list-table .tbl-flx
{
	align-items: center;
}*/

.clickable-rows-list-table .input-wrapper
{
	/*background: #fff6ea;*/
	padding: 0px 2px;
	color: #000000;
	border-radius: 5px;
	min-height: 15px;
}

	.clickable-rows-list-table .input-wrapper:empty
	{
		padding: 0px;
	}

.clickable-rows-list .grid-row:nth-of-type(even) .input-wrapper
{
	/*background: #f5ece1;*/
}

.clickable-rows-list-table .label-wrapper,
.clickable-rows-list-table .input-wrapper
{
	font-size: 1em;
}

.head-filter
{
	padding-right: 0px;
}

	.head-filter > span,
	.head-filter > select,
	.head-filter > input
	{
		font-size: 0.8em;
		line-height: 0.8em;
	}

	.head-filter > input
	{
		line-height: 1.6em;
	}

.filter-label
{
	display: block;
	line-height: 1.3em !important;
}

.head-filter > select,
.head-filter > input
{
	width: 120px;
}

.rec-count
{
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 0.8em;
	font-weight: 600;
	color: #0262ef;
}

.sub-total, tr.sub-total td
{
	font-weight: 700;
	background-color: #e6e6fa;
	color: #000000;
	font-size: 0.8em;
	padding: 8px 2px 8px 15px;
}

tr.sub-total
{
	font-size: inherit;
}

.sub-total.wrapper
{
	text-align: center;
}

.uprcase
{
	text-transform: uppercase;
}

@keyframes fadein
{
	from
	{
		opacity: 0;
	}

	to
	{
		opacity: 1;
	}
}

@keyframes fadeout
{
	from
	{
		opacity: 1;
	}

	to
	{
		opacity: 0;
	}
}

#toast-wrapper
{
	display: none;
	position: fixed;
	top: 50px;
	min-width: 200px;
	max-width: 640px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f5d60e;
	/*border-radius: 4px;
	box-shadow: 1px 2px 12px 0px gray;*/
	overflow: hidden;
	z-index: -1;
}

	#toast-wrapper.active
	{
		display: block;
		animation-name: fadein;
		animation-duration: .7s;
		z-index: 99999999999999999;
	}

	#toast-wrapper > #toast
	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 3px 6px;
		font-size: 0.75em;
		text-align: center;
		color: #2f2f2f;
		font-weight: 600;
	}


.ajax-loader-wrapper
{
	position: relative;
}

.ajax-loader
{
	overflow: hidden;
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 20px;
}

.loader-msg
{
	text-align: center;
	padding: 10px 0px 0px 0px;
	font-size: 0.8em;
}

.loader
{
	text-align: center;
	padding-top: 2px;
	width: 50px;
	height: 20px;
	box-sizing: border-box;
}

	.loader span
	{
		display: inline-block;
		vertical-align: middle;
		width: 5px;
		height: 5px;
		margin: 0px auto;
		border-radius: 50%;
		-webkit-animation: loading 0.7s infinite alternate;
		-moz-animation: loading 0.7s infinite alternate;
		animation: loading 0.7s infinite alternate;
		-webkit-animation-delay: 0.7s;
		-moz-animation-delay: 0.7s;
		animation-delay: 0.7s;
		background-color: #d8e8ff;
	}

		.loader span:nth-of-type(2)
		{
			-webkit-animation-delay: 0.6s;
			-moz-animation-delay: 0.6s;
			animation-delay: 0.6s;
			background-color: #bed9ff;
		}

		.loader span:nth-of-type(3)
		{
			-webkit-animation-delay: 0.45s;
			-moz-animation-delay: 0.45s;
			animation-delay: 0.45s;
			background-color: #77afff;
		}

		.loader span:nth-of-type(4)
		{
			-webkit-animation-delay: 0.35s;
			-moz-animation-delay: 0.35s;
			animation-delay: 0.35s;
			background-color: #006aff;
		}

@keyframes loading
{
	0%
	{
		width: 5px;
		height: 5px;
		/*opacity: 0.5;*/
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		width: 10px;
		height: 10px;
		/*opacity: 1;*/
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@-webkit-keyframes loading
{
	0%
	{
		width: 5px;
		height: 5px;
		/*opacity: 0.5;*/
		-webkit-transform: translateY(0);
	}

	100%
	{
		width: 10px;
		height: 10px;
		/*opacity: 1;*/
		-webkit-transform: translateY(-5px);
	}
}

@-moz-keyframes loading
{
	0%
	{
		width: 5px;
		height: 5px;
		/*opacity: 0.5;*/
		-moz-transform: translateY(0);
	}

	100%
	{
		width: 10px;
		height: 10px;
		/*opacity: 1;*/
		-moz-transform: translateY(-5px);
	}
}