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

/*_____________JOB PAGE CSS START HERE____________*/
/*------------------------------------------------*/

.job-page-section{ padding:30px 0;min-height:900px;}
.job-section h2{ font-size:26px; color:#2b384b; font-weight:700; padding:0 0 25px; margin:0;}
.job-section > h2 { display:inline-block;}
.job-details{ border:solid 1px #e0e0e0; border-radius:5px; margin-bottom:20px;}

/*___________Bid on Job CSS Here________*/
.bid-on-job{ background:#e4e4e4; padding:10px; border-radius:5px 5px 0 0;}
.job-budget{ width:100px; background:#fff; border:solid 1px #dadada; text-align:center; padding:10px 0; line-height:26px; border-radius:6px 0 0 6px; float:left; font-size:22px; color:#2d48ad; font-weight:700; border-right:none;}
.job-budget span{ font-size:13px; color:#656565; display:block;}
.job_crypto_icon { width: 35px;height: 35px;-webkit-filter: drop-shadow(1px 6px 3px #946108);filter: drop-shadow(1px 6px 3px #946108);}
.budget-verified { width:84px; background:#ffb028; border:solid 1px #ffb028; text-align:center; padding:5px 0; border-radius:0 6px 6px 0; float:left; font-size:14px; color:#fff; font-weight:500;}
.budget-verified span{ display:block; text-align:center; padding:7px 0 0;}
.budget-verified img{ display:block; float:none; margin:0 auto;}
.budget-not-verified { width:84px; background:#ffb939; border:solid 1px #ffb039; text-align:center; padding:11px 0; border-radius:0 6px 6px 0; float:left; font-size:14px; color:#fff; font-weight:500;}
.budget-not-verified span{ display:block; text-align:center; font-weight:bold;padding:7px 0 0;}
.budget-not-verified img{ display:block; float:none; margin:0 auto;}
.job-bid{ width:90px; background:#fff; border:solid 1px #dadada; text-align:center; padding:10px 0; line-height:26px; border-radius:6px; float:left; font-size:24px; color:#2d48ad; font-weight:700; margin-left:15px;}
.job-bid span{ font-size:16px; color:#656565; display:block;}
.job-avg-bid{ width:118px; background:#fff; border:solid 1px #dadada; text-align:center; padding:10px; line-height:26px; border-radius:6px; float:left; font-size:24px; color:#2d48ad; font-weight:700; margin-left:15px;text-overflow: ellipsis;  overflow: hidden;}
.job-avg-bid span{ font-size:16px; color:#656565; display:block;}
.job-open{ width:180px; background:#0fa958; border:solid 1px #00a958; text-align:center; padding:10px 0; line-height:26px; border-radius:6px; float:left; font-size:24px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-open span{ font-size:15px; color:#fff; display:block; text-transform:lowercase; font-weight:400;}
.job-pending{ width:190px; background:#ffb028; border:solid 1px #ffa000; text-align:center; padding:10px 0; line-height:50px; border-radius:6px; float:right; font-size:22px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-cancelled{ width:190px; background:#df5444; border:solid 1px #df2200; text-align:center; padding:10px 0; line-height:50px; border-radius:6px; float:right; font-size:22px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-expired { width:190px; background:#bbbbbb; border:solid 1px #aaa; text-align:center; padding:10px 0; line-height:50px; border-radius:6px; float:right; font-size:22px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-in-progress{ width:190px;background: #4e96d9; border:solid 1px #4a8fcf; text-align:center; padding:10px 0; line-height:50px; border-radius:6px; float:right; font-size:22px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-completed{ width:190px;background:#827de0; border:solid 1px #5853aa; text-align:center; padding:10px 0; line-height:50px; border-radius:6px; float:right; font-size:22px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-space-filler{width:181px; background:#fff; border:solid 1px #fff; text-align:center; padding:5px 25px; line-height:50px; border-radius:6px; float:right; font-size:24px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.job-space-filler img{ width:auto; height:60px;}
.bid-on-job-btn{width:190px; text-align:center; padding:22px 0; line-height:26px; border-radius:6px; float:left; font-size:24px; color:#fff; font-weight:700; margin-left:15px; border:solid 1px #5853aa; cursor:pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.bid-on-job-btn:focus{ color:#fff;}
.bid-on-job-btn:hover{ color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5853aa+0,827de0+100 */
    background: #5853aa; /* Old browsers */
    background: -moz-linear-gradient(top, #5853aa 0%, #827de0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5853aa 0%,#827de0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5853aa 0%,#827de0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5853aa', endColorstr='#827de0',GradientType=0 ); /* IE6-9 */
}
.input_wallet_address_value{ padding-top:10px; display:block;}
/*___________Job Create By CSS Here________*/
.create-by-section{ background:#f3f3f3; border-bottom:solid 1px #e5e5e5; padding:15px 15px;}
.create-by-section p{ font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0;}
.create-by-section p span{ color:#4560B1;}
.user-rating{ width:330px}
.user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}
.user-rating .rating{ width:213px; border-radius:15px; float:left; height:14px; background:#c2c2c2; display:block; overflow:hidden; margin:15px 0;}
.user-rating .rating > span{ background:#ffb028!important; display:block; line-height:14px; border-radius:15px;}
.user-rating .review{ color:#4560B1; font-size:16px; margin-left:8px; margin-right:0; float:right;}
.user-rating .review span{ color:#333;}

/*___________Project Discription CSS Here________*/
.project-description{ padding:20px;}
.project-description h2{ font-size:22px; color:#1A203A; font-weight:400; padding:10px 0 10px; margin:0;}
.project-description p{ font-size:15px; color:#252525; font-weight:400; padding:20px 0 0; line-height:22px; margin:0;}

/*___________Skills Required CSS Here________*/
.skill-requared{ background:#4560B1; padding:15px;}
.skill-requared h3{ color:#fff; font-weight:700; font-size:22px; padding:10px 0; margin:0;}
.skill-requared ul{ list-style:none; padding:10px 0 10px; margin:0;}
.skill-requared ul li{ display:inline-block; text-align:left; padding:8px 20px; font-weight:500; color:#4560B1; background:#fff; border-radius:5px; margin-right:10px;}
.project-posted{ background:#f1f1f1; padding:20px 15px; list-style:none; margin:0; border-radius:0 0 5px 5px; width:100%; box-sizing:border-box;}
.project-posted li{ display:inline-block; text-align:center; font-size:15px; color:#252525; width:24.5%; box-sizing:border-box;}

/*___________Employers Bidding CSS Here________*/

.employers-bidding-row{ background:#2b384c; border-radius:5px 5px 0 0; padding:20px 25px;}
.employers-bidding-row span{ display:block; font-size:17px; color:#fff; font-weight:500;}
.employers-bidding-row span span{ float:right;}
.employers-bidding-row.winner-row span{ display:block; font-size:20px; color:#fff; font-weight:500;}
.employers-bidding-row.winner-row span span{ float:right;}

/*___________ Freelancer Winning CSS Here________*/

.employers-bidding-row.winning-row { background:#ffb028; border-radius:5px 5px 0 0; padding:12px 25px;}
.employers-bidding-row.winning-row span{ display:block; font-size:20px; color:#fff; font-weight:600;}
.biding-wrapper.winning-wrap { border:solid 3px #ffb028;}
.employers-bidding-row.winner-row{ background:#4560B1; border-radius:5px 5px 0 0; padding:15px 25px; border:none;}
.end-project-btn { width:130px; display:block; text-align:center; padding:7px 0; line-height:26px; border-radius:4px; font-size:16px; color:#fff; font-weight:700; margin:0 auto 15px; border:solid 1px #5853aa;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.end-project-btn:focus{ color:#fff;}
.end-project-btn:hover{ color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5853aa+0,827de0+100 */
    background: #5853aa; /* Old browsers */
    background: -moz-linear-gradient(top, #5853aa 0%, #827de0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5853aa 0%,#827de0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5853aa 0%,#827de0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5853aa', endColorstr='#827de0',GradientType=0 ); /* IE6-9 */
}

/*___________Bidding users CSS Here________*/

.biding-wrapper{ border:solid 1px #ddd; border-top:none; border-radius:0 0 5px 5px; margin-bottom:40px;}
.biding-row{ padding:25px 20px; border-top:solid 1px #ddd;}
.biding-users-details h2{ padding:0 40px 0 0; float:left;}
.biding-users-details h2 a{ color:#2b384b; font-size:24px;}
.biding-users-details h2 a:hover{ color:#4560B1;}
.biding-users-details p {word-wrap: break-word; clear: both;padding: 5px;margin: 0;color: #445;font-size: 15px;border: 1px solid #ddd;border-radius: 4px;background: #f9f9f9;min-height: 95px;}
.biding-users-details time{ float:left; font-size:13px; padding:6px 0; color:#757575;}
.biding-users-details .user-rating{ clear:both;}
.bid-with-btc{ padding:0;}
.bid-with-btc span{ display:block; font-size:24px; color:#1A203A; font-weight:700; text-align:center; text-transform:uppercase;}
.bid-with-btc span span{ display:none;}
.bid-with-btc time{ font-size:14px; padding:6px 0; color:#757575; text-align:center; display:block;}

/*___________Buttons CSS Here________*/
.cancel-job-btn{width:100%;cursor:pointer; display:block; text-align:center; color:#353535; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:4px; 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 */
}
.cancel-job-btn:hover{ text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.accept-job-btn{width:100%;cursor:pointer; display:block; text-align:center; color:#353535; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:4px; 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 */
}
.accept-job-btn:hover{ text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.reject-job-btn{width:100%; cursor:pointer;display:block; color:#353535; text-align:center; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:4px; 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 */
}
.reject-job-btn:hover{ text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.chat-employer-btn{width:100%;cursor:pointer; display:block; color:#353535; text-align:center; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:4px; 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 */
}
.chat-employer-btn:hover{ text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.delete-job-btn{cursor:pointer; display:block; background:#df5444; color:#353535; text-align:center; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:4px;  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-job-btn:hover{ text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.edit-job-btn{cursor:pointer; display:block; color:#353535; text-align:center; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:4px; 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 */
}
.edit-job-btn:hover{ text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
span.offer-pending-btn{ display:block; background:#ffac29; color:#fff; text-align:center; padding:6px 0; margin:0; border-radius:4px; font-size:13px; text-transform:uppercase; font-weight:500; margin-bottom:8px;}
.f-right{ float:right;}
.employee-status-buttons { padding:10px 0 0; clear:both;}
.employee-status-buttons a { float:left; margin-right:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px;}
.freelancer-status-buttons{ clear:both;}
.employee-edit-delete{ float:right;}
.employee-edit-delete span{ float:left; margin-left:10px; padding:7px 20px;color: #990000}

/*___________Winning Award Section CSS Here________*/
.winning-award-section{ padding:10px 20px 30px; border:solid 1px #fff; background:#f0f0f0; margin:20px 0 10px; border-radius:5px; box-shadow:0 8px 6px 0 #bbb;}
.private-from-to{ padding:0; margin:10px auto 6px auto; text-align:center;}
.winning-award-section p{ clear:both; text-align:center; padding:10px 0;}
.private-from-to .from-pvt{ float:none; color:#4560B1; padding:7px 12px; border:solid 1px #4560B1; background:#fff; font-size:13px; font-weight:600; border-radius:5px; margin:10px 0; display:inline-block;}
.private-from-to .to-pvt{ float:none; color:#0fa958; padding:7px 12px; border:solid 1px #0fa958; background:#fff; font-size:13px; font-weight:600; border-radius:5px; margin:10px 0 0 10px; display:inline-block;}
.winning-award-section table{ border-bottom:solid 1px #fff; border-radius:5px 0 0 5px;}
.winning-award-section table thead tr td{ background:#4560B1; color:#fff; text-align:left; padding:7px 15px; font-size:14px; text-transform:uppercase; font-weight:700; border:none;}
.winning-award-section table tbody tr td{ background:#fff; color:#151515; text-align:left; padding:7px 15px; font-size:14px; text-transform:capitalize; font-weight:700; border-bottom:solid 1px #ddd;}
.winning-award-section table tfoot tr td{ background:#fff; color:#151515; text-align:left; padding:7px 15px; font-size:14px; text-transform:capitalize; font-weight:700; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
.winning-award-section table tr td:last-child{ text-align:right;}
.winning-award-section table tbody tr:nth-child(2n+1) td{ background:#f0f0f0;}
.winning-award-section table tbody tr:last-child td{ text-align:right;}
.job-pic-and-name span{ display:block; text-align:center; font-size:16px; font-weight:500; color:#252525;}
.job-pic-and-name span a{ display:block; text-align:center; font-size:16px; font-weight:500; color:#4560B1; padding:6px 0;}
.job-pic-and-name b{ display:block; font-weight:600; color:#0fa958; text-align:center; padding:3px; border:solid 2px #0fa958; border-radius:5px; margin:10px 5px 0;}

/*___________ Comment Box CSS Here________*/

.job-comment-section { background:#e5e5e5; border:1px solid #d5d5d5; border-radius:5px; margin:0 0 15px; padding:10px 15px;}
.comment-show-toggle{ font-family:"Roboto",sans-serif; background:none; border:none; color:#4560B1; display:block; font-size:18px; font-weight:600; padding:3px 10px; text-align:center; margin:0 auto; float:none; cursor:pointer;}
.job-comment{ width:100%; padding:15px; border:solid 1px #d5d5d5; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.20); border-radius:5px; margin-bottom:15px; margin-top:15px; font-size:16px; line-height:22px; color:#353535; height:150px; background:#fff;}
.job-comment-section .submit-btn{ text-align:center; cursor:pointer; padding:10px 45px; margin:12px 0 20px; border-radius:6px; float:left; font-size:18px; text-transform:uppercase; color:#fff; font-weight:600; border:solid 1px #5853aa;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.job-comment-section .submit-btn:focus{ color:#fff;}
.job-comment-section .submit-btn:hover{ color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5853aa+0,827de0+100 */
    background: #5853aa; /* Old browsers */
    background: -moz-linear-gradient(top, #5853aa 0%, #827de0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5853aa 0%,#827de0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5853aa 0%,#827de0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5853aa', endColorstr='#827de0',GradientType=0 ); /* IE6-9 */
}
.show-message{ font-family:"Roboto",sans-serif;border:solid 1px #d5d5d5;background:#fff;padding:15px;margin-top:15px;width:100%;box-sizing:border-box;border-radius:5px;}
.show-message p{ font-size:15px; font-weight:400; line-height:22px; padding:0; margin:0; color:#111111;}
.show-message a.by-user{ font-size:15px; color:#4560B1; text-decoration:none; font-weight:600; display:block; padding:15px 0 0; float:left;}
.show-message a.by-user span{ font-size:15px; color:#656565; text-decoration:none; font-weight:400;}
.show-message .edit-delete{ text-align:right;}
.show-message .edit-delete span{cursor: pointer; font-size:14px; color:#656565; text-decoration:none; font-weight:500; display:inline-block; padding:15px 6px 0 0; text-align:left;}
.show-message .edit-delete span:hover{ color:#4560B1; text-decoration:none;}

/*___________Mobile Responsive CSS Here________*/

@media (min-width:300px) and (max-width:767px) {
    .job-page-section { padding-top:0;}
    .job-section{ margin-left:-15px; margin-right:-15px;}
    .job-budget{ width:100%; float:none; border-radius:5px 5px 0 0; font-weight:900; padding:20px 0;}
    .job-budget span{ display:inline-block; padding-right:10px; font-size:22px; font-weight:500;}
    .budget-verified{     width: 100%;border-radius: 0 0 5px 5px;margin-bottom: 6px;height: 52px;padding: 4px 0px;}
    .budget-verified img{ display:inline-block; margin-top: -5px}
    .budget-verified span{ display:inline-block; padding: 10px 5px 0px}
    .budget-not-verified{ width:100%; border-radius:0 0 5px 5px; margin-bottom:6px;}
    .budget-not-verified img{ display:inline-block; padding-right:8px;}
    .budget-not-verified span{ display:inline-block; padding-right:8px;}
    .job-bid{ margin-left:0; width:49%; margin-right:1%;}
    .job-avg-bid{ margin-right:0; width:49%; margin-left:1%;}
    .job-open{ width:49%; margin:6px 0 0 0; line-height:22px; margin-right:1%; margin-left:0;}
    .job-pending, .job-expired,.job-cancelled, .job-in-progress, .job-completed{ width:49%; margin:6px 0 0 0; line-height:50px; font-size:20px; margin-left:1%; margin-right:0;}
    .job-space-filler{ width:49%; font-size:20px; line-height:19px; margin:6px 0 0 0; margin-left:0; margin-right:1%;}
    .bid-on-job-btn{ width:49%; font-size:20px; line-height:19px; margin:6px 0 0 0; margin-right:0; margin-left:1%;}
    .job-open span{ font-size:12px;}
    .create-by-section p{ line-height:30px;}
    .user-rating { padding-top:10px;}
    .create-by-section{ padding-bottom:10px;}
    .job-section > h2{ padding:20px 15px 20px; font-size:22px;}
    .skill-requared ul li{ margin:4px 4px 4px 0; padding:7px 13px;}
    .project-posted li{ width:auto; display:block; float:none; text-align:left; padding:3px 0;}
    .job-details{ border:none;}
    .project-description p{ padding:10px 0;}
    .employers-bidding-row{ border-radius:0;}
    .employers-bidding-row span span{ display:none;}
    .biding-row{ padding:20px 15px;}
    .biding-users-details time{ padding:5px 0 0; display:block; float:none;}
    .biding-row .col-xs-9{ float:none; width:auto;}
    .create-by-section .user-rating{ width:280px;}
    .user-rating .rating{ width:162px;}
    .biding-row .col-xs-3 { margin-right:15px; padding-right:0; width:25%;}
    .biding-users-details h2{ float:none; font-size:20px; padding-top:18px; white-space:nowrap; overflow:hidden; padding-right:0; text-overflow: ellipsis;}
	.biding-users-details h2 a{ font-size:18px;}
    .biding-users-details .user-rating{ width:280px;}
    .bid-with-btc{ padding:10px; border-bottom:solid 2px #ddd; border-top:solid 1px #ddd; margin:15px 0;}
    .bid-with-btc span{ float:left; font-size:20px;}
    .bid-with-btc time{ float:right;}
    .bid-with-btc{ min-height:60px; line-height:60px; padding:0; margin-bottom:0;}
    .bid-with-btc span{ font-size:18px; font-weight:600; color:#252525;}
    .bid-with-btc span span{ display:block; padding-right:6px;}
    .bid-with-btc time{ padding:0; line-height:60px;}
    .biding-row{ border:none;}
    .biding-wrapper{ border:none;}
    .winning-award-section{ background:none; padding:0; margin:15px 0; border:none; box-shadow:none;}
    .winning-award-section table thead tr td{ padding:8px 8px; font-size:12px;}
    .winning-award-section table tbody tr td{ padding:8px 8px; font-size:12px;}
    .private-from-to{ text-align:center;}
    .private-from-to .from-pvt, .private-from-to .to-pvt{ float:none; display:inline-block;}
    .private-from-to p{ clear:both; padding:10px 0; text-align:center;}
    .freelancer-status-buttons{ text-align:center; padding:10px 10px; background:#fff; border-bottom:solid 2px #ddd;}
    .freelancer-status-buttons a{ padding:8px 10px; float:none; width:44%; margin:1% 2%; display:inline-block; text-align:center; line-height:16px;}
    .pic-and-name b{ padding:0; margin:0; border:none; font-size:14px;}
    .employee-edit-delete { margin-top:15px;}
    .employers-bidding-row.winning-row > span > span{ display:none;}
	.cancel-job-btn{ width:auto; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px; display:inline-block; text-align:center;}
	.accept-job-btn{ width:auto; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px; display:inline-block; text-align:center;}
	.reject-job-btn{ width:auto; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px; display:inline-block; text-align:center;}
	.chat-employer-btn{ width:auto; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px; display:inline-block; text-align:center;}
	.delete-job-btn{ width:auto; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px; display:inline-block; text-align:center;}
	.edit-job-btn{ width:auto; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px; display:inline-block; text-align:center;} 
	.job-pic-and-name b{ font-size:12px;}

}

/*___________Ipad Responsive CSS Here________*/

@media (min-width:768px) and (max-width:991px) {

    .job-page-section { padding-top:0;}
    .job-budget{ width:98px;}
    .job-bid{ width:74px; margin-left:8px;}
    .job-avg-bid{ width:84px; margin-left:8px;}
    .job-open{ width:166px; margin-left:8px;}
    .bid-on-job-btn{ width:159px; margin-left:8px;}
    .job-section > h2{ padding:25px 0;}
    .create-by-section .user-rating { width:100%;}
    .create-by-section .user-rating .rating { width:100%; margin:0;}
    .create-by-section p{ line-height:30px;}
    .employee-edit-delete a{ margin-top:28px;}
    .job-space-filler{ width:121px;}
	.bid-with-btc span{ font-size:18px;}

}


/*___________Ipad Responsive CSS Here________*/

@media (min-width:992px) and (max-width:1199px) {

    .job-page-section { padding-top:0;}
    .job-budget{ width:98px;}
    .job-bid{ width:74px; margin-left:8px;}
    .job-avg-bid{ width:84px; margin-left:8px;}
    .job-open{ width:166px; margin-left:8px;}
    .bid-on-job-btn{ width:159px; margin-left:8px;}
    .job-section > h2{ padding:25px 0;}
    .create-by-section .user-rating { width:100%;}
    .create-by-section .user-rating .rating { width:100%; margin:0;}
    .create-by-section p{ line-height:30px;}
    .job-space-filler{ padding-left:15px; padding-right:18px; width:98px;}
    .employee-edit-delete a{ margin-top:28px;}

}

@media (min-width:992px) and (max-width:1199px) {
		.bid-on-job-btn{ width:150px;}
		.job-open{ width:152px;}
		.job-avg-bid, .job-bid, .job-budget{ font-size:18px;}
		.bid-on-job-btn, .job-open{ font-size:20px;}
}

#processing_bid,
#processing_job_update {
    font-size: 29px;
    display: none;;
}

.input_wallet_address_value {
    color:#827de0;
    font-weight: 500;
}

.job-pic-and-name > img {
    margin: 0 auto 5px;
    box-shadow: 0 2px 2px #c5c5c5;
}