@charset "utf-8";
/* CSS Document */

/*_____________USER DASHBOARD PAGE CSS START HERE_______________*/
/*----------------------***********--------------------------*/

.dashboard { padding:30px 0;min-height:900px;}
/*Review and job tab*/
.dashboard .tab-content{ border:solid 1px #ddd; border-top:none; padding:15px 15px; border-radius:0 0 5px 5px;}
.dashboard .nav-tabs li a{ background:#4560B1; font-size:15px; padding:10px 25px; font-weight:500; color:#fff; width:150px; text-align:center;}
.dashboard .nav-tabs li a:hover{ background:#fff; font-size:15px; padding:10px 25px; font-weight:500; color:#4560B1;}
.dashboard .nav-tabs li.active a{ background:#fff; font-size:15px; padding:10px 25px; font-weight:500; color:#1A203A;}
.dashboard .user-rating{ width:330px; padding-top:25px;}
.dashboard .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}

/*___________Bidding users CSS Here________*/

.dashboard .dashboard-review-row{ padding:25px 0; border-bottom:solid 1px #ddd;}
.dashboard .dashboard-review-row:last-child{ border-bottom:none;}
.review-users-details h2 a{ color:#2b384b; font-size:20px;}
.review-users-details h2 a:hover{ color:#4560B1;}
.review-users-details p{ clear:both; padding:0 0 20px; margin:0; color:#555; font-size:14px;}
.review-users-details .review_comment{ clear: both;padding: 5px;margin: 0 auto 10px;color: #445;font-size: 15px;border: 1px solid #ddd;border-radius: 4px;background: #f9f9f9;min-height: 88px;}
.dashboard .review-users-details > span{ font-size:15px; padding:25px 0 8px; color:#4560B1; display:inline-block;}
.dashboard .review-users-details > span > span{ color:#1A203A;}
.dashboard .review-users-details .price-btc{  font-size:15px; color:#757575; padding:2px 2px;}
.review-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;}
.dashboard .review-users-details h2{ margin:0; font-size:18px; float:left; padding-right:15px;}
.dashboard .review-wrapper{ border:none; border-top:none; border-radius:0 0 5px 5px; margin-bottom:50px;}
/*Rating*/
.dashboard .tab-content .user-rating{ width:333px; padding-top:0;}
.dashboard .tab-content .user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}
.dashboard .tab-content .user-rating .rating{ width:216px; border-radius:15px; float:left; height:14px; background:#c2c2c2; display:block; overflow:hidden; margin:15px 0;}
.dashboard .tab-content .user-rating .rating > span{ background:#ffb028!important; display:block; line-height:14px; border-radius:15px;}
.dashboard .tab-content .user-rating .review{ color:#4560B1; font-size:16px; margin-left:8px; margin-right:0; float:right;}
.dashboard .tab-content .user-rating .review span{ color:#333;}
.dashboard .tab-content .user-rating .rating{ width:210px;}

/*_____________DASHBOARD Review css_______________*/

.dashboard-job-status{ background:#fbfbfb; padding:20px; margin:10px 0 0 0; border-radius:5px; list-style:none; display:block;}
.dashboard-job-status li{ padding:6px 10px; font-size:18px; color:#454545; font-weight:700;}
.dashboard-job-status li span{ float:left; width:80px; text-align:right; color:#0fa958; padding-right:30px;}
.review-users-details > time { float:right; color:#757575; font-size:15px; padding:3px 0;}

/*___________DASHBOARD Bid and Job css___________*/

.dashboard-bid-section{border-bottom:solid 1px #ddd; border-radius:5px 5px 0 0;}
.dashboard-job-section{border-bottom:solid 1px #ddd; border-radius:5px 5px 0 0;}
.dashboard-bid-row{ background:#fff; margin-left:-10px; margin-right:-10px; padding:20px 15px 20px; }
.dashboard-bid-row:nth-child(2n+1){ background:#f5f5f5;}
.dashboard-bid-row h3{ color:#2b384c; padding:8px 0 15px; font-size:18px; font-weight:600; margin:0; width:100%; display:block; text-transform:capitalize; word-wrap: break-word;}
.dashboard-bid-row > span{font-weight:500; min-width:170px; text-align:center; padding:8px 0; background:#fff; margin:5px 6px 5px 0; border:solid 1px #ccc; border-radius:5px; font-size:14px; float:left; text-align:center;}
.dashboard-bid-row > a{font-weight:500; min-width:170px; text-align:center; padding:8px 0; background:#fff; margin:5px 6px 5px 0; border:solid 1px #ccc; border-radius:5px; font-size:14px; float:left;  text-align:center;}
.dashboard-bid-row .dashboard-bid-btc{color:#4560B1; }
.dashboard-bid-row .dashboard-bid-btc span{color:#353535; padding-right:6px;}
.dashboard-bid-row .dashboard-client-name{color:#4560B1;}
.dashboard-bid-row .dashboard-client-name span{color:#353535; padding-right:6px;}
.dashboard-bid-row .dashboard-end-project{color:#4560B1;}
.dashboard-bid-row .dashboard-end-project span{color:#353535; padding-right:6px;}
.dashboard-bid-row span.status-open{ color:#fff; border:solid 1px #039949; background:#1cbf68;}
.dashboard-bid-row span.status-pending{ color:#fff; border:solid 1px #ed9512; background:#ffb03a;}
.dashboard-bid-row span.status-in-progress{ color:#fff; border:solid 1px #ed9512; background:#ffb03a;}
.dashboard-bid-row span.status-completed{ color:#fff; border:solid 1px #5853aa; background: #827de0;}
.dashboard-bid-row span.status-cancelled{ color:#fff; border:solid 1px #df5444; background: #ff7566;}
.dashboard-bid-row span.status-expired{ color:#fff; border:solid 1px #aaa; background:#aaa;}

/*___________DASHBOARD Bid and job css End___________*/

.pic-and-name{ text-align:center;}
.pic-and-name span{ display:block; text-align:center; font-size:16px; font-weight:500; color:#252525;}
.pic-and-name span a{ display:block; text-align:center; font-size:13px; font-weight:500; color:#4560B1; padding:6px 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pic-and-name > img{ margin:0 auto; box-shadow:0 2px 2px #c5c5c5;}
.country-flag{ display:block; text-align:center; padding:0; margin:0;}
.country-flag img{ width:28px; height:auto; border-radius:2px;}
.pic-and-name b{ display:block; text-align:center; font-size:12px; font-weight:500; color:#252525; padding-top:7px;}
.dashboard-banner-section .img-responsive.img-rounded{ max-height:165px;}


@media (min-width:300px) and (max-width:767px){
    .dashboard{padding:30px 0 20px;}
    .dashboard .nav-tabs li a, .dashboard .nav-tabs li.active a{width:auto; padding:10px 15px; font-size:15px;}
    .img-rounded { border-radius:50%; height:100px; margin:0 auto; width:100px;}
    .review-users-details{}
    .dashboard .review-users-details h2{float:none;}
    .dashboard .review-users-details h2{float:none; padding:10px 0; text-align:center;}
    .dashboard .review-users-details .price-btc{display:block; text-align:center;}
    .dashboard .tab-content .user-rating strong{font-size:15px;}
    .dashboard .tab-content .user-rating .rating{width:122px;}
    .dashboard .tab-content .user-rating{width:240px; margin:0 auto;}
    .review-users-details p{}
    .dashboard .review-users-details > span{display:block; text-align:center;}
    .as-freelancer-box{padding:20px;}
    .dashboard-job-status{padding:15px;}
    .as-freelancer-box h3{font-size:22px;}
    .as-freelancer-box .user-rating{padding-top:15px;}
    .dashboard-job-status li{font-size:16px;}
    .dashboard-job-status li span{width:auto; padding-right:20px;}
    .dashboard .dashboard-review-row{border-bottom:solid 2px #ddd;}
    .dashboard .tab-content{padding:15px 8px;}
    .review-users-details > time{ float:none; display:block; text-align:center;}
    /*___________DASHBOARD Bid css____________*/
    .dashboard-bid-section { text-align:center;}
    .dashboard-bid-section .dashboard-bid-row .col-sm-7{display:none;}
    .dashboard-bid-section p{text-align:center; padding:15px 0; font-size:14px;}
    .dashboard-bid-section .dashboard-bid-project .col-sm-5 p{font-size:18px;}
    .dashboard-bid-section .dashboard-bid-project p span{display:block; font-size:13px;}
    .dashboard-bid-section .dashboard-bid-project .col-xs-3, .dashboard-bid-section .dashboard-bid-project .col-xs-5, .dashboard-bid-section .dashboard-bid-project .col-xs-4{border-right:solid 1px #ddd; height:69px;}
    /*____________DASHBOARD Bid css End____________*/

    /*___________DASHBOARD job css____________*/

    .dashboard-job-section { text-align:center;}
    .dashboard-job-section .dashboard-job-row .col-sm-7{display:none;}
    .dashboard-job-section .dashboard-job-row{display:none;}
    .dashboard-job-section p{text-align:center; padding:15px 0; font-size:14px;}
    .dashboard-job-section .dashboard-job-project .col-sm-5 p{font-size:18px;}
    .dashboard-job-section .dashboard-job-project p span{display:block; font-size:13px;}
    .dashboard-job-section .dashboard-job-project .col-xs-3, .dashboard-job-section .dashboard-job-project .col-xs-5, .dashboard-job-section .dashboard-job-project .col-xs-4{border-right:solid 1px #ddd; height:69px;}

    /*____________DASHBOARD job css End____________*/

    /*___________DASHBOARD Bid and Project css____________*/
    .dashboard-bid-row .dashboard-bid-btc{float:none; display:block; text-align:center;}
    .dashboard-bid-row .dashboard-client-name{float:none; display:block; text-align:center;}
    .dashboard-bid-row .dashboard-end-project{float:none; display:block; text-align:center;}
    .dashboard-bid-row .status-in-progress{float:none; display:block; text-align:center;}
    .dashboard-bid-row .status-open{ float:none; display:block; text-align:center;}
    .dashboard-bid-row .status-completed{float:none; display:block; text-align:center;}
    .dashboard-bid-row .status-cancelled{ float:none; display:block; text-align:center;}
    .dashboard-bid-row .status-expired{ float:none; display:block; text-align:center;}
}


@media(min-width:768px) and (max-width:991px){
    .dashboard-pic-shadow{margin-bottom:-40px;}
    .dashboard-name-location h2{font-size:26px; padding:0;}
    .dashboard-name-location p{font-size:16px;}
    .dashboard-name-location .dashboard-verification-icon{bottom:0; top:120px; left:-128px}
    .dashboard-edit-button{font-size:16px; background-size:16px auto; display:block; width:190px; padding: 12px 40px 12px 50px; text-align:center; margin-top:20px; margin-bottom:30px;}
    .dashboard-edit-button:hover{background-size:16px auto;}
    .member-since{font-size:13px; bottom:-110px; white-space:nowrap;}
    .dashboard-summary-section{padding:20px 0 30px;}
    .as-freelancer-box{width:48%; margin:0 1% 30px; float:left;}

    /*____________DASHBOARD Bid css____________*/
    .dashboard-bid-section .dashboard-bid-row p{padding:10px;}
    .dashboard-bid-section p{font-size:15px; padding:15px 10px;}
    /*____________DASHBOARD Bid css End____________*/

    /*____________DASHBOARD job css____________*/
    .dashboard-job-section .dashboard-job-row p{padding:10px;}
    .dashboard-job-section p{font-size:15px; padding:15px 10px;}
    /*____________DASHBOARD Bid css End____________*/
	
	.dashboard-banner-section .gray-bg { margin-top:10px; min-height:54px; width:100%;}
	.dashboard-banner-section{ padding-top:20px;}
	.dashboard-name-location .dashboard-verification-icon{ position:static; top:0;}
	.bid-with-btc span{ font-size:18px;}
}


@media(min-width:991px) and (max-width:1199px){
    .dashboard-name-location h2{font-size:32px; padding:33px 0 0;}
    .dashboard-edit-button{font-size:20px; margin-top:33px;}
    .member-since{bottom:-133px;}
    .as-freelancer-box{padding:20px;}
    .dashboard-job-status{padding:12px;}
    .dashboard-job-status li{font-size:16px;}
    .dashboard .review-users-details h2{ float:none; padding-bottom:6px;}
    /*____________DASHBOARD Bid css____________*/
    .dashboard-bid-section .dashboard-bid-row p{padding:10px;}
    .dashboard-bid-section p{font-size:15px; padding:15px 10px;}
    /*____________DASHBOARD Bid css End____________*/

    /*____________DASHBOARD job css____________*/
    .dashboard-job-section .dashboard-job-row p{padding:10px;}
    .dashboard-job-section p{font-size:15px; padding:15px 10px;}
    /*____________DASHBOARD Bid css End____________*/

}


.user_jobs_list_icon { height:30px; width:auto; padding-right:5px;}
#resend_confirmation { display: none}
.DASHBOARD_hourly_rate *,.DASHBOARD_hourly_rate {font-size: 20px}
