/*__________ Jobs Table css START here____________*/
/*--------------------------*/ /*--------------------------*/
.feature-job{ background:#f2f2f2; padding:30px 0;}
.feature-job h2{ font-size:40px; font-weight:300; color:#202020; text-align:center; line-height:46px;}
.feature-job h2 strong{ font-size:26px; color:#858585; font-weight:700; display:block;}
.feature-job h2 span{ font-weight:700; color:#010101;}
.feature-job-wrapper{ box-shadow:0 2px 5px 2px #d5d5d5; background:#fff; border-radius:5px; margin-top:50px;}
.feature-job-row{ border-radius:5px 5px 0 0; background:#2b384c; padding:15px 10px;}
.feature-job-row .col-sm-6 span{ text-align:left;}
.left-gap15{ padding-left:15px;}
.feature-job-row span{ color:#fff; font-size:18px; font-weight:400; display:block; text-align:center;}
.feature-job-row .col-sm-6 span.align-center{ text-align:center; display:block;}
.feature-job-detials{ padding:20px 0;}
.feature-job-detials p{ overflow:hidden; font-weight:400; padding-top:7px; margin:0;}
.feature-job-detials:hover{ box-shadow:0 0 15px #aaa; position:relative;}
.feature-job-detials h2{ font-size:21px; line-height:30px; font-weight:600; text-align:left; padding-bottom:0; margin:0; text-transform:capitalize;word-wrap: break-word;}
.feature-job-detials h3{ margin:10px 0 0; font-size:16px; font-weight:500;}
.feature-job-detials:nth-child(2n+1){ background:#f2f2f2;}
.feature-job-detials .col-xs-3 img{ height:80px; width:auto; display:block; margin:20px auto 0; padding:0; box-sizing:border-box;}
.feature-job-timing { text-align:center; padding:0 0;}
.feature-job-timing span{ text-align:center; display:block; font-size:15px; padding:18px 0;}
.feature-job-timing strong{ text-align:center; font-weight:bold; display:block; font-size:16px; padding:22px 0;}
.feature-job-timing strong span{ display:none;}
.feature-job-btc{ background:#f2f2f2; padding:20px 0 50px; margin:-20px 0;}
.feature-job-detials:nth-child(2n+1) .feature-job-btc{ background:#fff;}
.feature-job-btc .bid_value { text-align:center; display:block; font-size:22px; font-weight:600; padding:10px 0 15px; color:#2b384c; font-family: 'Oswald', sans-serif;}

.feature-job-btc span.open-btn{ display:block; color:#fff; padding:7px 0; margin:10px 15px 0; border-radius:4px; font-size:14px; text-transform:uppercase;
    border:solid 1px #039949; background: #1cbf68; font-weight:600; }

.feature-job-btc span.pending-btn{ display:block; color:#fff; padding:7px 0; margin:10px 15px 0; border-radius:4px; font-size:14px; text-transform:uppercase;
    border:solid 1px #ed9512; background:#ffb028; font-weight:600;}

.feature-job-btc span.in-progress-btn{ display:block; color:#fff; padding:7px 0; margin:10px 15px 0; border-radius:4px; font-size:14px; text-transform:uppercase;
    border:solid 1px #4a8fcf; background: #6c98ff; font-weight:600;}

.feature-job-btc span.completed-btn{ display:block; color:#fff; padding:7px 0; margin:10px 15px 0; border-radius:4px; font-size:14px; text-transform:uppercase;
    border:solid 1px #5853aa; background: #827de0; font-weight:600;}

.feature-job-btc span.cancelled-btn{ display:block; color:#fff; padding:7px 0; margin:10px 15px 0; border-radius:4px; font-size:14px; text-transform:uppercase;
    border:solid 1px #df5444; background: #ff7566; font-weight:600;}

.feature-job-btc span.expired-btn{ display:block; color:#fff; padding:7px 0; margin:10px 15px 0; border-radius:4px; font-size:14px; text-transform:uppercase;
    border:solid 1px #aaa; background: #bbbbbb; font-weight:600;}

.f-right{ float:right;}
.showing-entries{ padding:60px 0;}
.showing-entries > span{ float:left; font-size:18px; padding-top:15px;}
.showing-entries .pagination{ margin:0; padding:0;}
/*_______Jobs Table css END here_________*/

/*_______ Category Page css START here_________*/
.categories-search{ padding:30px 0;min-height: 900px}
.categories-search .feature-job{ background:none; padding:0;}
.categories-search .feature-job-wrapper{ box-shadow:none; background:#fff; border-radius:5px; margin-top:0; border:solid 1px #ddd;}
.categories-search h1{ font-size:26px; color:#2b384b; font-weight:700; padding:15px 0 40px; margin:0;}
.categories-search h1 img{ height:48px; padding-right:15px;}
.categories-search .feature-job-detials .col-xs-3 img{ height:65px; width:auto; display:block; margin:6px 0 0 20px; padding:0; box-sizing:border-box;}
.categories-search .feature-job-btc{ padding-bottom:66px;}
.categories-search .feature-job-btc .completed-btn, .categories-search .feature-job-btc .in-progress-btn, .categories-search .feature-job-btc .open-btn, .categories-search .feature-job-btc .expired-btn, .categories-search .feature-job-btc .cancelled-btn{ margin:0 5px; font-size:14px; padding:5px 0;}
.categories-search .feature-job-btc span.completed-btn, .categories-search .feature-job-btc span.in-progress-btn, .categories-search .feature-job-btc span.open-btn,  .categories-search .feature-job-btc span.expired-btn, .categories-search .feature-job-btc span.cancelled-btn{ margin:0 5px; font-size:14px; padding:5px 0;}
.categories-search .feature-job-detials p{ font-size:14px;}
.zcategories-search .feature-job-btc span{ font-size:22px;}
.categories-search .feature-job-detials h2{ font-size:20px;}
.categories-search .feature-job-row span { font-size:16px;}
/*_______ Category Page css END here_________*/

/*______________Jobs Table, Mobile Responsive css start here_____________*/
/*-----------------*********************------------------*/

@media(min-width:300px) and (max-width:767px) {
    .categories-search{ padding-top:0;}
    .feature-job h2{ font-size:24px; line-height:32px;}
    .feature-job h2 strong{ font-size:24px;}
    .feature-job{ padding:10px 0;}
    .feature-job-row{ display:none;}
    .feature-job-wrapper{ box-shadow:none; border-radius:none;margin-left:-15px; margin-right:-15px; margin-top:30px; padding-left:15px; padding-right:15px;}
    .feature-job-detials{margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
    .feature-job-detials:hover{ box-shadow:none; }
    .feature-job-detials h2{ font-size:16px; line-height:20px;}
    .feature-job-detials h3{ font-size:15px; padding:10px 0 0; margin:0;}
    .feature-job-detials p{ font-size:14px; line-height:18px; padding:10px 0 5px; margin:0; }
    .feature-job-detials .col-xs-3 img{ margin-top:0; height:65px;}
    .feature-job-timing { border-top:solid 1px #ddd; margin-top:10px;}
    .feature-job-timing strong{ font-size:16px; text-transform:uppercase;}
    .feature-job-timing span{ text-transform:uppercase; text-align:center; }
    .feature-job-timing strong span{ display:block; padding:0;}
    .feature-job-timing .row .col-xs-2, .feature-job-timing .row .col-xs-3{ width:33.32%; border-left:solid 1px #ddd;}
    .feature-job-timing .row .col-xs-4{ width:100%;}
    .feature-job-btc{ background:none; margin:0; width:100%; float:left; padding-bottom:0; padding-top:20px; border-top:solid 1px #ddd;}
    .feature-job-btc a{ float:right; width:120px; margin:0!important;}
    .feature-job-btc span{ font-size:24px; padding:0;}
    .feature-job-detials:nth-child(2n+1) .feature-job-btc{ background:none;}
    .feature-job-timing span, .feature-job-timing strong{ padding:8px 0;}
    .feature-job-btc span{ float:left; margin:0; padding:0;}
    .categories-search .feature-job-btc{ padding-bottom:0;}
	.feature-job-btc span.open-btn{ display:block; color:#fff; padding:7px 0; margin:0 15px; border-radius:4px; font-size:15px; text-transform:uppercase;
    border:solid 1px #039949; background: #1cbf68; }
	.feature-job-btc span.in-progress-btn, .feature-job-btc span.pending-btn, .feature-job-btc span.completed-btn, .feature-job-btc span.cancelled-btn, .feature-job-btc span.expired-btn, span.open-btn{  float:right; font-size:13px; width:120px; margin:0;}
	.feature-job-btc .bid_value{ padding:0;}
	.showing-entries > span{ float:none; display:block; text-align:center;}
	.showing-entries{ padding:20px 0;}
	.categories-search .feature-job-detials .col-xs-3 img{ margin-left:0; height:58px;}
	
}

/*______________Homepage, iPad Responsive css start here_____________*/
/*-----------------*********************------------------*/

@media(min-width:768px) and (max-width:991px) {
    .categories-search{ padding-top:0;}
    .feature-job-btc span{ font-size:20px;}
    .feature-job-btc span.open-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.cancelled-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.expired-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.pending-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.in-progress-btn{ font-size:12px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.completed-btn{ font-size:12px; margin-left:5px; margin-right:5px;}
    .feature-job-detials h3{ font-size:18px; margin-bottom:8px;}
    .feature-job-detials p{ font-size:14px;}
    .feature-job-detials h2, .categories-search .feature-job-detials h2{ font-size:18px;}
    .feature-job-btc, .categories-search .feature-job-btc{ padding-bottom:62px;}
	.feature-job-detials .col-xs-3 img{ height:50px; padding-left:10px;}
	.browse-job .job-categories > li{ height:184px;}
	.browse-job{ padding-bottom:0;}
	.job-side-categories h3 span.left-categories-icon{ display:none;}

}

/*______________Homepage, iPad Responsive css start here_____________*/
/*-----------------*********************------------------*/

@media(min-width:992px) and (max-width:1199px) {
    .feature-job-btc span{ font-size:20px;}
    .feature-job-btc span.open-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.cancelled-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.expired-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.pending-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.in-progress-btn{ font-size:12px; margin-left:5px; margin-right:5px;}
    .feature-job-btc span.completed-btn{ font-size:12px; margin-left:5px; margin-right:5px;}
    .feature-job-detials h3{ font-size:18px; margin-bottom:8px;}
    .feature-job-detials p{ font-size:14px;}
    .feature-job-detials h2, .categories-search .feature-job-detials h2{ font-size:16px;}
    .feature-job-btc, .categories-search .feature-job-btc{ padding-bottom:85px;}
	.feature-job-detials .col-xs-3 img{ height:62px; padding-left:10px;}
	.categories-search h1{ padding-bottom:15px;}

}

.job_skills_list { display:inline-block; color:#252525; background:#eee; padding:4px 12px; margin:2px 2px; font-size:12px; font-weight:600; border-radius:5px;}
.feature-job-detials:nth-child(2n+1) .job_skills_list { display:inline-block; color:#252525; background:#fff; padding:4px 12px; margin:2px 2px; font-size:12px; font-weight:600; border-radius:5px;}