/**
 * Styles for DatePicker
 */

.datepickerControl {
	border:				1px solid #999999;
	background-color:	#EEEEEE;
	padding:			5px;
}

.datepickerControl td {
	text-align:			center;
	font-family:		sans-serif;
	font-size:			11px;
	padding:			1px;
}

.datepickerControl tr.monthLabel td {
	background-color:	#FFFFFF;
	border:				1px solid #999999;
	font-weight:		bold;
}

.datepickerControl tr.navigation td {
	cursor:				pointer;
}

.datepickerControl tr.navigation td:hover {
	text-decoration:	underline;
}

.datepickerControl tr.dayLabel td {
	/*
	border:				1px solid #C0D8EA;
	background-color:	#C0D8EA;
	*/
	border:				1px solid #003366;
	background-color:	#003366;
	color:				white;
	font-weight:		bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.dayothermonth {
	color:				#999999;
	font-style:			italic;
}

.datepickerControl td.day:hover {
	background-color:	#EBE4C0;
} 

.datepickerControl td.weekend {
	background-color:	#CCCCCC;
	font-style:			italic;
}

.datepickerControl td.today {
	font-weight:		bold;
}

.datepickerControl td.hour {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.minute {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td input,
.datepickerControl td button {
	font-size:			11px;
	padding:			0;
	border:				1px solid #999999;
	text-align:			center;
}

.datepickerControl td.ampm {
	cursor:				pointer;
	background-color:	#CCCCCC;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.current {
	font-weight:		bold;
	background-color:	#EBC2C0;
}

.datepickerControl input.current {
	background-color:	#EBC2C0;
}

.datepickerControl td.current:hover {
	background-color:	#EBC2C0;
}



/* ==========================================================
   JOBPOSTING247 — MODERN 2026 THEME
   Front-end layer only. PHP/MySQL logic intentionally untouched.
   ========================================================== */
:root{
 --jp-blue:#155eef;
 --jp-blue2:#0b4bd8;
 --jp-cyan:#06b6d4;
 --jp-navy:#0b1736;
 --jp-ink:#172033;
 --jp-muted:#667085;
 --jp-bg:#f7f9fc;
 --jp-line:#e7ebf3;
 --jp-white:#fff;
 --jp-green:#079455;
 --jp-radius:18px;
 --jp-shadow:0 10px 35px rgba(16,24,40,.07);
 --jp-shadow2:0 20px 55px rgba(21,94,239,.12);
}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{
 background:var(--jp-bg)!important;
 color:var(--jp-ink)!important;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
 font-size:15px!important;
 line-height:1.65!important;
}
a{color:var(--jp-blue);transition:all .2s ease}
a:hover{color:var(--jp-blue2);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{color:var(--jp-navy)!important;letter-spacing:-.025em;font-weight:750}
.container{width:min(1180px,calc(100% - 30px))!important}
.row{margin-left:-10px;margin-right:-10px}
[class*="col-"]{padding-left:10px;padding-right:10px}

/* ---------- HEADER ---------- */
.navbar,.navbar-default,.bootsnav,.header-area,.main-header,.menu-area{
 background:rgba(255,255,255,.97)!important;
 border:0!important;
 border-bottom:1px solid var(--jp-line)!important;
 box-shadow:0 3px 18px rgba(16,24,40,.045)!important;
}
.navbar{
 min-height:72px!important;
}
.navbar-brand,.logo,.brand{
 color:var(--jp-navy)!important;
 font-weight:850!important;
 font-size:24px!important;
 letter-spacing:-.8px;
}
.navbar-brand img,.logo img{max-height:46px!important;width:auto}
.navbar-nav>li>a,.nav-link{
 color:#344054!important;
 font-weight:650!important;
 padding:13px 14px!important;
}
.navbar-nav>li>a:hover,.nav-link:hover{
 color:var(--jp-blue)!important;
 background:transparent!important;
}
.navbar-toggle{
 border:1px solid var(--jp-line)!important;
 border-radius:10px!important;
 padding:9px!important;
}

/* ---------- HERO / SEARCH ---------- */
.banner-area,.hero-area,.hero,.home-banner,.search-banner{
 background:
  radial-gradient(circle at 82% 20%,rgba(6,182,212,.16),transparent 25%),
  radial-gradient(circle at 15% 15%,rgba(21,94,239,.18),transparent 30%),
  linear-gradient(135deg,#f7fbff,#eef4ff)!important;
 border:0!important;
}
.banner-area,.hero-area,.hero{padding:72px 0 78px!important}
.banner-area h1,.hero-area h1,.hero h1{
 font-size:clamp(34px,5vw,58px)!important;
 line-height:1.08!important;
 font-weight:850!important;
 letter-spacing:-2px;
 margin-bottom:18px!important;
}
.banner-area p,.hero-area p,.hero p{
 color:#667085!important;
 font-size:17px!important;
}
.search-box,.search-form,.job-search,.search-area form,.hero form{
 background:#fff!important;
 border:1px solid #e3e9f3!important;
 border-radius:18px!important;
 box-shadow:var(--jp-shadow2)!important;
 padding:12px!important;
}
.search-box input,.search-box select,.search-form input,.search-form select,
.job-search input,.job-search select,.hero form input,.hero form select{
 border:1px solid #e1e7f0!important;
 border-radius:11px!important;
 min-height:50px!important;
 background:#fff!important;
 box-shadow:none!important;
}
.search-box button,.search-form button,.job-search button,.hero form button{
 min-height:50px!important;
 border-radius:11px!important;
}

/* ---------- BUTTONS ---------- */
.btn,.button,button,input[type=submit],input[type=button]{
 border-radius:10px!important;
 font-weight:700!important;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.btn-primary,.btn-success,.primary-btn,.main-btn{
 background:var(--jp-blue)!important;
 border-color:var(--jp-blue)!important;
 color:#fff!important;
 box-shadow:0 7px 18px rgba(21,94,239,.18)!important;
}
.btn-primary:hover,.primary-btn:hover,.main-btn:hover{
 background:var(--jp-blue2)!important;
 border-color:var(--jp-blue2)!important;
 transform:translateY(-1px);
}
.btn-default,.btn-secondary{
 background:#fff!important;
 border:1px solid #dfe5ee!important;
 color:#344054!important;
}

/* ---------- CARDS ---------- */
.card,.panel,.well,.thumbnail,.job-card,.job-listing,.listing-box,
.single-job,.featured-job,.category-box,.dashboard-card{
 background:#fff!important;
 border:1px solid var(--jp-line)!important;
 border-radius:var(--jp-radius)!important;
 box-shadow:var(--jp-shadow)!important;
}
.card,.panel,.job-card,.job-listing,.listing-box,.single-job{overflow:hidden}
.card:hover,.job-card:hover,.job-listing:hover,.featured-job:hover{
 box-shadow:0 16px 42px rgba(16,24,40,.10)!important;
}
.card-body{padding:22px!important}
.panel-heading{
 background:#fff!important;
 border-bottom:1px solid var(--jp-line)!important;
 padding:17px 20px!important;
 font-weight:750!important;
}
.panel-body{padding:20px!important}

/* ---------- JOB LISTS ---------- */
.job-title,h2.job-title,h3.job-title{
 color:var(--jp-navy)!important;
 font-weight:760!important;
}
.job-title a{color:var(--jp-navy)!important}
.job-title a:hover{color:var(--jp-blue)!important}
.location,.job-location,.company,.posted,.job-meta,.text-muted{
 color:var(--jp-muted)!important;
}
.badge,.label{
 border-radius:999px!important;
 padding:5px 10px!important;
 font-weight:700!important;
}
.label-success,.badge-success{background:#ecfdf3!important;color:var(--jp-green)!important}
.label-primary,.badge-primary{background:#eff4ff!important;color:var(--jp-blue)!important}
.label-info,.badge-info{background:#ecfeff!important;color:#087c8c!important}

/* ---------- FORMS ---------- */
.form-control,select,textarea,
input[type=text],input[type=email],input[type=password],input[type=tel],
input[type=number],input[type=date],input[type=url]{
 min-height:46px!important;
 border:1px solid #dce3ee!important;
 border-radius:10px!important;
 background:#fff!important;
 color:var(--jp-ink)!important;
 box-shadow:none!important;
}
textarea{min-height:120px!important}
.form-control:focus,select:focus,textarea:focus,input:focus{
 border-color:#8bb0ff!important;
 box-shadow:0 0 0 4px rgba(21,94,239,.09)!important;
 outline:none!important;
}
label{font-weight:650!important;color:#344054!important;margin-bottom:6px}

/* ---------- TABLES ---------- */
.table,.table-responsive table,table{
 background:#fff!important;
 border-color:var(--jp-line)!important;
}
.table{border-radius:14px!important;overflow:hidden}
.table>thead>tr>th,table th{
 background:#f8fafc!important;
 color:#344054!important;
 font-weight:750!important;
 border-bottom:1px solid var(--jp-line)!important;
}
.table>tbody>tr>td,table td{border-color:#edf0f5!important}
.table>tbody>tr:hover{background:#f8fbff!important}

/* ---------- DASHBOARD ---------- */
.sidebar,.dashboard-sidebar,.left-sidebar,.account-sidebar{
 background:#fff!important;
 border:1px solid var(--jp-line)!important;
 border-radius:16px!important;
 box-shadow:var(--jp-shadow)!important;
 padding:10px!important;
}
.sidebar a,.dashboard-sidebar a,.left-sidebar a,.account-sidebar a{
 display:block;
 padding:11px 13px!important;
 border-radius:9px!important;
 color:#475467!important;
 font-weight:650!important;
}
.sidebar a:hover,.sidebar a.active,.dashboard-sidebar a:hover,.dashboard-sidebar a.active{
 background:#eff4ff!important;color:var(--jp-blue)!important;
}

/* ---------- STATS ---------- */
.counter,.counter-box,.stat-box,.statistics-box{
 background:#fff!important;
 border:1px solid var(--jp-line)!important;
 border-radius:16px!important;
 box-shadow:var(--jp-shadow)!important;
 padding:22px!important;
}
.counter h2,.counter-box h2,.stat-box h2{color:var(--jp-blue)!important;font-weight:850!important}

/* ---------- FOOTER ---------- */
footer,.footer-area,.site-footer{
 background:var(--jp-navy)!important;
 color:#cbd5e1!important;
 border:0!important;
}
footer h4,footer h5,.footer-area h4,.footer-area h5{
 color:#fff!important;
 font-weight:750!important;
}
footer a,.footer-area a{color:#cbd5e1!important}
footer a:hover,.footer-area a:hover{color:#fff!important}

/* ---------- ALERTS ---------- */
.alert{
 border:0!important;
 border-radius:12px!important;
 box-shadow:none!important;
}
.alert-success{background:#ecfdf3!important;color:#067647!important}
.alert-danger{background:#fef3f2!important;color:#b42318!important}
.alert-info{background:#eff8ff!important;color:#175cd3!important}

/* ---------- PAGINATION ---------- */
.pagination>li>a,.pagination>li>span{
 border:1px solid var(--jp-line)!important;
 color:#344054!important;
 border-radius:8px!important;
 margin:0 3px!important;
}
.pagination>.active>a,.pagination>.active>span{
 background:var(--jp-blue)!important;
 border-color:var(--jp-blue)!important;
 color:#fff!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:991px){
 .navbar-nav>li>a,.nav-link{padding:10px 12px!important}
 .banner-area,.hero-area,.hero{padding:55px 0 60px!important}
}
@media(max-width:767px){
 .container{width:calc(100% - 22px)!important}
 body{font-size:14px!important}
 .navbar{min-height:62px!important}
 .navbar-brand,.logo,.brand{font-size:21px!important}
 .banner-area,.hero-area,.hero{padding:42px 0 48px!important}
 .banner-area h1,.hero-area h1,.hero h1{
  font-size:35px!important;letter-spacing:-1.2px;
 }
 .banner-area p,.hero-area p,.hero p{font-size:15px!important}
 .search-box,.search-form,.job-search,.search-area form,.hero form{
  padding:9px!important;border-radius:14px!important;
 }
 .search-box input,.search-box select,.search-form input,.search-form select,
 .job-search input,.job-search select,.hero form input,.hero form select{
  margin-bottom:7px!important;
  border-right:1px solid #e1e7f0!important;
 }
 .card-body,.panel-body{padding:17px!important}
 .table-responsive{border:0!important}
 .table{font-size:13px!important}
}