/* 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, html, p, a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif !important;
}

body, p {
	font-size: 0.875em;
	line-height: 1.8em;
	font-weight: 400;
	color: #626262;
}

a {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	a.navbar-brand {
		white-space: normal;
		text-align: center;
		word-break: break-all;
	}

/* Provide sufficient contrast against white background */
a {
	color: #0366d6;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

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

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 14px;
}

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

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

.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;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px; /* Vertically center the text there */
}



/* ------------ HEADER ------------ */

#logo {
	margin-top: 0 !important;
	float: left;
	width: 200px;
}

	#logo img {
		max-width: 200px;
	}

#header {
	background: rgb(124,35,129);
	background: -moz-linear-gradient(90deg, rgba(124,35,129,1) 0%, rgba(25,59,122,1) 100%) !important;
	background: -webkit-linear-gradient(90deg, rgba(124,35,129,1) 0%, rgba(25,59,122,1) 100%) !important;
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(124,35,129,1)), to(rgba(25,59,122,1))) !important;
	background: -o-linear-gradient(90deg, rgba(124,35,129,1) 0%, rgba(25,59,122,1) 100%) !important;
	background: linear-gradient(90deg, rgba(124,35,129,1) 0%, rgba(25,59,122,1) 100%) !important;
	padding: 30px !important;
}

#download {
	background: transparent !important;
	padding: 0 !important;
}

#header .bg-help {
	min-height: auto !important;
}

#tabs {
	padding: 0 !important;
	margin: 0 !important;
	text-aiign: right !important;
}

	#tabs > div {
		padding: 0 !important;
		margin: 0 !important;
		text-align: right !important;
	}

	#tabs .tab {
		height: auto !important;
		color: #fff !important;
		text-transform: uppercase;
		letter-spacing: 2px !important;
		font-weight: 300 !important;
		font-size: 15px !important;
	}

		#tabs .tab span {
			width: auto !important;
			padding: 0 20px !important;
		}

/* ------------ MAIN ------------ */

#main {
	padding: 0 !important;
}

#banner {
	background-image: url('/img/banner.jpg');
	background-size: cover;
	background-position: bottom center;
	height: 160px;
	margin-top: 5px !important;
}

#container {
	background: transparent !important;
	padding: 30px !important;
}

#left {
	width: 260px !important;
	padding: 0 30px 0 0 !important;
}

#content {
	margin-left: 290px !important;
}

	#content > div {
		width: 100% !important;
		padding: 0;
	}

.menu-body .header {
	display: none;
}

.menu .menu-body a {
	padding: 15px 0;
	border-bottom: 1px #ccc solid;
	font-weight: 300 !important;
	font-size: 15px !important;
	line-height: 20px !important;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

	.menu .menu-body a:hover {
		background: #7D2C77;
		padding: 15px;
		border-bottom: 1px #7D2C77 solid;
		color: #fff;
	}

	.menu .menu-body a:before {
		font-family: 'Font Awesome 5 Pro' !important;
		content: '\f054';
		color: #7D2C77;
		font-size: 20px;
		margin-right: 8px;
		vertical-align: top;
	}

	.menu .menu-body a:hover:before {
		color: #fff;
	}

	.menu .menu-body a#loadReferAnEmployee {
		border-bottom: none !important;
	}

/* ------------ TOOLBAR ------------ */

.toolbar a {
	padding: 10px 20px;
	border: 1px #7D2C77 solid;
	display: inline-block;
	margin-right: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #7D2C77;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	.toolbar a:hover, .toolbar a.selected-button {
		background: #7D2C77;
		border: 1px #7D2C77 solid;
		color: #fff;
		text-decoration: none;
	}

.toolbar {
	margin-bottom: 15px;
}

.navigator_default_main {
	margin-right: 5px;
}

/* ------------ MODEL ------------ */

.modal {
	padding-top: 130px !important;
	background: rgba(25,59,122,0.4) !important;
}

.modal-content {
	max-width: 800px;
	padding: 40px 30px !important;
	text-align: center;
}

	.modal-content h3 {
		font-weight: 300;
		color: #193b7a;
		margin-bottom: 30px;
	}

	.modal-content p {
		margin-bottom: 30px;
	}

.close {
	position: absolute;
	right: -25px;
	top: -25px;
	background: #7D2C77;
	color: #fff !important;
	padding: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center !important;
	opacity: 1;
	border-radius: 50%;
	text-shadow: none;
	font-weight: 300 !important;
}

	.close:hover {
		opacity: 1 !important;
	}

.btn-primary {
	background-color: #7D2C77;
	border-color: #7D2C77;
}

.btn {
	padding: 10px 20px !important;
}

.btn-primary:hover {
	background-color: #193b7a;
	border-color: #193b7a;
}

label {
	text-align: left;
	width: 100%;
}

/* ------------ LOGIN ------------ */

.login {
	margin: 40px auto;
	padding: 30px;
	max-width: 600px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
}

	.login h1 {
		font-weight: 300;
		font-size: 30px;
		color: #7D2C77;
		text-align: center;
		margin-bottom: 15px;
	}

	.login label {
		margin: 0 0 5px 0;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 400;
		font-size: 14px;
	}

	.login input {
		margin-bottom: 10px !important;
	}

	.login .btn {
		margin-right: 15px;
	}

/* ------------ FOOTER ------------ */

#footer {
	background: #363636;
	color: #999;
	padding: 40px 30px;
	text-align: center;
}

	#footer .logo {
		max-width: 100px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 30px;
	}

	#footer a {
		color: #999;
	}

/* ------------ REPORT ------------ */

#reports3Form input {
	padding: 8px 20px;
}

#reports3FormLocation select {
	padding: 12px 20px;
}

#reports3Form input[type=submit] {
	padding: 10px 20px;
	background-color: #7D2C77;
	border: 1px #7D2C77 solid;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}

.htmlButton {
	padding: 10px 20px;
	background-color: #7D2C77;
	border: 1px #7D2C77 solid;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}

#report3table {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	display: block;
	margin-top: 30px;

}

	/*#report3table tbody {
		display: block;*/
		/*overflow-y: scroll;*/
		/*overflow-x: scroll;
		max-height: 400px;
	}*/

	#report3table thead {
		background-color: #003267;
		color: #fff;
	}

		#report3table thead th,
		#report3table tbody td {
			white-space: nowrap;
			text-align: center;
		}

			#report3table tbody td:nth-child(5) {
				width: 800px;
				display: inline-block;
				white-space: normal;
				text-align: left;
			}

			#report3table thead th:nth-child(2),
			#report3table tbody td:nth-child(2) {
				white-space: nowrap;
				text-align: left;
			}

	#report3table tbody tr:nth-child(even) {
		background-color: #e5eaf0;
	}

	#report3table::-webkit-scrollbar {
		width: 5px;
		height: 8px;
		background-color: #aaa;
	}

	#report3table::-webkit-scrollbar-thumb {
		background: #000;
	}