.jobs_wrapper.grid .single_job_wrapper .inner {
position: relative;
text-align: center;
border: 1px solid #e8eef1;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
margin-bottom: 30px;
} .jobs_wrapper.grid .single_job_wrapper .inner .job_status {
position: absolute;
left: -5px;
top: 17px;
background: #11b719;
color: #fff;
font-size: 11px;
font-weight: 100;
line-height: initial;
padding: 2px 3px 4px 10px;
text-transform: uppercase;
min-width:67px;
}
.jobs_wrapper.grid .single_job_wrapper .inner .job_status:before {
width: 0;
height: 0;
content: '';
position: absolute;
border-left: 9px solid #11b719;
left: 100%;
top: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.jobs_wrapper.grid .single_job_wrapper .inner .job_status:after {
width: 0;
height: 0;
content: '';
border-top: 5px solid #11b719;
position: absolute;
top: 100%;
left: 0;
border-left: 5px solid transparent;
}
.jobs_wrapper.grid .inner .job_type {
top: 10px;
position: absolute;
right: 10px;
padding: 2px 15px;
border: 1px solid #e8eef1;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
font-size: 16px;
text-transform: capitalize;
}
.jobs_wrapper.grid .job_logo_holder {
width: 100px;
height: 100px;
padding: 5px;
overflow: hidden;
border: 1px solid #e8eef1;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.09);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.09);
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
margin: auto;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
margin-top: 50px;
}
.jobs_wrapper.grid .single_job_wrapper .job_title {
font-size: 16px;
line-height: 28px;
max-width: 80%;
margin: auto;
margin-top: 51px;
}
.jobs_wrapper.grid .single_job_wrapper .job_location {
font-family: "Muli",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.63;
margin-bottom: 0;
padding-bottom: 0;
}
.jobs_wrapper.grid .single_job_wrapper .inner {
min-height: 170px;
}
.jobs_wrapper.grid .single_job_wrapper .salary_holder {
font-size: 16px;
}
.jobs_wrapper.grid .single_job_wrapper .inner > a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.jobs_wrapper.grid .single_job_wrapper .inner:hover {
-webkit-box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.03);
}
.jobs_wrapper.list .single_job_wrapper {position: relative;}
.jobs_wrapper.list .single_job_wrapper .inner {
position: relative;
}
.jobs_wrapper.list .single_job_wrapper .inner .job_title {
margin: 0;
font-weight: 700;
font-size: 20px;
}
.jobs_wrapper.list .single_job_wrapper .job_status {position: absolute;left: -5px;top: 17px;background: #11b719;color: #fff;font-size: 11px;font-weight: 100;line-height: initial;padding: 2px 3px 4px 10px;text-transform: uppercase;min-width: 47px;z-index: 9;}
.jobs_wrapper.list .single_job_wrapper .job_status:before {
width: 0;
height: 0;
content: '';
position: absolute;
border-left: 9px solid #11b719;
left: 100%;
top: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.jobs_wrapper.list .single_job_wrapper .job_status:after {
width: 0;
height: 0;
content: '';
border-top: 5px solid #11b719;
position: absolute;
top: 100%;
left: 0;
border-left: 5px solid transparent;
}
.jobs_wrapper.list .single_job_wrapper  .job_logo_holder {
padding-right: 30px;
position: relative;
width: 120px;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.jobs_wrapper.list .single_job_wrapper .inner {
padding: 20px;
background-color: #fff;
border: 1px solid #e8eef1;
-webkit-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
margin-bottom: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.jobs_wrapper.list .single_job_wrapper .inner .job_info_holder {
width: 42%;
}
.jobs_wrapper.list .single_job_wrapper .inner .btn_holder {
margin-left: auto;
}
.jobs_wrapper.list .single_job_wrapper .inner .btn_holder a {
color: #fff;
background-color: #005EFF;
font-size: 16px;
font-weight: 700;
position: relative;
padding: 12px 30px;
border-radius: 3px;
}
.jobs_wrapper.list .single_job_wrapper .inner .job_info_holder .salary_holder {
font-size: 16px;
}
.jobs_wrapper.grid .single_job_wrapper.col-md-3 .inner {
min-height: 315px;
}
.jobs_wrapper.grid .single_job_wrapper.col-md-3 .inner .job_title {
max-width: 90%;
font-size: 17px;
}
.job_sidebar .inner {
padding: 20px 15px;
margin: 0 0 30px 0;
background: #fff;
border: 1px solid #e8eef1;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.job_sidebar .inner .job_overview {
margin-top: 0;
font-size: 16px;
padding: 0;
position: relative;
margin: 0 0 5px;
font-weight: 500;
}
.job_sidebar .inner ul.list {
list-style: none !important;
margin: 0;
}
.job_sidebar .inner ul.list li {
list-style: none;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e8eef1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.job_sidebar .inner ul.list li .text {
min-width: 125px;
font-weight: 500;
color: #272f46;
font-size: 16px;
}
.job_sidebar .inner ul.list li  .value {
color: #667488;
font-size: 16px;
}
.banner_content .btns_holder a, li.last a {
color: #fff;
background: #005eff;
border-color: #005eff;
position: relative;
margin-right: 5px;
border-width: 2px;
padding: 8px 44px;
display: inline-block;
margin-bottom: 0;
font-weight: 500;
font-family: "Muli",Helvetica,Arial,sans-serif;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 2px solid transparent;
white-space: nowrap;
letter-spacing: 0;
font-size: 16px;
line-height: 1.63;
border-radius: 6px;
transition: all 0.3s ease-in-out 0s;
}
.single_job_banner_area {
background-size: cover !important;
background-attachment: fixed !important;
}
.banner_content .btns_holder {
text-align: right;
display: flex;
justify-content: flex-end;
flex-direction: column;
position: absolute;
right: 0;
top: 33px;
}
.banner_content .job_title,.page-id-382 .container.main-content > .row .banner_content .job_location {
color: #fff !important;
}
.banner_content:before {content: '';left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.55);position: absolute;}
.banner_content {
padding-left: 7%;
padding-right: 7%;
padding-top: 210px;
padding-bottom: 20px;
}
.job_detail_wrapper.row {
padding-left: 6%;
padding-right: 6%;
padding-top: 55px;
}
@media(max-width:999px){
.jobs_wrapper.list .single_job_wrapper .inner {
display: block;
text-align: center;
align-items: center;
}
.jobs_wrapper.list .single_job_wrapper .job_logo_holder {
margin: auto;
}
.jobs_wrapper.list .single_job_wrapper .inner .job_info_holder {
width: 100%;
}
.jobs_wrapper.list .single_job_wrapper .inner .btn_holder {
margin-top: 27px;
margin-bottom: 13px;
}
}
@media(max-width:767px){
.single_job_banner_area {
background-size: cover !important;
background-position: center !important;
}
.banner_content {
padding-bottom: 111px !important;
padding-top: 41px;
text-align: center;
}
.banner_content .btns_holder {
position: relative;
}
}
a#backbtn {
display: none !important;
}
li.last {
border: none !important;
margin-top: 27px;
}
li.last a, li.last div {
display: block;
width: 100%;
margin-bottom: 0 !important;
}
li.last {
margin-bottom: 0 !important;
}
.job_detail_wrapper.row {
padding: 0;
}