@charset "utf-8";
/* CSS Document */

/*__________ Search Section css START here____________*/
/*--------------------------*/ /*--------------------------*/
.classifieds-job{ background:#f2f2f2; padding:10px 0 30px;}
.classifieds-job h2{ font-size:38px; font-weight:500; color:#333; text-align:center; line-height:40px;}
.classifieds-job h2 strong{ font-size:22px; color:#777; font-weight:500; display:block;}
.classifieds-job h2 span{ font-weight:500; color:#252525;}
.classifieds-job-wrapper{ box-shadow:0 2px 2px 2px #ddd; background:#fcfcfc; border-radius:5px; margin-top:50px;}
.classifieds-job-row{ border-radius:5px 5px 0 0; background:#ddd; padding:15px 10px;}
.classifieds-job-row input{ width:100%; background:#fff; border:none; border-radius:5px; padding:10px 15px; font-size:18px; margin:0;}
.classifieds-job-row select{ width:100%; background:#fff; border:none; border-radius:5px; padding:10px 15px; font-size:18px; margin:0;}
.classifieds-job-row button{ width:98%; background:#4e499f; color:#fff; border:none; border-radius:5px; padding:8px 15px; font-size:20px; text-transform:uppercase; margin:0 1%;}

/*___________Freelancer CSS Here________*/

.classifieds-job-wrapper .profile-review-row{ padding:25px 0; border-bottom:solid 1px #ddd;}
.classifieds-job-wrapper .profile-review-row:hover{ background:#fff; box-shadow:0 0 10px #e0e0e0;}
.classifieds-job-wrapper .profile-review-row.highlighted{ padding:25px 0; border-bottom:solid 1px #fff; background:#fff8da;}
.classifieds-job-wrapper .profile-review-row.highlighted:hover{ background:#fffbe7; box-shadow:0 0 10px #97bcde;}
.classifieds-job-wrapper .profile-review-row:last-child{ border-bottom:none;}
.classifieds-job-wrapper .classified-details h2{ margin:0; font-size:21px; font-weight:500; text-align:left; line-height:20px;}
.classifieds-job-wrapper .classified-details h3{ margin:0; font-size:16px; font-weight:100; text-align:left; line-height:20px; padding-top:15px;}
.classifieds-job-wrapper .classified-details h2 a span{ display:block; font-size:18px; font-weight:600; color:#252525; padding:10px 0 0;}
.classifieds-job-wrapper .classified-details h2 a{ color:#151515;}
.classifieds-job-wrapper .classified-details h2 a:hover{ color:#4e499f;}
.classifieds-job-wrapper .review-wrapper{ border:none; border-top:none; border-radius:0 0 5px 5px; margin-bottom:50px;}
.classifieds-job-wrapper .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}
.classifieds-job-wrapper .user-rating .rating{ width:216px; border-radius:15px; float:left; height:14px; background:#c2c2c2; display:block; overflow:hidden; margin:15px 0;}
.classifieds-job-wrapper .user-rating .rating > span{ background:#ffb028!important; display:block; line-height:14px; border-radius:15px;}
.classifieds-job-wrapper .user-rating .review{ color:#4e499f; font-size:16px; margin-left:8px; margin-right:0; float:right;}
.classifieds-job-wrapper .user-rating{ width:100%; padding-top:0;}
.classifieds-job-wrapper .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:20px; margin:0 9px 0 0;}
.classifieds-job-wrapper .user-rating .rating{ width:60%; border-radius:15px; float:left; height:9px; background:#c2c2c2; display:block; overflow:hidden; margin:7px 0;}
.classifieds-job-wrapper .profile-job-status{ background:#fbfbfb; padding:20px; margin:10px 0 0 0; border-radius:5px; list-style:none; display:block;}
.classifieds-job-wrapper .profile-job-status li{ padding:6px 10px; font-size:18px; color:#454545; font-weight:700;}
.classifieds-job-wrapper .profile-job-status li span{ float:left; width:80px; text-align:right; color:#0fa958; padding-right:30px;}
.classifieds-job-wrapper .classified-details > time { float:right; color:#757575; font-size:15px; padding:3px 0;}
.classifieds-job-wrapper .row.working-rating{ padding-top:15px; padding-bottom:0; margin-right:0;}
.classifieds-job-wrapper .row.working-rating p{ font-size:15px; color:#252525; padding-bottom:0; margin:0;}
.classifieds-job-wrapper .row.working-rating p span{ color:#888;}
.classifieds-job-wrapper .row.working-rating p img{ float:left; margin-right:10px;height: 15px}
.classifieds-job-wrapper .row.working-remote{ padding-top:0; padding-bottom:0; margin-right:0;}
.classifieds-job-wrapper .row.working-remote p{ font-size:15px; color:#252525; padding-bottom:0; margin:0; float:right; padding-left:20px}
.classifieds-job-wrapper .row.working-remote p span{ color:#888;}
.classifieds-job-wrapper .row.working-remote p img{ float:left; margin-right:10px; margin-top:2px;}
.classifieds-job-wrapper .classified-details > p{ padding-right:30px; padding-top:15px; padding-bottom:0; color:#454545; margin:0;}
.classifieds-job-wrapper .pic-and-name > img{ margin:0 auto; box-shadow:0 2px 2px #c5c5c5;}
.classifieds-job-wrapper .country-flag{ display:block; text-align:center; padding:0; margin:0; position:absolute; right:30px; top:0;}
.classifieds-job-wrapper .country-flag img{ width:28px; height:auto; border-radius:2px;}
.classifieds-job-wrapper .profile-banner-section .img-responsive.img-rounded{ max-height:165px;}
.classifieds-job-wrapper .classifieds-details .pic-and-name > img{ width:100px; height:auto;}
.classifieds-details-content{ padding:20px; color:#545454;}
.classifieds-details-content p{ color:#545454; font-weight:400; line-height:22px;}
.skill-compensation{ padding:15px; border:solid 1px #f0f0f0; background:#fff; margin:15px 0;}
.skill-compensation h3{ font-size:20px; font-weight:600; color:#4e499f; padding:0 0 10px; margin:0;}
.skill-compensation p{ color:#454545;}
.classifieds_image { margin-left:20px}
.classifieds-details-content .apply-now{ display:block; width:160px; margin:40px auto 30px; text-align:center; color:#fff; background:#4e499f; font-size:16px; padding:12px 30px; border-radius:5px; text-decoration:none; font-weight:700; text-transform:uppercase;}
.classifieds-details-content .apply-now:hover{ background:#e5e5e5; color:#4e499f;}
.review-wrapper .heading{ background:#f0f0f0; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.review-wrapper .heading h2{ margin:0; padding:10px 20px; text-align:left; font-size:26px; font-weight:700;}
.classifieds-job-row { text-align: center}
 .classifieds-job-row button{ padding:7px 30px; border-radius:5px; color:#353535; font-size:15px; font-weight:bold; text-transform:uppercase; margin:5px; font-weight:600; border:solid 1px #e0e0e0; box-shadow:inset 1px 1px 1px #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e5e5e5+100 */

     background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.delete_classifieds {
    color: #b63428 !important;
}
.edit_classifieds {
    color: #151e4c !important;
}
.feature_classifieds {
    background: #f9e66e !important; /* Old browsers */
    background: -moz-linear-gradient(top, #f9e66e 0%, #f6d14a 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9e66e 0%, #f6d14a 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9e66e 0%, #f6d14a 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9e66e', endColorstr='#f6d14a', GradientType=0) !important;
}
@media(min-width:300px) and (max-width:767px) {
    .classified-details{ padding:0 10px;}
    .classifieds-job-wrapper .classified-details h2{ text-align:center; padding:15px 0 10px; font-size:18px; line-height:24px;}
    .classifieds-job-wrapper .classified-details h3{ text-align:center; padding:0 0 10px; font-size:16px; }
    .classifieds-job-row input, .classifieds-job-row button, .classifieds-job-row select{ margin-bottom:10px;}
    .classifieds-job-wrapper .classified-details h2 a span{ font-size:14px; font-weight:500;}
    .row.working-rating{ text-align:center;}
    .classifieds-job-wrapper .user-rating .rating{ width:58%;}
    .classifieds-job-wrapper .classified-details > p{ padding:0; text-align:center;}
    .classifieds-job-wrapper .user-rating {width:268px; padding-top:0; margin:0 auto;}
    .skills li span{ font-size:12px; padding:4px 7px;}
    .skills{ text-align:center;}
    .skills li{ padding:2px 1px; float:none; display:inline-block;}
    .skills li strong { display:block; padding:5px 4px 0 0; line-height:16px; font-size:14px;}
    .freelancer-portfolio{ text-align:center;}
    .freelancer-portfolio span{ float:none; display:inline-block;}
    .freelancer-portfolio a{ float:none; display:inline-block;}
    .row.working-rating p{ font-size:14px;}
    .row.working-rating p img{ float:none; display:block; margin:0 auto; padding-bottom:8px;}
    .classifieds-job-wrapper .row.working-rating{ background:#eee; padding:10px 0; margin:10px 0;}
    .classifieds-job-wrapper .row.working-rating p span{ display:block; line-height:23px; color:#353535;}
    .classifieds-job h2{ font-size:22px; line-height:30px;}
    .classifieds-job h2 strong{ font-size:18px;}
    .classifieds-job{ padding-top:0;}
    .classifieds-job-wrapper{ margin-top:20px;}
    .row.working-remote { padding-top:6px;}
    .row.working-remote p{ float:left;}
    .row.working-remote p ~ p{ float:right;}
}

@media(min-width:768px) and (max-width:991px) {
    .classifieds-job-wrapper .profile-review-row{ padding:20px 10px;}
    .classifieds-job-wrapper .country-flag{right:8px;}
    .classifieds-job-wrapper .user-rating .rating{ width:100%;}
    .skills li span{ font-size:12px; padding:4px 8px;}
    .skills li{ padding:2px 2px;}
    .skills li strong { display:block; padding:5px 4px 0 0; line-height:16px; font-size:14px;}
    .classifieds-job-wrapper .classified-details > p{ margin:0; font-size:14px;}
    .row.working-rating{ padding-bottom:0;}
    .classifieds-job-wrapper .classified-details h2{ font-size:18px;}
    .classifieds-job-wrapper .classified-details h3{ font-size:16px;}
    .row.working-remote p{ padding-bottom:20px; float:right; box-sizing:border-box;}

}


/*___________Model Here________*/
.apply-job-header{ background:#4e499f; text-align:center; border-radius:5px 5px 0 0;}
.apply-job-header .modal-title{ color:#fff; font-size:20px; padding:9px 20px; font-weight:500; text-align:center;}
.apply-job-header .close {color: #fff; font-size:30px; font-weight:300; opacity:1; margin-top:-11px;}
.login-signup .modal-dialog { margin-top:70px; max-width:520px;}
.apply-job-field{ padding:0 25px 10px;}
.apply-job-field label{ font-size:16px; color:#252525; font-weight:500; display:block; padding:15px 0 5px;}
.apply-job-field input{ width:100%; background:#fff; border:solid 1px #999999; padding:10px 15px; font-size:15px; color:#252525; font-weight:400; border-radius:5px; margin-bottom:5px;}
.apply-job-field textarea{ width:100%; background:#fff; border:solid 1px #999999; padding:10px 15px; height:120px; font-size:15px; color:#252525; font-weight:400; border-radius:5px;}
.apply-job-field p{ font-size:13px; color:#757575; font-weight:400; padding:0; margin:0;}
.login-signup .modal-footer { margin-top:0; border:none; padding:10px 40px 40px;}
.bid-cancel{ width:180px; border:none; border-radius:5px; color:#fff; font-size:21px; background:#ffb028; border-bottom:solid 4px #f09300; padding:12px 0; text-align:center; text-transform:uppercase; float:left; font-weight:700;}
.bid-cancel:hover{background:#f09300; border-bottom:solid 4px #f09300; }
.modal-footer.login-footer{ background:#e5e5e5; padding:25px 15px; border-radius:0 0 5px 5px;}
.login-footer p{ text-align:center; padding:0; margin:0;}
.login-footer a{ display:block; text-align:center; float:none;}
.modal-backdrop.in{ opacity:0.7;}
input[type="submit"]{cursor:pointer;}
input.apply-send{ width:45%; border:none; border-radius:5px; color:#fff; font-size:24px; background:#4e499f; border-bottom:solid 4px #332d91; padding:10px 0; text-align:center; text-transform:uppercase; font-weight:700; margin:20px 0 6px; float:right;}
input.apply-send:hover{background:#332d91; border-bottom:solid 4px #332d91; }
input.apply-cancel{ width:45%; border:none; border-radius:5px; color:#fff; font-size:24px; background:#f53737; border-bottom:solid 4px #db2828; padding:10px 0; text-align:center; text-transform:uppercase; font-weight:700; margin:20px 0 6px; float:left;}
input.apply-cancel:hover{background:#db2828; border-bottom:solid 4px #db2828; }

/*___________Mobile Responsive CSS Here________*/

@media (min-width:300px) and (max-width:767px) {
    .login-signup .modal-dialog{ margin-top:30px;}
    .apply-job-header .modal-title{ padding:6px;}
    .apply-job-field{ padding:0 5px;}
    .apply-job-field input{ margin-bottom:0;}
    .login-signup .modal-footer{ padding:10px 20px 30px;}
    .bid-cancel{ width:48%; margin-right:2%; margin-left:0;}
    .bid-submit{ width:48%; margin-left:2%; margin-right:0;}
    input.apply-cancel, input.apply-send{ font-size:16px;}

}

.payment_address {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

.current_classifieds_skills {
    margin-left: 15px;
}

#create_location_remote,
#update_classifieds_remote
{
    width: 15px;
}