.about-section-one{min-height: 352px;margin-top: 50px;position: relative;} .about-section-one-bg img{position: absolute;z-index: -1;} .about-section-one .span2{margin-left: 0px;} .about-user-name {font-size: 18px;font-weight: 700;margin: 0 0 10px;} .some-work{font-size: 11px;margin: 0 0 10px;} .description-work{font-size: 12px;margin: 0 0 10px;} .rating-box{width: 89px;height: 17px;background: url(../../../img/star1.png) 0 0 repeat-x;text-indent: -999em; overflow: hidden;} .rating{float: left;height: 17px;background: url(../../../img/star1.png) 0 100% repeat-x;} /* freelacer view */ .top_content.top-content-fix{padding-top: 123px} .guider-block {border: 1px solid #f0f0f0;margin-left: 0px;margin-top: 29px;background-color: #fafafa;min-height: 246px;} .guider-block {border: 1px solid #f0f0f0;margin-left: 0px;margin-top: 29px;background-color: #fafafa;min-height: 246px;} .guider-block.span12 {margin-left: 0px;} .guider-block .accordion .accordion-group {border:none;} .guider-block .accordion-inner {border: 0px;} .guider-block .accordion-inner .information {font-weight: 600;} .guider-block .accordion-heading a:hover {color: #acacac;} .guider-block .accordion-heading a:hover img {opacity: 0.5;-webkit-transition: all .15s linear;} .guider-block .accordion-heading img {padding-bottom: 2px;padding-left: 3px;} .guider-block .accordion-heading .accordion-toggle {font-size: 14px;font-weight: 600;color: #252525;text-transform: uppercase;padding-right: 0px; padding-left: 8px;} .guider-block .content.inner {padding-left: 12px;padding-top: 16px; padding-bottom:10px;} .guider-block .content.inner img {border: solid #e6e6e6 1px; border-radius: 5px;} .guider-block .content.detail h4 {font-family: 'Open Sans',sans-serif; font-weight: 600;} .guider-block .content.detail h4 b {font-weight: 700;} .guider-block .content.detail a {font-weight: 600;} .guider-block .content.detail .icon-question-sign {margin-top: 3px;} .guider-block .content.detail ul {margin-top: 43px;margin-bottom: 30px;} .guider-block .content.detail ul li {margin-bottom: 8px;} .guider-block .content.detail .project .code {padding-left: 3px;} .guider-block .content.detail .note {margin-top:43px;} .guider-block .content.detail .note li {margin-bottom: 8px;} .guider-block .content.detail .note ul li {margin-left: 0px;} .guider-block .project {padding-left: 9px;} .guider-block .project ul span, .guider-block .project span.code {font-size: 24px;font-weight: 600;color: #0088cc;} .guider-block .sub-info {float:right; padding-right: 15px; padding-bottom: 7px;margin-top: 20px;color: #b6b6b6;} .guider-block .sub-info a {font-weight: 600;} .block-feature-freelancer.container {margin-right:auto;margin-left:auto;min-width:initial;} .block-feature-freelancer .guider-block {background-color:#fffff0;border-color:#fee020;padding:20px;} .block-feature-freelancer .container-image img {border: solid #e6e6e6 1px;border-radius: 5px;} .block-feature-freelancer .guider-block-right {padding-left:20px;padding-right:18px;} .block-feature-freelancer .guider-block h4 {margin-top:0px;font-family:'Open Sans',sans-serif;font-size:20px;font-weight:400;line-height:30px;} .block-feature-freelancer .guider-block span {font-weight: 700;color: #333333;} .block-feature-freelancer .guider-block .cta-button {margin-top: 25px;} .block-feature-freelancer .guider-block .cta-button a {font-size: 16px; padding: 8px 0} .block-feature-freelancer .guider-block .fa {margin-right:5px;} /* Nổi bật hồ sơ freelancer */ .modal-paysms.modal-new {display:none;} .modal-paysms p.first, .popup-login p.first { font-family: 'Open Sans',sans-serif; font-size: 14px;} .modal-paysms .seconde, .popup-login .seconde {text-align: center;} .modal-paysms .span3.btn-connect, .popup-login .span3.btn-connect {float: left; width: 89%; padding: 20px 25px;} .modal-paysms p, .popup-login p {text-align: center;} .modal-paysms .job-login-socail, .popup-login .job-login-socail {height:initial;margin: initial;float: initial;text-align: center;} .modal-paysms .btn-create-account, .popup-login .btn-create-account {text-align: center;margin-bottom: 25px;} .modal-paysms .btn-create-account a, .popup-login .btn-create-account a {padding: 11px 30px;} .modal-paysms .click-contact, .popup-login .click-contact {padding: 25px 30px;} /*.modal-paysms .click-contact, .popup-login .click-contact {padding: 35px 30px;}*/ /* SMS */ .modal-paysms .click-contact .button-group, .popup-login .click-contact .button-group {margin-top: 40px;} .modal-paysms .click-contact input {text-align: center; font-size: 20px;line-height: initial;} .modal-paysms .load-spinner {display: none; position:absolute;width:750px;height:100%;z-index:100;background-color:rgba(256,256,256,0.7)} .modal-paysms .load-spinner img {width:32px;margin:200px 345px;height:32px;padding:14px;background:#fff;z-index:101;position:relative;border-radius:10px} .modal-paysms.loading .load-spinner {display: initial;} .modal-paysms .redirect-spinner {display: none; position:absolute;width:750px;height:100%;z-index:100;background-color:rgba(256,256,256,1)} .modal-paysms .redirect-spinner img {width:32px;margin:200px 345px 20px;height:32px;padding:14px;background:#fff;z-index:101;position:relative;border-radius:10px} .modal-paysms.redirecting .redirect-spinner {display: initial;} .modal-paysms .grey-text {color: #999;} .modal-paysms .error-reason{font-style: italic; color: #999;} #pay-buy-credit-usercash.modal-paysms .load-spinner img {margin-top:140px; margin-bottom: 140px;} .modal-paysms .sms-otp {background-color: #eee;padding: 10px 40px;margin-bottom: 30px;} .modal.fade {top: -206%;} .modal.fade.in {top: 10%;} .modal.fade{-webkit-transition: opacity .0s linear, top .0s ease-out;-moz-transition: opacity .0s linear, top .0s ease-out;-o-transition: opacity .0s linear, top .0s ease-out;transition: opacity .0s linear, top .0s ease-out;z-index: 1000000003;} .feature-fl-info-acc {color: #999999; margin-top: 20px; text-align: center} #pay-feature-freelancer {width: 100%} #pay-feature-bid {width: 100%;} .suggest-upgrade-fl {width: 100%; margin-bottom: 15px} .number-active-token {color: #999999; text-align: center} .loading-feature-freelancer {width: 20px; position: absolute; left: 72%; display: none} .loading-feature-freelancer-list {width: 20px; position: absolute; left: 80%; display: none} .modal-credit {width: 501px;left: 50%; margin-left: 0px; transform: translateX(-50%)} .modal-credit.fade.in {top: 3%;} .modal-credit .load-spinner {width: 100%;} .modal-credit .load-spinner img {margin-left: 270px; margin-right: 270px; left: -9.5%} .modal-credit .modal-header {padding-bottom: 0;background-color: #fff;min-height: 40px;padding-top: 1px;background-color: #f5f5f5;border-top-left-radius: 4px;border-top-right-radius: 4px;} .modal-credit .modal-header .close {margin: 7px 5px; line-height: 40px;font-size: 26px;} .modal-credit .modal-header h2 {font-family: 'Open Sans',sans-serif;font-size: 16px;font-weight: bold} .modal-credit .modal-body {background-color: #fff;min-height: initial; max-height: initial;} .modal-credit .modal-body .preview {margin-bottom: 25px; text-align: center;} .modal-credit .modal-body .preview img { border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);} .modal-credit .modal-body .buy-credit p {font-size: 12px; color: #999;} .modal-credit .modal-body .buy-credit a {color: #00aed6; font-weight: 600;} .modal-credit .modal-body{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;} .modal-credit .modal-footer {background-color: #fff;} .modal-credit .screen-error .error-message {margin-top: 15px;} .modal-credit .modal-body .job-login-socail {text-align: center; line-height: 40px; display: inline-grid} .modal-credit .modal-body .job-login-socail a {line-height: 24px; text-align: left; padding: 8px 12px; margin-bottom: 20px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.25); font-family: "Roboto Medium", sans-serif;} .modal-credit .modal-body .job-login-socail p{font-size: 12px; font-weight: 400; line-height: 15px; opacity: 0.7; text-align: left;} .modal-credit .modal-body .content p {text-align: left; padding: 0 10px;} .modal-credit .modal-body .content p .credit-code{font-size: 20px; font-weight: 600;} .disable-link {pointer-events: none} .blur-button {opacity: 0.5} .two-columns-right .content-section.container{margin-top: 30px; margin-bottom: 50px;} .two-columns-right .content-section.container.content-section-fixKH{padding-top: 153px; margin-top: 0} .profile h1{font-family: 'Open Sans';margin: 0px;margin-bottom: 15px;} .profile h1 a{font-size: 16px;font-weight: 700;} .profile-conduct a{text-decoration: underline;text-align: center;color: #353535;} .profile-left-img{text-align: center;margin-top: 70px;} .profile-left-img img{margin-right: 15px;} /*content profile*/ .two-columns-right .content-section.container{margin-top: 30px; margin-bottom: 50px;} .two-columns-right .content-section.container.content-section-fixKH{padding-top: 153px; margin-top: 0} .profile h1{font-family: 'Open Sans';margin: 0px;margin-bottom: 15px;} .profile h1 a{font-size: 16px;font-weight: 700;} .profile-conduct a{text-decoration: underline;text-align: center;color: #353535;} .profile-left-img{text-align: center;margin-top: 70px;} .profile-left-img img{margin-right: 15px;} /*col-right*/ .adv-right-profile{text-align: center;} .my-profile,.summary-profile{border: 1px solid #DADADA;box-shadow: 0px 2px 5px 1px #DADADA;-webkit-box-shadow: 0px 2px 5px 1px #DADADA;-moz-box-shadow: 0px 2px 5px 1px #DADADA;padding: 20px;margin-bottom: 10px;} .my-profile h2,.summary-profile h2{margin: 0px;font-size: 16px;font-weight: 700;line-height: 15px;padding-bottom: 10px;border-bottom: 1px solid #C6C6C6;} .percent-box{width: 210px;height: 33px;border: 1px solid #C6C6C6;background: #ffffff;float: left} .percent{height: 100%;background: #FEDA20;} .percent-profile span{line-height: 35px;font-weight: 700;margin-left: 2px;} .percent-profile{margin-top: 25px;} .my-profile .suggestions{margin-top: 19px;font-size: 13px;} .add-skills{margin-top: 10px;} .add-skills .i32{height: 23px;float: left;} .add-skills span{line-height: 22px;} .after-add-kills{margin-top: 25px;font-size: 12px;} .list-summary-profile label{margin-top: 10px;line-height: 25px;} .list-summary-profile .dl-horizontal dt{text-align: left;width: 29px;} .list-summary-profile .dl-horizontal dt a{line-height: 25px;} .list-summary-profile .dl-horizontal{margin-bottom: 0px;margin-top: 10px; margin-left:0px;} .list-summary-profile .rating-box .popover-content{text-indent: initial;} .list-summary-profile .dl-horizontal dd{margin-left: 7px;line-height: 26px;float: left;} .list-summary-profile .dl-horizontal dd .rating-box{margin-top: 3px;} .list-summary-profile:last-child .dl-horizontal dt{width: auto;} .list-summary-profile:last-child{margin-bottom: 30px;margin-top:0px;} .verified-account{margin-bottom: 10px;background: #EEEEEE;} .images-search-profile{width: 34px;height: 38px;margin: 0 auto;background: url('../../../img/search-profile.png') no-repeat;margin-top: 25px;} .verified-account h2{font-size: 16px;margin: 0px;} .verified-account p{font-size: 12px} .verified-account a{font-size: 12px;font-weight: 700;} .screen-confirm .center .job-login-socail .btn-facebook-flat{background: #CCCCCC; opacity: 0.7; cursor: unset; margin-bottom: 2px;} .screen-confirm .center .job-login-socail .btn-google-flat{background: #FFFFFF; color: rgba(0, 0, 0, 0.54);} .screen-confirm .center .job-login-socail img{margin-right: 22px} /**** Profile page ****/ .account_show.account_show_freelancer,.account_show_client {background-color:#fafafa;} .account_show.account_show_freelancer #right_content {margin-left:20px;} .profile-content .overview h2 {font-family: 'Open Sans',serif;font-weight:600;} .col3-center.right-profile .header-profile h1 {font-size:20px;font-weight:600;} .col3-left .avata {width: 150px;height: 150px;} .left-profile .avata img {border-radius:100px;width:160px;height:160px;border: 1px solid #d9d9d9;} .profile-content {width:100%;} .profile-content .overview .body {overflow: auto;} .job-list.job-worked,.job-list.job-hired {margin-top: 40px;margin-bottom: 50px;height: 240px} .job-list.job-worked .slide-job-worked {margin-top:25px;} .job-list.job-worked .slick-prev,.job-list.job-hired .slick-prev {top:-37%;left:initial;right:66px;} .job-list.job-worked .slick-next,.job-list.job-hired .slick-next {top:-37%;right: 29px;} .job-list.job-worked .slick-prev:before,.job-list.job-hired .slick-prev:before {color:transparent;background: url(/img/chevron-slider.png) no-repeat;background-position: 0px 0px;font-size:30px;} .job-list.job-worked .slick-next:before,.job-list.job-hired .slick-next:before {color:transparent;background: url(/img/chevron-slider.png) no-repeat;background-position: -36px 0px;font-size:30px;} .job-list.job-worked .slick-prev:hover, .job-list.job-worked .slick-next:hover,.job-list.job-hired .slick-prev:hover,.job-list.job-hired .slick-next:hover {opacity: 0.4;} .job-list.job-worked .job-comment {width:61.446809%;} .job-list.job-worked h2,.job-list.portfolios h2 {font-family: 'Open Sans',serif;font-weight: 600;color:#333333;margin-bottom: 12px;} .job-list.job-worked h2 a {color:#333333;} .job-list.job-worked .description {width:19.404255%;padding-left:7px;text-align: right;} .job-list.job-worked .client-name {margin-top: 10px;color:#cccccc;} .job-list.job-worked .job-item {margin-bottom:32px;} .job-list.job-worked .title {margin-top:0px;margin-bottom:8px;line-height:20px;} .job-list.job-worked .title a {font-family:'Open Sans',serif;font-size:16px;color:#0fe19b;} .job-list.job-worked .title.private {font-size:16px;color:#0fe19b;} .job-list.job-worked .rating-box {margin-top:3px;margin-bottom:8px;} .job-list.job-hired .slide-job-hired {margin-top:15px;margin-bottom: 40px} .job-list.job-hired .title {margin-top: 0px;margin-bottom: 8px;line-height: 20px;} .job-list.job-hired .title a {font-size:16px;color:#23c3eb;} .job-list.job-hired .title.private {font-size:16px;color:#23c3eb;} .job-list.job-hired .job-item {margin-bottom:32px;} .job-list.job-hired h2 {font-family: 'Open Sans',serif;font-weight: 600;color:#333333;margin-top: 0} .job-list.job-hired .freelancer-name {margin-top: 10px;color:#cccccc;} .job-list.job-hired .description {text-align: right;color:#000000;padding-right: 20px} .job-list.job-hired .job_finished {color: #23c3eb;} .btn-update {padding: 6px 15px;border:0px;text-shadow:none;} .btn-update:hover {color: #ffffff;} .btn-update:active {color: #ffffff;} .btn-update:focus {color: #ffffff;} .btn-update.info-client {background:#23c3eb;} .btn-update.info-fr {background:#0fe19b;} /** Freelancer profile **/ /* Slide portfolios */ .job-list.portfolios {margin-top:35px;} .job-list.portfolios .three-img-profile {width:780px;} .job-list.portfolios .img-profile {width:191px;float:left;} .three-img-profile .slick-prev {top:-21%;left: 712px !important} .three-img-profile .slick-next {top:-21% !important;left: 748px !important} .three-img-profile .slick-prev:before {color:transparent;background: url(/img/chevron-slider.png) no-repeat;background-position: 0px 0px;font-size:30px;} .three-img-profile .slick-next:before {color:transparent;background: url(/img/chevron-slider.png) no-repeat;background-position: -36px 0px;font-size:30px;} .img-profile.slick-slide img {margin-bottom:10px;border-radius:4px;border:1px solid #e9e9e9;width:180px;height:140px;} .slide-job-worked .sublist-item,.slide-job-hired .sublist-item {outline:none;} /* End slide portfolios */ .job-item .description .price {margin-top:8px;text-align: right;display:inline-block;} .job-item .avata-client img,.job-item .avata-freelancer img {border-radius: 50px;border:1px solid #d9d9d9;width:80px;height:80px;} .summary-profile.contact-direct {background: #fff;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) !important;border-radius: 5px;} .summary-profile .btn-contact, .header-profile .btn-contact {font-weight: bold ;margin-top:5px; margin-bottom:10px;padding:12px 58px;font-size:16px;background-color:#0fe19b;color:#ffffff;border:0px;background-image: -moz-linear-gradient(top, #0fe19b, #0fe19b);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0fe19b), to(#0fe19b));background-image: -webkit-linear-gradient(top, #0fe19b, #0fe19b);background-image: -o-linear-gradient(top, #0fe19b, #0fe19b);background-image: linear-gradient(to bottom, #0fe19b, #0fe19b);text-shadow: none;} .summary-profile .progress {margin-top:5px;margin-bottom:15px;height:24px;background-color: #fafafa;background-image:none;-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);} .summary-profile .progress .bar {padding-top:2px;font-size:14px;background-color: #0fe19b;background-image: -moz-linear-gradient(top, #0fe19b, #0fe19b);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0fe19b), to(#0fe19b));background-image: -webkit-linear-gradient(top, #0fe19b, #0fe19b);background-image: -o-linear-gradient(top, #0fe19b, #0fe19b);background-image: linear-gradient(to bottom, #0fe19b, #0fe19b);} .summary-profile .list-summary-profile label {margin-bottom:0px;} .summary-profile .list-summary-profile a {color:#000000;font-weight:600;} .summary-profile label {font-weight:400;} .summary-profile .contact-block span {font-weight: 600;} .summary-profile .progress-bar {margin-top:10px;} .summary-profile .experienced {margin-top:12px;} .summary-profile .time-work {margin-top:2px;} .summary-profile.profile-rate,.summary-profile.skill-profile {-webkit-box-shadow:none;box-shadow:none;} .skills a {position: relative; margin: 5px 0px 5px 0;padding-right: 6px; height: 20px; float: left; cursor: pointer;} .skills div {color: #0fe19b; font-size: 13px; font-weight: 400; text-decoration: none;border: 1px solid #0fe19b; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px; padding: 1px 9px 3px 9px;line-height: 20px;height: 19px;} /** End Freelancer profile **/ /** Client profile **/ .account_show_client .summary-profile {box-shadow:none;} .account_show_client .summary-profile.contact-client {background:#ffffff;-webkit-box-shadow: 0px 1px 2px 0px #C4C4C4;} .account_show .content-section.container {margin-top: 30px;margin-bottom: 35px;} /* col left */ .row-fluid .span4.left-profile{width: 170px;} .col3-left .gumshoe{font-size: 12px;font-weight: 700;} .col3-left .avata{width: 170px; height: 170px;} .col3-left .avata .update-link a{ width: 165px; height: 25px; display: block; padding-top: 145px; text-align: center; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0.95) 80%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(60%,rgba(255,255,255,0.7)), color-stop(80%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ color:#0088cc; position: absolute;opacity:0; } div#right_content .summary-profile h2 {font-size:20px; font-family:'Open Sans',serif; font-weight:600; border-bottom:0px; padding-bottom:19px;} .list-summary-profile.row-fluid label.span5 {font-size:14px; font-weight:400; color:#333333;} .container div#right_content .summary-profile {border:0px;padding-top:30px; padding-left:20px;padding-bottom: 40px} .account_show.account_show_freelancer h1, h2, h3, .account_show_client h1, h2, h3 {color:#000000;} .col3-left .avata:hover .update-link a{opacity:1} .col3-left .nav-left{margin-top: 3px;border-bottom: 0px;} .col3-left .nav-left li{width: 170px;} .col3-left .id_profile{text-align: center;font-size: 14px;margin-top: 0px;color:#666666;} .col3-left .time-online-last{text-align: center;font-size: 14px;min-height: 25px;color: #999999;padding-top: 4px} .col3-left .nav-left li a {border: 0px;} /*.col3-left .nav-left li a:hover, .col3-left .nav-left li a:focus {text-decoration: none;}*/ .col3-left .nav-left li.active a:hover,.col3-left .nav-left li.active a:focus,.col3-left .nav-left li.active a{border:0;} .col3-left .nav-left li:first-child{border-radius: 4px 4px 0 0;} .col3-left .nav-left li:last-child{border-radius: 0 0 4px 4px;} .col3-left .nav-left li:hover {opacity: 0.65;} .col3-left .nav-left li a{color: #000000;font-family: 'Open Sans';font-weight: 500;display: inherit;float: none;font-size: 14px;padding: 10px 15px 7px;} .col3-left .nav-left li.active{background: #FFEE7E;} .col3-left .nav-left li.active a{text-decoration: none;font-weight: 600;background: none;} /* col center */ .col3-center.right-profile {width: 440px;margin-left: 10px;} .col3-center.right-profile h1 {font-size:30px; font-weight:100; font-family:'Open Sans',serif; letter-spacing:-0.03em; } .col3-center.right-profile h2 {font-size: 20px;font-weight: 400;font-family: 'Open Sans',serif;text-transform: uppercase;letter-spacing: -0.04em;} .col3-center.right-profile h1 span, .col3-center.right-profile h2 span {text-transform: initial;letter-spacing: initial;} .col3-center.right-profile h1 span[itemprop="name"] {letter-spacing: -0.05em;} .col3-center.right-profile span.location.editable.tf300 {margin-left:3px;font-size:14px; font-weight:400; font-family: 'Open Sans',serif;color:#000;} .col3-center.right-profile .career {font-size:14px; font-weight:normal; font-family:'Open Sans',serif;color:#999999;margin-bottom: 7px;margin-top: 2px} .col3-center.right-profile .span12 h1 {margin: 25px 0px 0px;} .col3-center.right-profile .row-fluid {border-bottom: 0;margin-bottom: 0px;} .col3-center.right-profile .row-fluid.overview h2{margin-bottom:8px;} .col3-center.right-profile .row-fluid.overview {padding-bottom:20px;} .col3-center .career{font-size: 16px;} .col3-center .subpage-tab, .col3-center .profile-tab {margin-top:20px;} .col3-center .subpage-tab a, .col3-center .profile-tab a {color: #000000;} .col3-center .subpage-tab .active a, .col3-center .profile-tab .active a {font-weight:700;color: #000000;} .col3-center .edit{margin-top: 25px;text-align: right;} .col3-center .edit a{font-size: 13px;} .col3-center .add-portfolio a.popup-portfolio{font-size: 13px;font-weight: 400;margin-top: 25px;float: right;} .col3-center .row-fluid{border-bottom: 1px solid #E1E1E1; padding-bottom:19px;} .col3-center .tab-list-profile-job .row-fluid, .col3-center .row-fluid.tab-list-profile-job {border-bottom: 0px;} .col3-center .row-fluid.tab-list-complete{border-bottom: 0px;} .col3-center h2{font-size: 18px;font-weight: 700;line-height: 30px;margin: 6px 0px;} .col3-center .overview .body{line-height: 24px;word-wrap: break-word;} .col3-center .job-list h2 {line-height: 30px;} .col3-center .job-list.job-hired .more {font-size:14px; font-weight:600; margin-top:8px;} .col3-center .job-list .title a{font-weight: 500;} .col3-center .job-list .title.private{font-weight: 500; font-style: italic; color: #333333;} .col3-center .job-list .title i{opacity: 0.5;margin-top: 2px;} .col3-center .job-list h3.title{font-weight: 700;margin: 0px;font-size: 14px;line-height: 20px;font-family: 'Open Sans', sans-serif;clear: both;} .col3-center .job-item {clear:both; float:left;padding-top:8px;padding-bottom:15px;} .col3-center .job-item.last {padding-bottom:21px;} .col3-center .job-item h3.title {font-size:14px; font-weight:normal; font-family: 'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px;} .col3-center .job-item .comment strong {font-style:normal; font-weight:600;} .col3-center .job-item .description span.status {background:#14c860; color:#ffffff; padding: 1px 7px 1px 7px; border-radius:3px; font-size:12px; font-weight:500;float: left;} .list-profile-job .edit{text-align: right;float: right;} .account_show h1{font-size: 24px;font-weight: 700;} .col3-center .regional-price{margin-bottom:3px; font-weight: 700; padding-left: 0px;color:#666666;background:none;} /*.col3-center .list-complete .complete.last{border-bottom: 0px}*/ .col3-center .job-list .description{font-size:14px; margin-top:7px; line-height: normal;} .col3-center .job-list .description span{margin: 0px 1px;} .col3-center .job-item .description .rating-box{margin-top: 0px; margin-left: 3px;float: left;} .col3-center .job-item .comment{font-size: 14px; font-style:italic; margin-top: 9px;clear: both;float: left;} .col3-center .job-item .description span.category {float: left;} .col3-center .job-item .description span.separator {float: left;} .col3-center .job-item .description span.time {float: left;} .col3-center .job-item .description span.price {float: left;} .col3-center .job-item .description .state {float: left;} .col3-center .more{color: #0088cc;cursor: pointer;float: left; clear:both; font-size:14px; font-weight:600;} .col3-center .more:hover{color:#005580; cursor: pointer;} .col3-center .portfolios .img-profile{float: left;margin-right: 3px;margin-left: 2px;margin-bottom: 10px;} .badge-small{padding:2px 2px 2px 3px;width:10px;border-width:2px;font-size:12px;line-height:13px;height:11px} /*fix lightbox cho portfolio khi popup bị méo hình*/ .lightbox .lb-image { max-width: inherit; } /*.col3-center .list-profile-job .img-profile img{width: 140px;height: 140px;}*/ .col3-center .list-profile-job .img-profile:last-child{margin-right: 0px;} .col3-center .list-profile-job .img-profile a{text-align: center;display: block;font-size: 13px;} .modal-body form#form-create-portfolio textarea{min-height: 124px;min-width: 508px;max-width: 508px;} .update-profile-link a{font-size:14px;font-family:'Open Sans',sans-serif;margin-left:5px;color:#ffffff;} .account_show .right-profile .tab-content{overflow-x: hidden;} /*.account_show .right-profile .editable:hover{background-color: #eee;}*/ .account_show .invite-project {position: absolute; width: auto; text-align: right; margin-left: 346px; margin-top: 30px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } @-moz-document url-prefix(){ .account_show .invite-project{margin-left: -190px;} } .account_show .invite-project .caret {border-top-color: #333333; border-bottom-color: #333333;margin-left: 4px;} .account_show .invite-project .dropdown-menu{left:initial; right:0;text-align: left;} .account_show .invite-project .dropdown-menu > li > a{max-width: 405px;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .account_show .invite-project .btn-primary.dropdown-toggle{font-size: 13px;} .account_show .invite-project.open .btn-primary.dropdown-toggle{background-color:#ffcc00;} /* service-new-freelancer */ .profile-content .service-freelancer h2 {font-family: 'Open Sans',serif;font-weight: 600;margin-top: 35px} .service-freelancer .services-provided {margin-bottom:7px;} .service-freelancer .update-service p {margin-bottom:2px;} .service-freelancer .update-service a {margin-top:7px;} .service-freelancer .btn-service {padding: 9px 19px;} .services-provided a {color:#0fe19b;} .services-provided i.fa {margin-left:0px; margin-right:5px;} .review-clients .slide-reviews-client {outline: none;} .slide-reviews .client-item {margin:30px;outline: none;} .slide-reviews .slick-prev.slick-arrow {height:28px;color: transparent;background: url(/img/homepage-new/chevron-slide_02.png) no-repeat;background-position: 0px -0px;} .slide-reviews .slick-next.slick-arrow {height:28px;color: transparent;background: url(/img/homepage-new/chevron-slide_02.png) no-repeat;background-position: 0px -50px;} .slide-reviews .slick-prev.slick-arrow:hover {background-position: -50px -0px;} .slide-reviews .slick-next.slick-arrow:hover {background-position: -50px -50px;} .slide-reviews .slick-prev:before, .slide-reviews .slick-next:before {display: none;} .slide-reviews .slick-list {padding-top: 50px !important;} .slide-reviews .slick-active {opacity: 0.5;} .slide-reviews .slick-active.slick-center {opacity: 1;} .slide-reviews .slick-prev, .slick-slider .slick-next {top:45%;} .slide-reviews .slick-slide img {display: initial !important;} /*block cong viec */ .job-list.job-worked .job-item .description{margin-left: 0} .job-list.job-worked .slide-job-worked .slick-next,.job-list.jobs-account .slick-next{right: 27px;} .job-list.job-worked .slide-job-worked .slick-prev,.job-list.jobs-account .slick-prev{right: 61px;} .job-list.jobs-account .slick-prev {top:-32%;left:initial;right:70px;} .job-list.jobs-account .slick-slider {margin-bottom: 3px;margin-top: 13px;} .job-list.jobs-account .job-item .job-comment a{font-size: 16px} .job-list.jobs-account .job-item .job-comment .title{margin-top: 0;line-height: 22px; font-size: 16px; color: #0fe19b} .job-list.jobs-account .job-item .avata-client{padding-top: 3px;padding-left:12px} .job-list.jobs-account .job-item .description .price{width: 100%} .job-list.jobs-account .job-item .description{padding-right: 12px} .job-list.jobs-account .job-item {margin-bottom: 20px} .job-list.jobs-account .slick-next{top:-32%;right: 33px;} .job-list.jobs-account .slick-prev:before{color:transparent; background: url(/img/chevron-slider.png) no-repeat; background-position: 0px 0px; font-size:30px;} .job-list.jobs-account .slick-next:before{color:transparent; background: url(/img/chevron-slider.png) no-repeat; background-position: -36px 0px; font-size:30px;} .job-list.jobs-account .slick-prev:hover, .job-list.jobs-account .slick-next:hover{opacity: 0.4;} .profile-content .job-list .job-item h3{margin-bottom: 0} .job-list .job-item h3 a{color: #0fe19b} .job-list .job-item-client h3 a{color: #0088CC;font-size: 16px;} .job-list .job-item-client h3{line-height: 20px; margin-right: 20px; display: inline-block;} .profile-content .job-list .see-more-jobs a{cursor: pointer; font-size: 15px; font-weight: 600;} .profile-content .job-list .see-more-jobs {margin-top: 15px} .profile-content .tab-content-jobs{border: 1px solid #ddd; border-top: none; padding: 10px 15px 0px; box-sizing: border-box;} .profile-content #account-list-job{display: flex;margin-bottom:0} .profile-content #account-list-job li.active > a{background-color: #fafafa;} .profile-content .tab-pane .title-list-jobs{margin-top: 40px} .block_jobs .jobs-account{overflow: hidden;border-bottom: 1px solid #CCCCCC;} .block_jobs .jobs-account .no-jobs{padding-left: 14px;} .block_jobs .jobs-account .block-tilte_jobs{width: 50%; text-align: left; margin-bottom: 15px; font-weight: 600; padding-left: 20px; margin-top: 24px} .block_jobs .jobs-account .sublist-item{outline:none;} /*block rating client*/ #client-rating-box .rating-client { background: url("../../../img/icon_client_v1.svg") repeat-x scroll 0 0 rgba(0, 0, 0, 0); background-size: 60px; float: left; height: 14px; width: 60px; } #client-rating-box .rating-box-client { background: url("../../../img/icon_client_v2.svg") repeat-x scroll 0 0 rgba(0, 0, 0, 0); background-size: 60px; height: 14px; overflow: hidden; text-indent: -999em; width: 60px; cursor: pointer; position: relative; top:3px; } .fr-title i.icon-info{margin-top: 2px;} .fr-title .list-job-rating {padding-top:2px;margin-right:5px;} #client-rating-box .popover{width:155px;} .list-job-rating{float:left;padding-top:5px;} .account_show_client .list-summary-profile.row-fluid label.span5 {width:39.425532%;} .account_show_client .col3-center h2 {margin-top:9px; margin-bottom:2px;} .account_show_client .col3-center .assigning {padding-top:10px; padding-bottom:10px;} .account_show_client .list-summary-profile .dl-horizontal dd {font-size:14px; font-weight:normal;} .account_show_client .list-summary-profile .dl-horizontal.span7 {padding-left:13px;text-align:right;} .account_show_client .list-summary-profile dd.dl-horizontal.span4 {padding-left:13px;} .list-summary-profile.row-fluid .span5.rent-money {font-size: 14px; font-weight: 600;margin-top: 11px;margin-left:0px;} .list-summary-profile.row-fluid .span8.job-awarded {font-size: 14px; font-weight: 600; margin-top: 11px; margin-left:0px;} .list-summary-profile .dl-horizontal span.money {color:#333333; font-weight:600;} .list-summary-profile .dl-horizontal.span6.rate {width:55.446809%;} .col3-center .job-list.job-hired .more {padding-top:9px;} .col3-center .job-list.job-posted .more {clear:both; float:left; padding-top:6px; font-size:14px; font-weight:600;} .col3-center .job-list.job-posted {padding-top:0px; float:left; clear:both; margin-bottom:20px;} #invite-button .label-info{background-color: #0088CC; margin-top: -19px; z-index: 999; position: relative;} #invite-button .overflow-text{text-overflow: ellipsis; overflow: hidden;} #invite-button .overflow-text.da-moi{max-width: 85%; margin-right: 60px;} #invite-button .overflow-text.chua-moi{max-width: 100%;} #admin-upgrade-vip {text-align: center; width: auto; padding: 10px;} #admin-upgrade-vip .button-submit.loading .load-spinner{display:block;} #admin-upgrade-vip .button-submit .load-spinner {display:none; position: absolute;z-index: 100; background-color: rgba(256,256,256,0.6);} #admin-promotion-vip {text-align: center; width: auto; padding: 10px;} #admin-promotion-vip .submit-pmt-vip.loading .load-spinner{display:block;} #admin-promotion-vip .submit-pmt-vip .load-spinner {display:none; position: absolute;z-index: 100; background-color: rgba(256,256,256,0.6);} #admin-upgrade-vip-cancel .button-cancel-submit.loading .load-spinner{display:block;} #admin-upgrade-vip-cancel .button-cancel-submit .load-spinner {display:none; position: absolute;z-index: 100; background-color: rgba(256,256,256,0.6);} #admin-upgrade-vip-cancel .refund-vip.span2 {text-align: left;} #admin-upgrade-vip-cancel .refund-vip.span2 [id=refund3_amount] {width: -moz-available; width: -webkit-fill-available; width: fill-available; } #payment-method {width: 125px;} #admin-upgrade-cvip {text-align: center; width: auto; padding: 10px;} #admin-upgrade-cvip .button-submit-cvip.loading .load-spinner{display:block;} #admin-upgrade-cvip .button-submit-cvip .load-spinner {display:none; position: absolute;z-index: 100; background-color: rgba(256,256,256,0.6);} #admin-promotion-cvip {text-align: center; width: auto; padding: 10px;} #admin-promotion-cvip .submit-pmt-cvip.loading .load-spinner{display:block;} #admin-promotion-cvip .submit-pmt-cvip .load-spinner {display:none; position: absolute;z-index: 100; background-color: rgba(256,256,256,0.6);} #admin-upgrade-cvip-cancel .button-cancel-submit.loading .load-spinner{display:block;} #admin-upgrade-cvip-cancel .button-cancel-submit .load-spinner {display:none; position: absolute;z-index: 100; background-color: rgba(256,256,256,0.6);} #admin-upgrade-cvip-cancel .refund-vip.span2 {text-align: left;} #admin-upgrade-cvip-cancel .refund-vip.span2 [id=refund_3_amount] {width: -moz-available; width: -webkit-fill-available; width: fill-available; } #payment-method-cvip {width: 125px;} .popup-push-success.modal.fade.in, .popup-push-with-credit.modal.fade.in, .popup-history-push-top.modal.fade.in{width:600px;left:calc(50% - 300px);margin-left:0; top: 40px; min-height: 432px;} .popup-push-top .load-spinner, .popup-push-with-credit .load-spinner{display: none; width:100%;height:100%;position:absolute;z-index:10;text-align:center;background:#00000021} .popup-push-top .load-spinner.in, .popup-push-with-credit .load-spinner.in{display: flex;} .popup-push-top .load-spinner img, .popup-push-with-credit .load-spinner img{margin: auto;} .popup-push-success .modal-body,.popup-push-with-credit .modal-body, .popup-history-push-top .modal-body{padding:56px 56px 73px; min-height: unset; max-height: unset; font-size: 16px; line-height: 24px; color: #000;} .accordion .text-center {margin-bottom: 38px;} .popup-push-top .close, .popup-push-success .close, .popup-push-with-credit .close, .popup-history-push-top .close{margin-right:-32px;margin-top:-32px;font-size:40px;font-weight:400;color:#000;opacity:1} .push-free .title, .popup-push-with-credit .title{margin: 0px 0px 11px 0px; font-size: 30px; line-height: 36px; font-weight: 600;} .pay-credit-get-contact .modal-body {padding: 15px 50px; font-size: 14px;} .pay-credit-get-contact .contact-sms .contact-info {padding: 30px 0px; background: white; border: 1px solid #ddd; border-radius: 2px;} .pay-credit-get-contact .contact-sms .info-photo img {border-radius: 100px;} .pay-credit-get-contact .contact-sms .info-detail p {margin-bottom: 4px; text-align: left;} .pay-credit-get-contact .contact-sms .info-detail p span{font-weight: 600;} .pay-credit-get-contact .contact-sms .info-detail p span.info-label{font-weight: 400; color: #999;} .pay-credit-get-contact .contact-sms .info-detail p.full-name {text-transform: uppercase; font-size: 16px; margin-bottom: 10px;} .pay-credit-get-contact .contact-sms .connect-email {margin-top: 5px;} .pay-credit-get-contact .contact-sms .connect-email.payer {color: #aaa; font-size:12px;} .pay-credit-get-contact .contact-sms .suggest-create-job {padding: 25px 25px 20px; background: #E4E4E4; margin: 30px 40px 20px;} #pay-credit-contact-client .contact-sms .suggest-create-job {padding: 15px 15px 5px; background: #E4E4E4; margin: 30px 0 20px;} #pay-credit-contact-client .contact-sms .suggest-create-job p {text-align: justify;} /* Tối ưu nội dung trang profile freelancer trống */ .skill-updating {color: #999; font-size: 14px;margin-top: 8px} .btn-contact-new {width: 100%;line-height: 24px; padding: 8px 0 !important;margin-top: 10px !important; margin-bottom: 10px !important;background: #FFCC00 !important ;color: #000 !important;} .fr-avatar {text-align: center;} .fr-avatar img{width: 99px;height: auto;border-radius: 2px;} .freelancer_list .layered-block.search-results {padding:0;} .freelancer_list .search-content .layered-heading {padding: 15px 15px 10px;} .freelancer_list .search-content p.results-paging {padding: 0px 15px 15px;} .freelancer_list .row-result .fr-avatar {padding-right: 15px;padding-left: 15px;} .freelancer_list .row-result .fr-info {padding-right: 15px;padding-left:15px;} .block-feature-freelancer.container {margin-right:auto;margin-left:auto;min-width:initial;} .block-feature-freelancer .guider-block {background-color:#fffff0;border-color:#fee020;padding:20px;} .block-feature-freelancer .container-image img {border: solid #e6e6e6 1px;border-radius: 5px;} .block-feature-freelancer .guider-block-right {padding-left:20px;padding-right:18px;} .block-feature-freelancer .guider-block h4 {margin-top:0px;font-family:'Open Sans',sans-serif;font-size:20px;font-weight:400;line-height:30px;} .block-feature-freelancer .guider-block span {font-weight: 700;color: #333333;} .block-feature-freelancer .guider-block .cta-button {margin-top: 25px;} .block-feature-freelancer .guider-block .cta-button a {font-size: 16px; padding: 8px 0} .block-feature-freelancer .guider-block .fa {margin-right:5px;} .fr-info .fr-name {font-family: 'Open Sans',sans-serif; font-size: 16px; font-weight: 600; margin: 0 0 -5px; line-height: initial;margin-bottom: 5px;} .fr-info .fr-name img {padding-left: 3px; height: 24px; margin-top: -3px; width: 24px;} .fr-info .fr-title {font-size: 14px;} .fr-info .contact-block {float:right;min-height: 30px;} .fr-info .fr-summary {font-size: 14px; background-color: #F1F1F1; margin: 8px 0 10px; border-radius: 2px;} .fr-info .fr-summary .remain-job{min-height: initial;padding: 10px 10px 9px;text-align: right;} .fr-info .fr-summary .has_expired_quote{color: #be1e2d;} .fr-info {margin-left: 5px !important} .fr-summary .rating-block {min-height: initial; padding: 12px 10px 11px;} .fr-summary .history.span9 {width:78.46808510638297%} .fr-summary .rating-block.span3 {width:19.404255319148934%} .fr-service, .fr-service p , .fr-profile, .fr-profile label{font-size: 14px;} .fr-profile .number_bid{text-align: right;} .fr-profile .span4{float: right;} .fr-service{margin-bottom: 10px;} .fr-service{max-width: 683px;word-wrap: break-word;min-height: 40px;} .fr-avatar {text-align: center;} .fr-avatar img{width: 80px;height: auto;border-radius: 50%;} .link-profile .i16 {margin: -3px 3px 0 0;} .modal-paysms.modal-new {display:none;} .modal-paysms p.first, .popup-login p.first { font-family: 'Open Sans',sans-serif; font-size: 14px;} .modal-paysms .seconde, .popup-login .seconde {text-align: center;} .modal-paysms .span3.btn-connect, .popup-login .span3.btn-connect {float: left; width: 89%; padding: 20px 25px;} .modal-paysms p, .popup-login p {text-align: center;} .modal-paysms .job-login-socail, .popup-login .job-login-socail {height:initial;margin: initial;float: initial;text-align: center;} .modal-paysms .btn-create-account, .popup-login .btn-create-account {text-align: center;margin-bottom: 25px;} .modal-paysms .btn-create-account a, .popup-login .btn-create-account a {padding: 11px 30px;} .modal-paysms .btn-create-account a{padding: 12px 0; width: 100%} .modal-paysms p.first, .modal-paysms .btn-create-account{margin-bottom: 20px;} .modal-paysms .login-fb-gg{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .modal-paysms .login-fb-gg img{width: 35%;} .modal-paysms .login-fb-gg p{margin-bottom: 0;} .modal-paysms .click-contact, .popup-login .click-contact {padding: 25px 30px;} .modal-paysms .click-contact .button-group, .popup-login .click-contact .button-group {margin-top: 40px;} .modal-paysms .click-contact input {text-align: center; font-size: 20px;line-height: initial;} .modal-paysms .load-spinner {display: none; position: absolute; width: 500px; height: 100%; z-index: 100; background-color: rgba(256,256,256,0.7)} .modal-paysms .load-spinner img {width: 32px; margin: 200px 345px; height: 32px; padding: 14px; background: #fff; z-index: 101; position: relative; border-radius: 10px} .modal-paysms.loading .load-spinner {display: initial;} .modal-paysms .redirect-spinner {display: none; position: absolute; width: 750px;height: 100%; z-index: 100; background-color: rgba(256,256,256,1)} .modal-paysms .redirect-spinner img {width: 32px; margin: 200px 345px 20px; height: 32px; padding: 14px; background: #fff; z-index: 101; position: relative; border-radius: 10px} .modal-paysms.redirecting .redirect-spinner {display: initial;} .modal-paysms .grey-text {color: #999;} .modal-paysms .error-reason{font-style: italic; color: #999;} #pay-buy-credit-usercash.modal-paysms .load-spinner img {margin-top: 140px; margin-bottom: 140px;} .modal-paysms .sms-otp {background-color: #eee; padding: 10px 40px; margin-bottom: 30px;} .btn-flat-new, .btn-flat-new:visited, .btn-flat-new:default {background: #aaa; padding: 7px 20px; color: #fff; border-radius: 3px; min-width: 95px; cursor: pointer;} .btn-flat-new:hover {opacity: 0.8; color: #fff;} .btn-flat-new:focus, .btn-flat-new:active{opacity: 1; color: #fff;} .btn-facebook-flat {background-color: #3b5eae} .btn-google-flat {background-color: #DD4B39} .btn-linkedin-flat {background-color: #488fc5} .search-content p.results-paging {margin-top: 0px;} .results-paging {font-size: 14px; line-height: 45px; margin-top: 10px; padding-left: 15px; margin-bottom: 30px;} .results-paging a:hover {font-weight: 700; text-align: center; background: #FEE020 } .results-paging a{margin-right: 5px;color: #919191; font-weight: 700; padding: 0px 5px;} .results-paging span.current {font-weight: 700; margin-right: 5px; text-align: center; padding: 0px 5px; background: #FEE020 } .skill-list h4{float: left; margin: 0px; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; margin-right: 4px; font-weight: 400;} .skill-list span a,.skill-list span a:active,.skill-list span a:focus,.skill-list span a:visited{padding: 4px 8px; font-size: 11px; border-radius: 3px; color: #999; display: inline-block; line-height: 14px; margin-bottom: 7px; margin-left: 7px; border: 1px solid #999999;} .skill-list span a:hover {background: #ddd; color: white; border-color: #ddd;} .skill-list span a:active, .skill-list span a:focus {background: #eee; color: white;} .skill-list span.service-tag a, .skill-list span.service-tag a:active, .skill-list span.service-tag a:focus, .skill-list span.service-tag a:visited {color: #FFFFFF; background-color: #0088CC;} .skill-list span.service-tag a:hover {background: #00AAFF; color: white; border-color: #00AAFF;} .block-suggest-freelancers {padding: 0 0 30px 0; margin-top: 50px; background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; width: 99%; margin-left: 2px} .block-suggest-freelancers-mobile {padding: 0 0 40px 0; margin-top: 20px; background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border-radius: 5px;} .suggest-freelancer-title {padding: 30px 0 20px 20px; font-size: 24px; font-weight: 600; border-bottom: 1px solid #CCCCCC; line-height: 32px} .jobs-posted-title {padding: 30px 0 20px 20px; font-size: 24px; font-weight: 600; border-bottom: 1px solid #CCCCCC; line-height: 32px} .suggest-freelancer-item {margin: 40px 0} .fr-name a {color: #000} .sf-contact {padding: 5px 8px; border: none; font-weight: bold; line-height: 28px; font-size: 14px} .fr-title {padding: 3px 0;} .sf-rating-box {float: right; margin: 0} .sf-skill-list {margin-top: 8px;} .sf-income {color: #000;} .sf-skill-item {float: right} .btn-vl {-webkit-transition-duration: .2s; transition-duration: .2s;} .btn-vl-special {padding: 19px 40px 17px; font-size: 20px; font-weight: 700; text-transform: uppercase;} .btn-vl-large {padding: 11px 24px; font-size: 20px; font-weight: 700; line-height:32px; border-radius: 3px;} .btn-vl-medium {padding: 11px 24px; font-size: 16px; font-weight: 600; text-transform: initial; letter-spacing: -0.02em; line-height: 24px; letter-spacing: -0.02em;} .btn-vl-small {padding: 8px 18px; font-size: 14px; line-height: 24px; letter-spacing: -0.02em;} .btn-vl-block {display: block;} .btn-vl-orange {background: #ff6600; color: #ffffff; border: 1px solid #dc6600; box-shadow: none; -webkit-box-shadow: none; text-shadow: none;} .btn-vl-orange:hover {background: #eb5e00; color: #ffffff;} .btn-vl-orange:active {background: #eb5e00; color: #ffffff;} .btn-vl-orange:focus {background: #eb5e00; color: #ffffff;} .btn-vl-orange a {color: #ffffff; line-height: 24px;} .btn-vl-orange a:focus {color: #fff;} .btn-vl-blue {background: #1996d7; color: #ffffff; border: 1px solid #238cc3; text-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .btn-vl-blue:hover {background: #178ac6; color: #ffffff;} .btn-vl-blue:active {background: #178ac6; color:#ffffff;} .btn-vl-blue:focus {background: #178ac6; color: #ffffff;} .btn-vl-green {background: #2DB964; color: #ffffff; border: 1px solid #2DB964; box-shadow: none; -webkit-box-shadow: none; text-shadow: none;} .btn-vl-green:hover {background: #2fbc5e; color: #ffffff;} .btn-vl-green:active {background: #2fbc5e; color: #ffffff;} .btn-vl-green:focus {background: #2fbc5e; color: #ffffff;} .btn-vl-white {background: #ffffff; color: #0FE19B; border: 1px solid #0FE19B; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border-radius: 5px} .btn-vl-white:hover {background: #0FE19B; color:#ffffff;} .btn-vl-white:active {background: #0FE19B; color:#ffffff;} .btn-vl-white:focus {background: #0FE19B; color:#ffffff;} .sf-see-more-btn {padding: 8px 20px; font-size: 16px; font-weight: 600} .il-item {border: 1px solid #CCCCCC; background: #fff; margin: 0; padding: 20px 20px} .il-title {margin-left: 0 !important; color: #0FE19B; font-size: 20px; font-weight: 600; padding-top: 22px} .il-arrow {width:13.5px; height:22px; padding-top: 21px; float: right !important; padding-right: 10px} .il-link {color: #0FE19B} .il-link:hover {color: #0fbd9b} .il-link:active {color: #0FE19B} .il-link:focus {color: #0FE19B} .block-internal-link {margin: 50px 0} .job-comment {padding-left: 20px} .block-internal-link-mobile {display: none} .block-internal-link {display: block} .block-suggest-freelancers-mobile {display: none} .block-suggest-freelancers {display: block} .il-content {margin-top: 10px; margin-bottom: 0 !important; font-size: 16px; color: #000; font-weight: normal; line-height: 24px} .suggest-jobs .span6 {width: 50%} .block-internal-link .row-fluid .span6 {width: 50%} .rating-box {margin-top: 0 !important} .il-item-2 {border-left: none; margin-left: 0 !important; width: 49% !important} .job-count-new {background: #CBCBCB; border-radius: 3px; color: #fff; font-size: 11px; padding: 3px 4px; font-weight: bold} .block-review {background: #F5F5F5; border-radius: 5px; padding: 20px;} .block-no-review {padding: 0 0 0 20px !important} .hide-skill {display: none} .feedback-job {margin: 0 !important; padding: 20px} .client-pic {width: 24px; border-radius: 50%} .slide-job-working .slick-prev {top: -40px !important; position: absolute !important; right: 60px !important; width: 30px !important;height: 33px !important;} .slide-job-working .slick-next {top: -40px !important; position: absolute !important; right: 20px !important; width: 30px !important;height: 33px !important;} .slide-job-finished .slick-prev {top: -40px !important; position: absolute !important; right: 60px !important; width: 30px !important;height: 33px !important;} .slide-job-finished .slick-next {top: -40px !important; position: absolute !important; right: 20px !important; width: 30px !important;height: 33px !important;} .slide-job-canceled .slick-prev {top: -40px !important; position: absolute !important; right: 60px !important; width: 30px !important;height: 33px !important;} .slide-job-canceled .slick-next {top: -40px !important; position: absolute !important; right: 20px !important; width: 30px !important;height: 33px !important;} .contact-title {line-height: 28px !important; padding-bottom: 7px !important} .fr-name-info {margin-left: 0 !important} .right-content-fl {padding-left: 10px} .overview-title {margin-top: 32px;margin-bottom: 13px} .summary-title {padding-top: 48px !important} .summary-title p {line-height: 24px} .summary-block {padding-left: 30px !important;padding-right: 30px !important} .no-portfolio {padding-left: 0} .click-see-more {cursor: pointer} /* Profile khách hàng */ .left-content-client {padding-left: 10px} .suggest-jobs {background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); width: 99%; margin-left: 2px; margin-bottom: 2px; margin-top: 50px} .suggest-jobs-mobile {background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); width: 99%; margin-left: 2px; margin-bottom: 2px;} .sj-label-new {font-size: 11px; font-weight: bold; background: #f76d22; color: #FFF; font-family:'Open Sans', sans-serif; padding: 1px 4px 0 4px; margin-left: 5px; border-radius: 2px; text-transform: uppercase; display: inline-block; line-height: 14px;} .sj-title a {font-size: 16px; line-height: 24px; color: #0088CC;} .sj-title {margin-bottom: 7px} .sj-item {padding: 20px 20px 50px 20px; border-bottom: 1px solid #E5E5E5;} .sj-rating-box {float: left; padding-top: 1px; padding-right: 4px} .sj-client a {color: #000} .sj-client {margin-bottom: 11px} .sj-content {color: #999999; margin-bottom: 17px} .sj-content a {color: #0088CC} .sj-cat-name { background: #F5F5F5; border-radius: 3px;font-size: 13px; line-height: 24px; color: #999999; padding: 3px 8px; pointer-events: none} .sj-see-more {padding: 20px 0 30px 0} .sj-see-more-btn {padding: 8px 26px; font-weight: 600; font-size: 16px; line-height: 24px; color: #0088CC;} .btn-vl-blue-new {background: #ffffff; color:#0088CC; border: 1px solid #0088CC; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border-radius: 5px} .btn-vl-blue-new:hover {background: #0088CC; color:#ffffff;} .btn-vl-blue-new:active {background: #0088CC; color:#ffffff;} .btn-vl-blue-new:focus {background: #0088CC; color:#ffffff;} .fanpage-client-view {padding: 0 20px;margin-top: 50px} .fanpage-title p {color: #999999} .il-link-client {color: #0088CC} .il-link-client:hover {color: #006acc} .il-link-client:active {color: #0088CC} .il-link-client:focus {color: #0088CC} .suggest-jobs {display: block} .suggest-jobs-mobile {display: none} .summary-client {padding-top: 48px !important; padding-bottom: 0 !important} .detail-contact-client {padding-left: 0 !important} .client-job-title a {color: #0088CC;font-size: 20px !important;line-height: 28px !important;} .client-jobs-posted {background: #fff;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);width: 99%;margin-left: 2px;margin-bottom: 2px;} .il-item-full {height: 129px} .il-item-full-2 {height: 151px} .summary-working {padding: 0 30px !important} /*.slide-job-finish-client .slick-prev, .slide-job-finish-client .slick-next {top: -15px !important}*/ .job-item-client .row-fluid .price-day-job {float: right; width: 40%; text-align: right; margin: 0 25px 0 0; color: #999999;} .job-item-client .row-fluid .span12 .job-location{float: left; width: 45%} .job-item-client .row-fluid .information-bottom-left{margin-left: 20px; width: 45%; } .job-item-client .row-fluid .fl-assigned-job{display: inline-block;} .job-item-client .row-fluid .price-job{padding-top: 5px;} .job-item-client .row-fluid .color-blur-profile{color: #999999} .job-item-client .row-fluid .color-dark-profile{color: #000000} .modal-cancel-bid{width: 568px !important;height: 400px !important;border-radius: 9px} .modal-cancel-bid .modal-body{padding: 63px 20px;border-radius: 9px} .close-mdl-new{font-size: 50px;opacity: 1;font-weight: normal;position: absolute;top: 20px;right: 20px;background: none;border: none} .modal.in-mgs-wr h2{font-family: 'Open Sans';font-style: normal;font-weight: 600;font-size: 20px;line-height: 28px;letter-spacing: -0.02em; margin-bottom: 20px; text-align: center} .modal.in-mgs-wr p{font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px; letter-spacing: 0; text-align: left} .modal.in-mgs-wr .btn-popup-unverified{margin-top: 20px; text-align: center} .modal.in-mgs-wr .btn-popup-unverified a.btn-green-new{color: #FFFFFF;background: #2DB964;font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0; margin-top: 10px} .btn-green-new {background: #2DB964;color:#ffffff;border: none;box-shadow: none;-webkit-box-shadow: none;text-shadow:none;font-size: 14px;padding: 8px 24px} .load-spinner-send-mes{position: absolute;top: 0;left: 0;height: 100%;width: 100%; background: #FFFFFF;border-radius: 9px;opacity: 0.5} .load-spinner-send-mes img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)} #DV-K-WP36-verify-tele-request-successful h2{font-family: 'Open Sans';font-style: normal;font-weight: 600;font-size: 20px;line-height: 28px;letter-spacing: -0.02em; margin-bottom: 20px; text-align: center} #DV-K-WP36-verify-tele-request-successful p{font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px; letter-spacing: 0; text-align: left} #DV-K-WP36-verify-tele-request-successful .btn-popup-unverified{margin-top: 20px; text-align: center} #DV-K-WP36-verify-tele-request-successful .btn-popup-unverified a.btn-green-new{color: #FFFFFF;background: #2DB964;font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0; margin-top: 10px} /* Banner introducing new marketing campaign */ .banner-marketing{padding: 0 30px; margin: 20px 0 80px 0;} .banner-marketing a{display: block;} .banner-marketing a img{width: 100%;} .banner-profile-fl{margin-top: 70px;} /* End Banner introducing new marketing campaign */ @media (max-width: 1200px) { .review-clients.container {width: 960px;} .review-clients .review-quote {width:auto; padding:0 15px 0;} .slide-reviews .slick-prev {left:-5px;} .slick-slider .slick-next {right:-5px;} /*block danh sach viec*/ .block_jobs .jobs-account .block-tilte_jobs{width: 40%; text-align: left;} .job-list.jobs-account .description .rating-box{margin-top: 2px} .job-list.jobs-account .job-item .avata-client{padding-top: 0} .job-list.jobs-account .slick-prev,.job-list.jobs-account .slick-next{top: -22%;} .block-internal-link-mobile {display: none} .block-internal-link {display: block} .block-suggest-freelancers-mobile {display: none} .block-suggest-freelancers {display: block} } @media (max-width: 996px) { .top_content{padding-top: 95px!important;} } @media (max-width: 976px) { .feature-freelancer.guider-block .content.inner {padding-left: 0px;} .search-results .feature-freelancer .detail {padding-left: 0px;} .search-results .guider-block .container-image img {height: auto;} .col2-left.span8{width: 100%;} .col2-left.span8 #main_content{width: 750px; margin: auto;} .col2-left.span8 #main_content .left-profile{width: 170px;} .col2-left.span8 #main_content .right-profile{width: 530px; margin: 0px 0px 0px 50px;} .content-section #right_content{width: 100%; margin: 0px;} .content-section #right_content > .block{width: 750px;margin: auto;} .account_show_freelancer .content-section #right_content > .block {width: 516px;} .modal-credit {width: 600px;left: 50%; margin-left: -300px;} .modal-credit .load-spinner img {margin: 200px 270px; left: 0%} .block-internal-link-mobile {display: none} .block-internal-link {display: block} .block-suggest-freelancers-mobile {display: none} .block-suggest-freelancers {display: block} .modal.modal-new.fade.modal-credit.modal-paysms.modal-paysms-mobile.pay-credit-get-contact.in{left: 84%} } @media (max-width: 768px) { /*Freelancer Info Detail*/ .col2-left.span8{width: 100%;} .col2-left.span8 #main_content{width: 620px; margin: auto;} .col2-left.span8 #main_content .left-profile{width: 40%;} .col2-left.span8 #main_content .avata{width: 100%; float: left; height: 170px;} .col2-left.span8 #main_content .dropdown{width: 70%; float: right;} .col2-left.span8 #main_content .nav-left{width: 100%; margin: 0px 0px 0px 0px;} .col2-left.span8 #main_content .nav-left li:last-child{display: none;} .col2-left.span8 #main_content .right-profile{width: 60%; margin: auto; padding: 0px 20px;} .results-paging a {padding: 7px 13px; border: 1px solid #eeeeee;} .results-paging span.current {padding: 8px 14px;} .results-paging span.dots {margin: 0 5px 0 0;} .content-section #right_content{width: 100%; margin: 0px;} .content-section #right_content > .block{width: 580px;margin: auto;} .content-section #right_content .adv-right-profile{display: none;} .account_show_freelancer .content-section #right_content > .block {width: 580px; margin: 0;} /* proflie freelancer */ .job-list.portfolios .three-img-profile {width:562px;} .job-list.portfolios .img-profile {width: 185px;} .job-list.job-worked .description {padding: 3px;} .img-profile.slick-slide img {width: 162px;} .col3-left .id_profile {text-align: left;} .account_show.account_show_freelancer #right_content {margin-top: 40px; margin-left: 0px;} .modal-credit .load-spinner img {margin: 130px 130px;} .pay-credit-get-contact .modal-body {padding: 15px 20px;} .pay-credit-get-contact .modal-body {padding: 15px 20px;} .pay-credit-get-contact .contact-sms .contact-info {padding: 7px 0 0;} .pay-credit-get-contact .contact-sms .info-photo {display: none;} .pay-credit-get-contact .contact-sms .info-photo img {width: 70px; margin: 0 105px;} .pay-credit-get-contact .contact-sms .info-detail {margin: 0; width: 100%; padding: 10px;} .pay-credit-get-contact .contact-sms .info-detail p {text-align: center;} .pay-credit-get-contact .contact-sms .info-detail p span.info-label{display: none;} .pay-credit-get-contact .contact-sms .info-detail p.full-name {font-size: 15px;} .pay-credit-get-contact .contact-sms .suggest-create-job {padding: 25px 25px 15px; margin: 25px 0px 10px;} #pay-credit-contact-client .contact-sms .suggest-create-job {padding: 15px 15px 5px; margin: 25px 0px 10px;} #pay-credit-contact-client .contact-sms .suggest-create-job p {line-height: initial; font-size: 13px; text-align: justify;} body.two-columns-right.account_show.account_show_freelancer .col3-center.span8.right-profile .invite-project {width: 0px; margin-left: 192px;} .block-internal-link-mobile {display: none} .block-internal-link {display: block} .block-suggest-freelancers-mobile {display: none} .block-suggest-freelancers {display: block} .right-content-fl {padding-left: 0} .avata-m {margin-bottom: 12px !important} .col3-center.right-profile span.location.editable.tf300 {font-size: 16px} .skill-updating {font-size: 16px} .col3-center .regional-price {margin-top: 7px} .overview-mobile .body {line-height: 24px} .btn-contact-new {margin-top: 16px !important} .hide-btn-contact {line-height: 24px} .container div#right_content .summary-profile {padding-bottom: 30px !important} .summary-title {padding-top: 40px !important} .suggest-freelancer-title {font-size: 24px; line-height: 32px; padding: 30px 0 20px 20px} .jobs-posted-title {font-size: 24px; line-height: 32px; padding: 30px 0 20px 20px} .overview-title {margin-top: 18px;margin-bottom: 13px} .job-list.job-worked h2, .job-list.portfolios h2 {margin-bottom: 16px; margin-top: 0} .tel-btn-m {margin-top: 15px !important} .fr-info .fr-title {font-size: 16px} .no-portfolio {padding-left: 20px} .banner-marketing{padding: 0 20px;} /* Profile khách hàng */ .left-content-client {padding-left: 0} .fanpage-client-view {display: none} .suggest-jobs {display: none} .suggest-jobs-mobile {display: block; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 50px} .sj-item{padding-bottom: 82px !important} .slide-job-client {padding-left: 20px} .jobs-post-title {padding-left: 20px; margin-top: 4px} .client-job-title a {font-size: 16px !important} .job-comment-client {padding-left: 0 !important} .job-list.job-worked .slick-prev, .job-list.job-hired .slick-prev {top: -25%} .job-list.job-worked .slick-next, .job-list.job-hired .slick-next {top: -25%} .no-job-client {margin-bottom: 50px} .block-job-client{margin-bottom: 50px} .summary-working {padding: 0 20px !important} .sf-rating-box{padding-right: 20px !important} .title-job-client {font-size: 16px !important; margin-bottom: -4px; color: #0088CC; margin-bottom: -5px } .title-job-client a{line-height: 20px;} .banner-profile-fl{margin-top: 0px;} } @media (max-width: 639px) { /* feature freelance */ .feature-freelancer.guider-block .content.inner {padding-left: 0px; width: 100%;} .feature-freelancer.guider-block .content.detail {margin-top: 15px; width: 100%;} .feature-freelancer.guider-block .cta-button {text-align: center;} /* 4 step work */ .guider-block .content.inner {width: 100%; padding-left: 55px;} .guider-block .content.detail {width: 100%; margin-left: 0px} .guider-block .sub-info {padding-left: 8px; padding-right: 8px; margin-right: 0px;} .guider-block .content.detail .note ul li {margin-right: 7px;} .account_show_client .content-section #right_content > .block {width: 100%; margin: auto;} .account_show_client .col2-left.span8 #main_content .nav-left {padding-left: 0px;} /*Freelancer Info Detail*/ .col2-left.span8{width: 100%;} .col2-left.span8 #main_content{width: 100%; margin: auto;} /* .col2-left.span8 #main_content div:first-of-type{display: none;}*/ .col2-left.span8 #main_content .left-profile{width: 100%;} .col2-left.span8 #main_content .avata{width: 43%; float: left; height: 130px;} .col2-left.span8 #main_content .dropdown{width: 55%; float: right;} .col2-left.span8 #main_content .nav-left{width: 100%; margin: 0px 0px 0px 0px;} .col2-left.span8 #main_content .nav-left li:last-child{display: none;} .col2-left.span8 #main_content .right-profile{width: 100%; margin: auto; padding: 0px 10px;} .content-section #right_content{width: 100%; margin: 0px;} .content-section #right_content > .block{width: 320px;margin: auto;} .content-section #right_content .adv-right-profile{display: none;} .content-section.container th.bid-freelancer{display:none} /* fix goc_cong_viec */ .content-section.container td.num-bid{display:none} .account_show_freelancer .content-section #right_content > .block {width: 100%; margin: auto;} /* reviews-section */ .review-clients.container {width: 320px;} .reviews-section .review-client-title {width: 320px; margin: auto; text-align: center;} .stats-col-left-new .stats-col {width: 49%;} .slick-slider .slick-next {right: 0px;} .slide-reviews .slick-prev {left: 0px; z-index: 99;} /* proflie freelancer */ .job-list.job-worked .job-item .span2 {display:none;} .job-list.job-worked .description {width: 33.404255%;} .job-list.portfolios .three-img-profile {width: 100% !important; padding: 0 20px} .job-list.portfolios .img-profile {width: 160px !important; padding-right: 10px; padding-left: 0} .job-list.job-hired .span2 {display:none;} .job-list.job-hired .job-comment {width: 61.446809%;} .job-list.job-hired .description {width: 33.404255%;} .job-list.job-hired .description .price {float:right;} .job-item .description .rating-number {display:none;} .account_show.account_show_freelancer #right_content {width:100%; margin-left: 0px;} .account_show_freelancer #right_content {margin-left: 0px; margin-top: 25px;} .account_show_freelancer .col2-left.span8 #main_content .left-profile {padding-left: 0px; margin-bottom: 20px;} .col3-center.right-profile .span12 h1 { float: none !important; text-align: center;} .col3-center.right-profile .career {text-align: center;} .col3-center .regional-price {text-align: center;} .col2-left.span8 #main_content .avata{width: 100%; text-align: center;} .col3-left .id_profile {text-align: center;} .col3-left .time-online-last {text-align: center;} .col3-left .avata .update-link a {width: 320px;} .img-profile.slick-slide img {width: 180px;} .summary-profile.mobile {display: block !important; -webkit-box-shadow: 0px 1px 2px 0px #C4C4C4; box-shadow: 0px 1px 2px 0px #DADADA;} .summary-profile.mobile h2 {border-bottom: 0px;} .summary-profile.mobile .list-summary-profile {padding-bottom: 5px;} .modal{width: 320px; margin-left: -159px; margin-right: 6px;} .label-tag{padding: 2px 1px;} /*block danh sach viec trong profile*/ .job-list.jobs-account .job-item .span2{display: none} .job-list.jobs-account .job-item .description{width: 37%; line-height: 10px;} .job-list.jobs-account .job-item .job-comment{margin-left: 0;} .job-list.jobs-account .description .rating-box{margin-top: 5px} .block_jobs .jobs-account .block-tilte_jobs{width: 60%; text-align: left !important} .job-list.jobs-account .slick-next,.job-list.jobs-account .slick-prev{top: -22%;} .job-canceled.jobs-account .slick-next,.job-canceled.jobs-account .slick-prev{top: -29%;} .job-working.jobs-account .slick-next,.job-working.jobs-account .slick-prev{top: -13%;} /* Liên hệ trực tiếp với freelancer */ .modal-paysms-mobile {top: 0 !important; left: 0; right: 0; bottom: 0; margin-left: 0; margin-right: 0; width: 100%;} .contact-freelancer-m {width: 100%; padding: 6px 0; margin-bottom: 10px} .contact-m {margin-left: 0 !important} .load-spinner {width: 80%} .modal-credit .load-spinner img {margin: 130px 130px; left: 11%} /*Upgrade client vip */ #admin-upgrade-cvip .package-cvip {width: 100%; margin-left: 0; order: 3;} #package-cvip {width: 80%;} #admin-upgrade-cvip .payment-methods {width: 100%; margin-left: 0; order: 4;} #payment-method-cvip {width: 80%;} #admin-upgrade-cvip .type-cvip {width: 100%; margin-left: 0; order: 1;} #admin-upgrade-cvip .expired-cvip-update {width: 100%; margin-left: 0; order: 2;} #admin-upgrade-cvip .button-submit-cvip {width: 100%; margin-left: 0; order: 5;} #btn-cvip-submit {width: 80%;} .type-cvip {width: 100%; margin-left: 0;} .expired-cvip {width: 100%; margin-left: 0;} .refund-vip {width: 100%;} .button-cancel-submit {width: 100%; margin-left: 0;} #btn-cvip-cancel-submit {width: 80%;} #admin-upgrade-cvip-cancel .refund-vip.span2 [id=refund_3_amount] {width: 80%;} #admin-promotion-cvip .type-cvip {width: 100%; margin-left: 0;} #admin-promotion-cvip .time-cvip {width: 100%; margin-left: 0;} #admin-promotion-cvip .note-cvip {width: 100%; margin-left: 0;} #admin-promotion-cvip .submit-pmt-cvip {width: 100%; margin-left: 0;} /*Upgrade freelancer vip */ #admin-upgrade-vip .package-vip {width: 100%; margin-left: 0; order: 3;} #package-vip {width: 80%;} #admin-upgrade-vip .payment-methods {width: 100%; margin-left: 0; order: 4;} #payment-method {width: 80%;} #admin-upgrade-vip .type-vip {width: 100%; margin-left: 0; order: 1;} #admin-upgrade-vip .expired-vip-update {width: 100%; margin-left: 0; order: 2;} #admin-upgrade-vip .button-submit {width: 100%; margin-left: 0; order: 5;} #btn-vip-submit {width: 80%;} .load-spinner {width: 80%;} .category-mini-vip {width: 100%; margin-left: 0;} .expired-vip {width: 100%; margin-left: 0;} #admin-upgrade-vip-cancel .type-vip {width: 100%; margin-left: 0;} .button-cancel-submit {width: 100%; margin-left: 0;} #btn-vip-cancel-submit {width: 80%;} #admin-upgrade-vip-cancel .refund-vip.span2 [id=refund3_amount] {width: 80%;} #admin-promotion-vip .type-vip {width: 100%; margin-left: 0;} #admin-promotion-vip .time-vip {width: 100%; margin-left: 0;} #admin-promotion-vip .note-vip {width: 100%; margin-left: 0;} #admin-promotion-vip .submit-pmt-vip {width: 100%; margin-left: 0;} /*fix giao dien admin*/ .admin-menu-wrapper #usercash-form .span4, .admin-menu-wrapper #credit .span6{width: 100%; margin-left: 0} .skill-updating {text-align: center} .il-item {width: 100% !important} .il-item-2 {width: 100%; margin: 0 !important; border-top: none} .overview-mobile {padding: 0 20px} .portfolios {padding-left: 0px} .block-suggest-freelancers {padding: 0 20px 40px 20px} .block-suggest-freelancers-mobile {padding: 0 20px 50px 20px} .suggest-freelancer-title {padding-left: 0 !important} .service-freelancer {padding: 20px} .sf-skill-list {padding-right: 0;} .sf-rating-box {margin-right: 0} .block-internal-link-mobile {display: block; margin-top: 60px} .block-internal-link {display: none} .block-suggest-freelancers-mobile {display: block} .block-suggest-freelancers {display: none} .suggest-freelancer-item {margin: 0} .fr-profile-m {margin-bottom: 30px} .left-profile .avata img {border-radius: 100px; width: 120px; height: 120px; border: 1px solid #d9d9d9;} .account_show .invite-project {margin-top: 0 !important} .col3-center.right-profile .span12 h1 {margin: 0 !important} body.two-columns-right.account_show.account_show_freelancer .col3-center.span8.right-profile .invite-project {width: 0px; margin-left: 250px;} body {font-size: 16px !important} .contact-mobile {margin-left: 20px; margin-right: 20px} .suggest-freelancer-title {margin-bottom: 30px; padding-left: 20px !important; margin-left: -20px; margin-right: -20px} .jobs-posted-title {margin-bottom: 30px; padding-left: 20px !important;} .fr-avatar img {width: 48px} .sf-see-more-btn {padding: 8px 0; width: 100%} .block-all-jobs {display: block !important} .block-suggest-freelancers {width: 100%; margin-left: 0; padding: 0} .job-list.job-worked h2, .job-list.portfolios h2 {padding-left: 20px} .col3-center.right-profile .career {font-size: 16px} .slide-job-working .slick-prev {top: -30% !important} .slide-job-working .slick-next {top: -30% !important} .slide-job-finish-client .slick-prev {top: -5% !important} .slide-job-finish-client .slick-next {top: -5% !important} .slide-job-finished .slick-prev {top: -16% !important} .slide-job-finished .slick-next {top: -16% !important} .profile-content .service-freelancer h2 {margin-top: 10px} .col3-center.right-profile .career {margin-bottom: 15px} .summary-block {padding-left: 20px !important; padding-right: 20px !important} .job-list.portfolios {margin-top: 35px} .three-img-profile .slick-prev {left: 286px !important} .three-img-profile .slick-next {left: 324px !important} .slide-job-working .slick-prev {top: -40px !important; position: absolute !important; right: 60px !important; width: 30px !important;height: 33px !important;} .slide-job-working .slick-next {top: -40px !important; position: absolute !important; right: 20px !important; width: 30px !important;height: 33px !important;} .slide-job-finished .slick-prev {top: -40px !important; position: absolute !important; right: 60px !important; width: 30px !important;height: 33px !important;} .slide-job-finished .slick-next {top: -40px !important; position: absolute !important; right: 20px !important; width: 30px !important;height: 33px !important;} .slide-job-canceled .slick-prev {top: -40px !important; position: absolute !important; right: 60px !important; width: 30px !important;height: 33px !important;} .slide-job-canceled .slick-next {top: -40px !important; position: absolute !important; right: 20px !important; width: 30px !important;height: 33px !important;} /* Profile client ipad*/ .slide-job-finish-client .slick-prev, .slide-job-finish-client .slick-next {top: -15px !important} .popup-phone-number-unverified.in-mgs-wr{width: 100% !important; height: 100% !important; border-radius: 0} .modal.in-mgs-wr h2{margin-top: 52px} #DV-K-WP36-verify-tele-request-successful h2{margin-top: 52px} #DV-K-WP36-verify-tele-request-successful {top: 0; left: 0; margin-left: 0; width: 100% !important; height: 100% !important; border-radius: 0} .modal.modal-new.fade.modal-credit.modal-paysms.modal-paysms-mobile.pay-credit-get-contact.in{left: 50%} } @media (max-width: 480px){ .admin-control.form-actions .admin-menu-wrapper .nav-tabs{display: block;} .admin-control.form-actions .admin-menu-wrapper .nav-tabs li{clear: both;} .admin-control.form-actions .admin-menu-wrapper li.active > a{border: 1px solid #ddd; border-radius: 0px;} .popup-push-top .modal-body{padding: 48px 20px;} .popup-push-top .close,.popup-push-success .close,.popup-push-with-credit .close,.popup-history-push-top .close{margin-right: 0} .popup-push-top .push-auto, .popup-push-top .push-immediate{padding: 40px 20px;} .popup-push-success.modal.fade.in,.popup-push-with-credit.modal.fade.in, .popup-history-push-top.modal.fade.in{width: 100%; height: 100vh; left: 0; top: 0; border-radius: 0;} .popup-history-push-top .detail{height: calc(100% - 100px); overflow-y: auto;} .popup-push-success .modal-body, .popup-push-with-credit .modal-body, .popup-history-push-top .modal-body{padding: 56px 20px;} .il-item {width: 100% !important} .il-item-2 {width: 100%; margin: 0 !important; border-top: none} .sf-skill-list {padding-right: 0;} .sf-rating-box {margin-right: 0} .suggest-freelancer-title {padding-left: 0 !important} .block-internal-link-mobile {display: block; margin-top: 60px} .block-internal-link {display: none} .block-suggest-freelancers-mobile {display: block} .block-suggest-freelancers {display: none} .suggest-freelancer-item {margin: 0} .fr-profile-m {margin-bottom: 30px} .left-profile .avata img {border-radius: 100px; width: 120px; height: 120px; border: 1px solid #d9d9d9;} .account_show .invite-project {margin-top: 0 !important} .col3-center.right-profile .span12 h1 {margin: 0 !important} body.two-columns-right.account_show.account_show_freelancer .col3-center.span8.right-profile .invite-project {width: 0px; margin-left: 250px;} body {font-size: 16px !important} .contact-mobile {margin-left: 20px; margin-right: 20px} .suggest-freelancer-title {margin-bottom: 30px; padding-left: 20px !important; margin-left: -20px; margin-right: -20px} .jobs-posted-title {margin-bottom: 30px; padding-left: 20px !important;} .block-suggest-freelancers-mobile {padding: 0 20px 50px 20px} .fr-avatar img {width: 48px} .sf-see-more-btn {padding: 8px 0; width: 100%} .block-all-jobs {display: block !important} .block-suggest-freelancers {width: 100%; margin-left: 0; padding: 0} /* Profile client mobile*/ .slide-job-finish-client .slick-prev, .slide-job-finish-client .slick-next {top: -15px !important} } @media (max-width: 400px) { }