/*
------------------------------------------------
---- Overwrites from bootstrap and main css ----
------------------------------------------------
*/

/*
-------------------
---- Main Body ----
-------------------
*/
	body:before {
		content: " ";
		background-color: #143557;
		opacity: 1;
	}
	body, input, select, textarea, p, div {
		font-size: 1rem;
		line-height: 1.65;
		font-family: "Source Sans 3", sans-serif;
		font-optical-sizing: auto;
		font-weight: 300;
		font-style: normal;
	}

	.ui-draggable, .ui-droppable {
		background-position: top;
	}

	.company_link {
		color: #eeeed4;
	}

	#logo_login {
		width: 150px !important;
	}

	.logo_center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	.contact_center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	.contact_center.a {
		color: #ff0000;
		font-weight: bold;
	}

	.bg-white {
		background-color: #ffffff !important;
	}
	.bg-none {
		background: none !important;
	}
	.bg-secondary-lighter {
		background-color: #7695b0 !important;
	}
	.border-lighter {
		border-color: #24496e !important;
	}
	.bg-danger-lighter {
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
		margin-bottom: 1rem;
		border-radius: .25rem;
		font-size: 0.90em;
		padding: 7px;
	}
	.bg-success-lighter {
		color: #155724;
		background-color: #d4edda;
		border-color: #c3e6cb;
		margin-bottom: 1rem;
		border-radius: .25rem;
		font-size: 0.90em;
		padding: 7px;
	}
	.bg-warning-lighter {
		color: #856404;
		background-color: #fff3cd;
		border-color: #ffeeba;
		margin-bottom: 1rem;
		border-radius: .25rem;
		font-size: 0.90em;
		padding: 7px;
	}

/*
-------------------------------------
---- Absolute footer positioning ----
-------------------------------------
*/
	footer {position: absolute;bottom: 0;width: 75%;height: 30px;text-align: center;font-size: 0.675rem;}

	.clean_height_495 {
		min-height: 495px;
	}
	.clean_height_395 {
		min-height: 395px;
	}
	.clean_height_295 {
		min-height: 295px;
	}

	.generic_blue {
		background-color: #e3effc;
	}

	.btn-orange {
		color: #fff;
		background-color: #e68739;
		border-color: #e68739;
	}
	.btn-dark-blue {
		color: #fff;
		background-color: #143557;
		border-color: #143557;
	}


	.card_border {
		border: 1px solid;
		border-color: #d2d2d2;
	}

	.card_border_02 {
		border: 1px solid;
		border-color: #c2c2c2;
	}


/*
------------------------------
---- Sticky footer styles ----
------------------------------
*/
	html {
		position: relative;
		min-height: 100%;
	}
	body {
	  margin-bottom: 60px;
	}
	.public_header {
		position: absolute;
		top: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-color: #ffffff;
	}
	.public_footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-color: #f5f5f5;
	}

@media print {
	.pagebreak { page-break-before: always; }
}

#header {
   background: #143557 !important;
}
#menu {
   background-color: #143557 !important;
}



.btn-xsm, .btn-group-xsm > .btn {
   padding: 0.17rem 0.5rem;
   font-size: 0.675rem;
   line-height: 1.0;
   border-radius: 0.2rem;
}

.btn-xsm + .dropdown-toggle-split, .btn-group-xsm > .btn + .dropdown-toggle-split {
   padding-right: 0.175rem;
   padding-left: 0.175rem;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   line-height: 1.5;
	text-transform: uppercase;
   margin: 0 0 0 0;
}

.card-title {
   margin-bottom: 0rem;
}

/*
-------------------------------------
---- Bootstrap Button Overwrites ----
-------------------------------------
*/
   .btn-outline-d4 {
      color: #1e7e34;
      border-color: #1e7e34;
   }
   .btn-outline-d4:hover {
      color: #fff;
      background-color: #218838;
      border-color: #1e7e34;
   }
   .btn-outline-d4:focus, .btn-outline-d4.focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
   }
   .btn-outline-d4.disabled, .btn-outline-d4:disabled {
      color: #4bb543;
      background-color: transparent;
   }
   .btn-outline-d4:not(:disabled):not(.disabled):active, .btn-outline-d4:not(:disabled):not(.disabled).active,
   .show > .btn-outline-d4.dropdown-toggle {
      color: #fff;
      background-color: #218838;
      border-color: #1e7e34;
   }
   .btn-outline-d4:not(:disabled):not(.disabled):active:focus, .btn-outline-d4:not(:disabled):not(.disabled).active:focus,
   .show > .btn-outline-d4.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
   }

	.no-fill {
		background-color: transparent;
		border: none;
		outline: none;
	}
/*
---------------------------------------
---- Remove underline in all links ----
---------------------------------------
*/
   a:link {text-decoration: none;}
   a:visited {text-decoration: none;}
   a:hover {text-decoration: none;}
   a:active {text-decoration: none;}


/*
-------------------------------
---- Registation List Text ----
-------------------------------
*/
	tr.registration_list {
		font-size: 1.2em;
	}

/*
-------------------------------
---- Authentication Screen ----
-------------------------------
*/
	@media (min-width: 900px) {
		#logo_authenticate { 
			max-width: 55%;
			/*
			height: auto;
			*/
			max-height: 75px !important;
		}
	}

/*
-----------------------------
---- Notification Ribbon ----
-----------------------------
*/
	.date_ribbon {
		height: 35px;
		width: 100%px;
		text-align: center;
		font-size: 1.50rem;
		color: #ffffff;
	}
	.ribbon_notopenyet {
		background-color: #e68739 !important;
	}
	.ribbon_open {
		background-color: #63ab6b !important;
	}
	.ribbon_closed {
		background-color: #bd7171 !important;
	}
	.ribbon_notopenyet_light {
		background-color: #f5b47f !important;
	}
	.ribbon_open_light {
		background-color: #b0d1b4 !important;
	}
	.ribbon_closed_light {
		background-color: #fcacac !important;
	}
	.ribbon_notopenyet_text {
		color: #e68739 !important;
	}
	.ribbon_open_text {
		color: #63ab6b !important;
	}
	.ribbon_closed_text {
		color: #bd7171 !important;
	}
	.ribbon_notopenyet_light_text {
		color: #f5b47f !important;
	}
	.ribbon_open_light_text {
		color: #b0d1b4 !important;
	}
	.ribbon_closed_light_text {
		color: #fcacac !important;
	}
/*
-----------------
---- Spacers ----
-----------------
*/
	.width-5 {
		width: 5% !important;
	}
	.width-10 {
		width: 10% !important;
	}
	.width-15 {
		width: 15% !important;
	}
	.width-20 {
		width: 20% !important;
	}
	.width-25 {
		width: 25% !important;
	}
	.width-30 {
		width: 30% !important;
	}
	.width-31 {
		width: 31% !important;
	}
	.width-32 {
		width: 32% !important;
	}
	.width-33 {
		width: 33% !important;
	}
	.width-40 {
		width: 40% !important;
	}
	.width-45 {
		width: 45% !important;
	}
	.width-40 {
		width: 40% !important;
	}
	.width-50 {
		width: 50% !important;
	}
	.width-60 {
		width: 60% !important;
	}
	.width-75 {
		width: 75% !important;
	}
	.width-90 {
		width: 90% !important;
	}
	.width-96 {
		width: 96% !important;
	}
	.width-100 {
		width: 100% !important;
	}

	.padding-1 {
		padding: 1px;
	}
	.padding-2 {
		padding: 2px;
	}
	.padding-3 {
		padding: 3px;
	}
	.padding-4 {
		padding: 4px;
	}
	.padding-5 {
		padding: 5px;
	}
	.padding-10 {
		padding: 10px;
	}
	.padding-25 {
		padding: 25px;
	}
	.top-1 {
		margin-top: 1%;
	}
	.top-2 {
		margin-top: 2%;
	}
	.top-3 {
		margin-top: 3%;
	}
	.top-5 {
		margin-top: 5%;
	}
	.top-10 {
		margin-top: 10%;
	}
	.top-15 {
		margin-top: 15%;
	}

.cv_thumbnail {
	width: 96% !important;
	height: 250px !important;
}
.csv_thumbnail {
	width: 96% !important;
	height: auto;
	/*
	height: 350px !important;
	*/
}

.table tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
}
.table tbody tr:nth-of-type(even) {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table .thead-lighter th {
	color: #fff;
	background-color: #7695b0;
	border: 0;
	
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
	background-color: rgba(0, 0, 0, 0.045);
	border-color: rgba(0, 0, 0, 0.25);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	/*
	border-color: #ce1b28;
	*/
	border-color: rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0 1px #ce1b28;
}

.smaller-text {
	font-size: 0.90em;
}
.tiny-text {
	font-size: 0.80em;
}
/*
#txt_small, td {
	font-size: 0.80em;
}
*/
.no-action {
	cursor: no-drop;
	color: #6c757d !important;
	
}

/* ---- Additional styles for Toggles ---- */
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
.toggle.ios .toggle-handle { border-radius: 20rem; }

/*
// --------------------------
// ---- Reset Validation ----
// --------------------------
*/
.reset-card {
	border: none;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.step-indicator {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
}

.step {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #e9ecef;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #6c757d;
	position: relative;
	z-index: 1;
}

.step.active {
	background-color: #0d6efd;
	color: white;
}

.step.completed {
	background-color: #198754;
	color: white;
}

.step-connector {
	width: 100px;
	height: 2px;
	background-color: #e9ecef;
	margin: 17px 10px;
}

.step-connector.active {
	background-color: #0d6efd;
}

.password-strength {
	height: 5px;
	border-radius: 2px;
	margin-top: 0.5rem;
	background-color: #e9ecef;
	overflow: hidden;
}

.strength-meter {
	height: 100%;
	width: 0;
	transition: all 0.3s ease;
}

.requirement-list li {
	font-size: 0.875rem;
	color: #6c757d;
	margin-bottom: 0.5rem;
}

.requirement-list li.valid {
	color: #198754;
}

.requirement-list li i {
	width: 20px;
}

.form-control:focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

.password-toggle {
	cursor: pointer;
	color: #6c757d;
}

.success-checkmark {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #198754;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 2rem;
	margin: 0 auto 2rem;
}

.verification-input {
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 1.5rem;
	border-radius: 10px;
	border: 2px solid #dee2e6;
	margin: 0 5px;
}

.verification-input:focus {
	border-color: #0d6efd;
	box-shadow: none;
}

#new_password, input[type="password"] {
	/*
	font-size: 2.2rem;
	font-weight: 800;
	*/
}