body{background: #f5f5f5;}
.govt-jobs-header{padding:98px 0 40px; background:#ffffff url(../images/govt-jobs-bg.jpg) no-repeat center center;}
.material-form h1{font-size: 25px; color:#2d4054; font-weight: 400;}
.material-form h1 span{color:#2196d2;}
.material-form form{background: #fff; padding: 10px 20px 20px; box-shadow: 0px 0px 24px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.2);}
.material-form button{background: #2196d2; font-size: 20px; font-weight: normal; color:#fff; display: block; width: 100%; padding: 10px 0;}
.listing-container{margin-top:30px; margin-bottom: 3rem;}
.listing-container h2{margin-bottom:24px; font-size: 25px; color:#2d4054; font-weight: normal;}
.listing-container > .row > div{position: relative;}
.filters{display: flex; position: absolute; top:0; right: 15px;}
.filters .input-group{display: inline-flex; width: auto;}
.filters .input-group .custom-select{border-radius: 0; width: 225px;}
.filters .input-group .custom-select:focus, .filters .input-group button:focus{outline: 0; box-shadow: none;}
.filters .input-group button{padding: 0 5px 0 0;}
.jobs-listing{margin-top:12px;}
.jobs-listing .card-group{display: block;}
.jobs-listing .card-group .card{border-radius: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.12); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.12); margin-top:15px;}
.jobs-listing .card-group .card .card-title a{font-size:18px; color:#2d4054; font-weight: normal;}
.jobs-listing .card-group .card .card-title .new-badge{font-size:14px; color:#26d79b; border:1px solid #26d79b; font-weight: normal; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 2px 18px;}
.jobs-listing .card-group .card .card-text{font-size: 14px;
    color: #6b7581;
    margin-top: 10px;
    margin-bottom: 0;
    padding-right: 30px;
    float: left;
    width: 80%;}
.jobs-listing .card-group .card .card-text span{color:#989ea6; background: transparent; border: 0;}
.jobs-listing .card-group .card .card-text span.green{color:#94e48e;}
.jobs-listing .card-group .card .card-text span.red{color:#fe8d8e;}
.jobs-listing .card-group .card .card-footer {padding: 0 20px 3px; background-color: rgba(0,0,0,.02);border-top: 0;}
.jobs-listing .card-group .card .card-body{position: relative;}
.jobs-listing .card-group .card .card-body a.apply-btn{    
		color: #fff;
		background-color: #2e4056;
		padding: 8px 14px;
		position: absolute;
		float: left;
		vertical-align: middle;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);	
	}
.listing-container ul.results-listing{background: #fff; box-shadow: 0px 0px 24px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.2);}
.listing-container ul.results-listing li a{font-size: 16px; color:#2196d2; font-weight: normal; text-decoration: navajowhite; border-bottom: 1px solid #d3eaf6; padding: 7px 15px; display: block;}

@media only screen and (max-width:767px){
.govt-jobs-header{padding-top:20px;}
.jobs-listing{margin-bottom: 20px;}
.material-form h1, .listing-container h2{font-size:18px;}
.custom-select{font-size:12px;}
.filters .input-group button{font-size:12px;}
.filters{display: none;}
.filters .input-group.mb-3{margin-bottom: 0;}
.jobs-listing .card-group .card{margin-bottom: 0;}
.jobs-listing .card-group .card .card-body a.apply-btn{position: inherit; top:inherit; right: inherit; margin-top:10px; display: inline-block;}
.jobs-listing .card-group .card .card-body{text-align: left; padding: 10px;}
.jobs-listing .card-group .card .card-text{font-size: 12px;}
.jobs-listing .card-group .card .card-text br{display: inline;}

}