/*style for Available Jobs page*/
.job-checkbox div.input.checkbox {
	color: rgb(110, 109, 107);
	width: 224px;
	display: inline-block;
	padding-left: 25px;
	margin: 2px auto;
}
div.checkbox-job-type{
	margin-left: 4%;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #9E9E9E;
	border-radius: 3px;
	width: 240px;
}
div.checkbox-job-type label{
	padding-left: 0px;
}
div.facebook-icon img{
	margin-right: 5px;
}
div.text-posting{
	color: rgb(110, 109, 107);
	display: table;
}
div.select-box{
	margin: 0px 0px 10px 4%;
	float: left;
        width: 240px !important;

}
select{
	padding:5px 5px 3px 5px;
	float:left;
        font-size: 16px !important;
        min-width: 264px;
	 -webkit-appearance: none;
}
input[type="checkbox"] {
    display: block !important;
}
input[type="checkbox"] + label, .form input[type="checkbox"] + label, .form-group input[type="checkbox"] + label{

    margin-left: 0px !important;
}
input[type="checkbox"] + label::before, .form input[type="checkbox"] + label::before, .form-group input[type="checkbox"] + before {
    margin: 0 0 -10px -25px !important;
    background: none !important;
}
div.search-available-job{
	margin-bottom: 20px;
	margin-top: 10px;
	display: table;
	width: 100%;
	padding: 20px;
}
div.div-inline-page{
	height: 58px;
}
div.div-inline-page-xs{
	height: 20px;
	font-size: 15px;
	margin-top: 10px;
}
div.div-inline-page-xs p{
	font-size: 13px !important;

}
div.button-Jobs{
	color:black;
	background: #dbdad9;
	text-align: justify;
	height: auto;
  	min-width: 145px;
	max-width:195px;
	text-align: center;
	margin: 5%;
	max-height: 80px;
	display: block;
}
div.small-button-Jobs{
	color:black;
	font-size:12px;
	background: #dbdad9;
	text-align: justify;
	min-height: 50px;
  	min-width:80px;
	text-align: center;
	margin: 1%;
	display: inline-block;
	width: 31.333%;
	padding: 1%;
}
div.small-jobs{
	white-space:nowrap;
}
div.small-button-Jobs p.small-country{
	color: #ae2221;
	font-family: "Arial";
	text-align: center;
	font-size: 12px;
	text-indent: 0em;
}
div.button-Jobs p.country{
	color: #ae2221;
	font-family: "Arial";
	text-align: center;
	padding: 0px 30px 0px 0px;
	margin: 0px;
}
div.div-button-job-type{
	height: 26px;
    max-width: 280px;
	margin-bottom: 18px;
}

.button-search{
	color: rgb(110,109,107);
	background: #fff;
	border: 1px solid #9E9E9E;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 30px;
	margin-top: 5px;
	margin-right: 1px;
	padding: 5px 12px;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	font-family: "Arial";
	min-width: 95px;
	display: inline-block;
	height: 33px;
	margin-top: 15px;
	position: relative;

}
.text-posting{
	font-size: 14px;
}
div.search button.button-search{
	margin-right: 9%;
	float: right;
}
div.div-search-button{
	text-align: center;
}
.button-search:hover {
	color: rgb(56, 56, 56);
}
button.button-job-type{
	font-size: 16px;
	background: #fff ;
	color: rgb(110,109,107);
	border: 1px solid #9E9E9E;
	border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
	width: 240px;
	text-align: left;
	height: 33px;
	margin:  0 0 10px 4%;
	padding: 5px 5px 5px 10px;
}

.button-search::after {
    content: '';
	position: absolute;
	top: 9px;
	left: 72px;
	border-top: 7px solid transparent;
	border-left: 11px solid #ae2221;
	border-bottom: 7px solid transparent;
   }
.button-job-type img{
	float: left !important;
}
.button-search img{
	padding: 2px;
	max-width: 100%;
	height: auto;
	float: right !important;
}
.span-new{
	color:#AE2221;
	font-family: "Arial";
	font-weight: bold;
	font-size: 14px;
}
/*  table style */
th {
	padding: 5px !important;
	white-space: nowrap;
}
tr.first-row{
	color: rgb(103, 103, 103);
	border-bottom: 2px solid #AE2221;
}
th.red {
    background-color: #fff !important;
	text-align: left !important;
	font-weight: bold;
	border-top: none !important;
	border-bottom: 2px  solid #AE2221;
}
th.live-in{
	min-width: 80px;
}
.table{
	border: none !important;
	background-color: transparent !important;
}
.table > tbody > tr > td{
	border: none !important;
	background-color: #DCDDDF;
	margin-bottom: 10px;
}

tr.tr-margin td.white-td{
	background-color: #fff;
	height: 11px
}
td.new, th.new{
	background-color: transparent !important;
	border: none !important;
}
div.col-xs-9 div-select-box{
	max-width: 220px;
}
div.div-select-box{
	max-width: 300px;
}
div.search{
/*	max-width: 280px;*/
	max-width: 268px;
	height: 30px;
}

p.pagination{
	white-space: nowrap;
	margin: 7px !important;
	font-size: 15px !important;
}
p.pagination a{
	font-size: 15px !important;
}
p.pagination-end span.next a{
	text-align: center;
}
p.pagination-end, div.center{
	white-space: nowrap;
	text-indent: 0em !important;
	text-align:center!important;
	width: 100%;
	height: 30px;
}
div.block{
	height: 20px;

}
.location-col {
	width: 40%;
}
/* xs td */
div.div-xs-td{
	font-weight: bold;
	display: inline-block;
	white-space: normal;
	width: 50%;
	float: left;
	text-align: left;
	font-size: 15px;
}
div.content-td{
	font-size: 14px;
	text-align: left !important;
	white-space: normal;
	display: inline-block !important;
	width: 100%;
	float: left;
	text-align: justify;
	color: rgb(103, 103, 103);
        overflow: hidden;        

}
/*div.content-td-date{
	white-space: nowrap;
}*/

div.content-td a{
	font-size: 14px !important;
	font-weight: bold;
}
div.block-td{
	white-space:nowrap;
}
@media
only screen and (max-width: 767px){

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}
/*	div.div-select-box{
		float:left;
	}*/

/*	button.button-search{
		float: left;
	}*/
	tr { border-bottom: 1px solid #c2c2c0;
		 border-top: 1px solid #c2c2c0
	}
	div.block-td{
		white-space:nowrap;
		display: table;
		width: 100%;
	}
	div.content-td{
		width: 50%;
		text-align: left;
	}
	div.div-xs-td{
		padding: 5px;
	}
	div.content-td{
		padding: 5px;
	}
	div.finish{
		border-bottom: none;
	}
	.location-col {
		width: 100%;
	}
}
@media
only screen and (max-width: 1200px){
/*	div.div-select-box{
		margin-left: 0px;
	}*/
}
@media (max-width: 760px){
	p.pagination{
		font-size: 13px!important;
	}
	p.pagination span a{
		font-size: 13px!important;
	}
	div.div-inline-page-xs{
		height: 30px;
		margin-top: 5px;
	}
	button.button-search{
		margin-left: 0px;
	}
	p.pagination-end, div.center{
		white-space: normal;
		text-indent: 0em !important;
		text-align:center!important;
		width: 100%;
	}
}
@media
only screen and (max-width: 369px){
	button.button-job-type{
	 margin-left: 4%;
	}
        div.search-available-job{
            display: block;
            max-width: 300px;
            padding: 0px;
    }
}
@media
only screen and (min-width: 1200px){
	div.search button.button-search{
		margin-right: 0px;
	}
}
#busy-indicator {
	display: none;
	margin-left: -2px;
	height: 30px;
	width: 30px;
	background-image: url('../img/ajax-loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.padding-big {
	padding-left: 0px;
	padding-right: 0px;
}
.row-margin {
	margin-right: 0px;
	margin-left: 0px;
}
#available_job_img {
	float: right;
	background: url('../img/jobpage_image_1.jpg') no-repeat;
	width: 100%;
	height: 300px;
	background-size: 100%;
	background-position: center center;
}
.search-available-job h1 {
	width: 300px;
	font-size: 39px !important;
	font-weight: normal !important;
	margin-top: 0;
	margin-bottom: 30px;
}
td {
	background-color: white !important;
}

tr.new-tr {
	border-bottom: 2px solid #AE2221;
}
tr.old-tr {
	border-bottom: 1px solid #AE2221;
}
div.autocomplete-input {
	margin: 0 0 10px 4%;
}
div.autocomplete-input input.autocomplete {
	width: 240px;
	font-size: 16px;
	height: 33px;
        color:#6E6D6B;
}

@media (max-width: 355px) {
	div.select-box {
		width: 200px;
	}

}
@media (max-width: 390px) {
	div.autocomplete-input input.autocomplete {
            width: 208px;
	}
        div.div-select-box {
            max-width: 240px;
        }
        div.user-content {
            padding: 0px 5px 0px 5px;
        }
        h1 {
            padding-left: 23px;
        }
}