/* Set body defs */
.wrapper { width: 350px; padding: 20px; }
.check { position: absolute; top: -1000px; left: -1000px; }
.hidden { display: none; } 
.shown { display: block; }
.center { text-align:center; }
.form-control::placeholder { opacity: 0.5; }
.overflowh { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Set up menu bar and footer common elements */
.logo { max-height: 40px; }
.header-bar, .footer-bar { width:100%; height: auto; background: linear-gradient(to right,rgb(236, 238, 240) 0%,rgb(232, 236, 241) 100%); }
.header-bar {border-bottom: 1px solid #CCC;}
.footer-bar {border-top: 1px solid #CCC;}

/* Footer position */
html, body { height: 100%; position: relative; }
.main { padding-bottom: 120px; min-height: 100%; }
.footer-bar	{ margin-top: -40px; height: 40px; line-height: 20px; }

/* set up button overrides */
.orange { color: #FBAA32;}
.orangebg {background-color: #FBAA32;}
a.orange:hover, a.orange:active { color: #EA9F2E; text-decoration: none; }

.purple { color: #333c86;}
.purplebg {  background-color: #333c86; }
a.purple:hover, a.purple:active { color: #3f4787; text-decoration: none; }

.btn {font-family: 'Hind', sans-serif;font-weight: bold;margin: 5px;color: #fff;background-color: #6c757d;border-color: #6c757d;}
.btn:hover,.btn:active {color: #fff; background-color: #5a6268;border-color: #545b62;}

.btn-primary,.orangebg {color: #222; background-color: #FBAA32; border-color: #FBAA32;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus, .btn-primary:disabled, .btn-primary.disabled, .orangebg:hover, .orangebg:active, .orangebg:focus {color: #222!important; background-color: #EA9F2E!important; border-color: #EA9F2E!important;}

.btn-primary,.purplebg {color: #EEE; background-color: #333c86; border-color: #333c86;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus, .btn-primary:disabled, .btn-primary.disabled, .purplebg:hover, .purplebg:active, .purplebg:focus {color: #EEE!important; background-color: #3f4787!important; border-color: #3f4787!important;}


.btn-primary:focus, .orangebg:focus { box-shadow: 0 0 0 0.2rem rgba(234,159,46, 0.5)!important; }
.btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108,117,125, 0.5)!important; }
.redbg {background-color: #B22222; color: #fff; border: 1px solid #B22222;}
.btn.redbg:hover, .btn.redbg:active {background-color: #8B0000!important; color: #fff!important; border: 1px solid #8B0000!important;}
.btn.redbg:focus { box-shadow: 0 0 0 0.2rem rgba(234,159,46, 0.5)!important; }


/* Toasts */
.toast-container { position:absolute; top: 70px; right: 10px; z-index: 99; }
.toast 		{ display: none; min-width:200px; /* Hide on page load, let JS take care of it */ }

/* Forms */
.form-control:focus, .form-control:active { box-shadow: none; border-color: none;}
.input-group-text.fas { /* Size Fas icons in prepends to match default sizing of bootstrap */
	line-height: 1.5;
	width:50px;
}

/* Upload Form */
.largeicon { font-size: 50px; }
.dropzone {
    min-height: 150px;
    border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
    background: white;
    padding: 20px 20px;
}
.selected { background-color: #e2e3e5; border-color: #d6d8db; }

/* Cards */
.cardClicker { cursor: pointer; }

/* Dropzone Uploader */
.dropzone .dz-preview .dz-progress { 
	top: 75%;
}

/* Menu */
.btn.orangebg.mnuitem { width: 100%; }
.navbar-nav .btn {
	width: 100%;
}
	
/* Recaptcha Badge */
.grecaptcha-badge { display: none; }

/* jobs page */
.jobsTableHolder{
	max-height: 500px;
}

/* pagination section */
.pagination {
	width: 100%;
	text-align: right;
	display: inline-block;
}
.pagination div {
	display: inline-block;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.2);
	margin: 0 2px;
}
.nextPageLink { border: none!important; }
.nextPageLink, .buttonGoTo { cursor: pointer; }
.goToPage { border-width: 0 0 0 1px!important; margin-left: 5px; padding-left: 5px; }
.inpGoToPage { width: 40px; text-align: center; margin-right: 5px; height: 42px; }
.pagination .pages { color: #2e3d55; cursor: pointer; }
.pagination .pages.current { background: #a1cbdc; color: #000000; cursor: default; }

.currentSearch {
	padding: 10px;
	background: rgba(0,0,0,0.1);
	margin-bottom: 10px;
	font-size: 13px;
	width: 100%;
}
.currentSearch > div {
	display: inline-block;
}
.currentSearchRemove {
	float: right;
	color: red;
	cursor: pointer;
}


/* Responsive - Official Bootstrap sizings */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	/* Menu */
	.btn.orangebg.mnuitem { width: auto; }
	.navbar-nav .btn {
		width: auto;
	}
	/* Header logo, increase size */
	.logo { max-height: 60px; }
	/* Recaptcha Badge */
	.grecaptcha-badge { display: block; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }