/* Default Styles */
html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
/*
html {
	position: relative;
	min-height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

header, footer {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

main {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
}
*/

hr.dim {
	color: gray;
}

.asterisk {
	color: red;
}

.valid {
	color: green;
}

/* 
   Default _Layout Styles
   Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
   for details on configuring this project to bundle and minify static web assets. 
*/
/*a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}*/
/*
a {
	color: #0077cc;
}
*/
.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.section-header {
	font-size: 16px;
	font-weight: bold;
	background-color: lightgray;
}

/*dummy class to be able to assign click event handler*/
.btn-sp {
	color: black;
	/*background-color: #1b6ec2;*/
	/*border-color: #1861ac;*/
	border: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-none {
	border: none;
}

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

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

#EditRow {
	border: 1px solid Transparent !important
}

table.dataTable th {
	background-color: #1b6ec2 !important;
	color: ghostwhite;
}

headerstyle {
	font-size: 20px;
	font-weight: 200;
}

/*if you have a required field for which there is no label you can add this style to emulate the appearance of the other required field markers*/
.required-field::after {
	content: "*";
	color: red;
	font-weight: bold;
	position: relative;
	margin-left: 20px;
	top: -5px;
}

#checkboxContainer {
	height: 150px;
	overflow-y: auto;
}

validation-summary-valid li {
	list-style: none;
}

.modal-headerstyle {
	background-color: #1b6ec2;
	color: white;
}

.tblcolsm {
	width: 15%;
}

.tblcolmd {
	width: 30%;
}

.tblcollg {
	width: 40%;
}

.tblcolfw {
	width: 125px;
}

.unseen {
	display: none;
}

a.pageTop, a.applicationPageTop, a.privilegedStaffPageTop, a.userApprovalPageTop {
	display: none;
}

.nav-menu-container {
}

.btn-secondary {
	background-color: lightgray;
	color: black;
}

.form-control[readonly], .form-control[readonly="readonly"] {
	background-color: #e9ecef;
}

.employmenttypes {
}

@media print {
	.no-print {
		display: none;
	}

	.form-group > div {
		break-inside: avoid;
	}
}