@charset "ISO-8859-1";

body {
	overflow-x: auto;
	overflow-y: auto;
	scroll-behavior: auto;
	background: #fef8e1;
}

.mainBody {
	margin-left : 30px;
	margin-right: 30px;
	min-height: 100vh;
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid #dafcef;
	border-radius: 0px 0px 10px 10px;
}

.rowBox {
	padding: 5px;
}

#searchBox {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
	width: auto;
	border: 1px solid #dee9e5;
	border-radius: 10px;
}

#mainContentBox {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	width: auto;
	border-radius: 10px;
	border: 1px solid #dee9e5;
}

#searchVal {
	height: 40px;
	padding: 5px;
	font-size: 18px;
	width: 100%;
	text-align: left;
	border-radius: 5px;
	border-style: groove;
}

#searchBtn {
	padding: 5px 10px;
	font-size: 16px;
	width: 100%;
	height: 40px;
	background: rgb(232, 89, 45); border : 1px solid rgb( 232, 89, 45);
	color : rgb( 250, 250, 250); transition : all 0.3s ease;
	
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid rgb(232, 89, 45);
	color: rgb(250, 250, 250);
	transition: all 0.3s ease;
}

.outerBodyBox {
	padding: 10px;
	max-height: max-content;
}

.outrBosex {
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #dee9e5;
	width: 100%;
}

#mainJobBox {
	overflow-y: auto;
	overflow-x: auto;
	max-height: 100vh;
}

.fltRow {
	margin-top: 5px;
	margin-bottom: 5px;
}

.fltrCap{
	display: flex;
	margin: 5px 0px ;
	justify-content: center;
}

#applyFilterBtn {
	font-size: 16px;
	width: 100%;
	height: 40px;
	background: rgb(232, 89, 45);
	border: 1px solid rgb(232, 89, 45);
	color: rgb(250, 250, 250);
	transition: all 0.3s ease;
	/*	
	border: 1px solid rgba(0, 0, 189, 0.9);
	background-color:  rgba(0, 0, 189, 0.9);
	color: rgb(255, 255, 255);
*/
	border-radius: 10px;
}

#applyFilterBtn:hover {
	background: rgb(253, 60, 0);
	border: 1px solid rgb(255, 60, 0);
	cursor: unset;

	/*
	background: rgba(50, 220, 10, 0.9);
	border: 1px solid rgba(50, 220, 10, 0.9);
	*/
}

.fltVls {
	width: 100%;
	font-size: 16px;
}

#filtersBox select {
	outline: #6991ff;
	padding: 2px;
	box-sizing: border-box;
	border: 2px solid black;
	text-align: left;
	vertical-align: middle;
	border-radius: 5px;
}

#filtersBox select:focus {
	border-color: #6991ff;
	box-shadow: 0px 0px 2px 2px rgba(26, 188, 156, 0.25);
}

.boxTitle {
	padding: 10px;
	justify-items: start;
	font-weight: bold;
	border-bottom: solid 1px black;
	font-size: 20px;
}

.custom-hr {
	border-top: 2px solid;
}

.jobBox {
	margin: 5px;
	padding: 20px;
	border: solid 1px rgb(232 89 45);
	border-radius: 10px;
	width: 100%;
}

.jobBox:hover {
	box-shadow: 5px 5px 5px 5px rgba(129, 78, 170, 0.5);
}

.viewJobBtn {
	padding: 5px;
}

#searchBtn:hover {
	background: rgb(253, 60, 0);
	border: 1px solid rgb(255, 60, 0);
	cursor: unset;

	/*
	background: rgba(50, 220, 10, 0.9);
	border: 1px solid rgba(50, 220, 10, 0.9);
	*/
}

.jobDetBtn {
	padding: 5px 10px;
	font-size: 16px;
	width: 100%;
	height: 40px;
	background: rgb(232, 89, 45);
	border: 1px solid rgb(232, 89, 45);
	color: rgb(250, 250, 250);
	transition: all 0.3s ease;
	/*
	background: rgba(30, 30, 230, 0.70);
	border: 1px solid rgba(30, 30, 230, 0.70);
	color: rgb(250, 250, 250);
	*/
	border-radius: 10px;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
}

input.jobDetBtn:hover {
	background: rgb(253, 60, 0);
	border: 1px solid rgb(255, 60, 0);
	cursor: unset;

	/*
	background: rgba(50, 220, 10, 0.9);
	border: 1px solid rgba(50, 220, 10, 0.9);
	*/
}

.jobNavBox {
	margin-top: 5px;
}

.jobNavBoxMain {
	margin-top: 10px;
	padding: 10px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

.jobNavBtn {
	font-size: 16px;
	height: 35px;
	margin: 5px 5px 5px 5px;
	padding: 5px 10px;
	background: rgb(232, 89, 45); 
	border: 1px solid rgb( 232, 89, 45);
	color: rgb( 250, 250, 250); 
	transition: all 0.3s ease;
	/*
	background: rgba(30, 30, 230, 0.70);
	border: 1px solid rgba(30, 30, 230, 0.70);
	color: rgb(250, 250, 250);
	*/
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	align-items: center;
	border: 1px solid rgb(232, 89, 45);
	color: rgb(250, 250, 250);
	transition: all 0.3s ease;
}

.navPageNo {
	height: 35px;
	padding: 5px;
	font-size: 18px;
	text-align: center;
	border-radius: 5px;
	border-style: solid;
	width: 80px;
	vertical-align: middle;
	align-items: center
}

.jobNavBox button:disabled {
	background: dimgrey;
	border: dimgrey;
	cursor: unset;
	
}

.jobNavBox button:enabled:hover {
	
	background: rgb(253, 60, 0);
	border: 1px solid rgb(255, 60, 0);
	cursor: unset;
	
	/*
	background: rgba(50, 220, 10, 0.9);
	border: 1px solid rgba(50, 220, 10, 0.9);
	*/
}

.jobDetRow
{
	padding : 0px 10px;
}

.capJobDet {
	border: 1px none;
	border-color: unset;
	outline: none;
	background-color: transparent;
}

.capJob {
	font-weight: bold;
}

.capJobDet:focus {
	border-color: transparent;
}

.btns {
	height: auto;
	width: auto;
	outline: none;
	padding-left: 5px;
	margin: 5px;
	min-width: 150px;
	min-height: 40px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 5px;
	background: rgb(232, 89, 45);
    border: 1px solid rgb(232, 89, 45);
    color: rgb(250, 250, 250);
    transition: all 0.3s ease;
    
/*	
	border: 1px solid rgba(0, 0, 189, 0.9);
	background-color:  rgba(0, 0, 189, 0.9);
	color: rgb(255, 255, 255);
*/

}

.btns:hover {
	
	background: rgb(253, 60, 0);
    border: 1px solid rgb(255, 60, 0);
	
	/*
	border: 1px solid rgba(75, 220, 100, 0.9);
	background-color: rgba(75, 220, 100, 0.9);
	*/
	
}

.detInnerBox {
	margin: 10px;
	padding: 10px;
}