.one-column .main_content {
	float: left;
	width: 100%;
	padding-bottom: 65px;
}

/*.one-column .main_content.main-content-fix-admin{padding-top: 118px}*/
.one-column .content-fix {
	padding-top: 123px
}

/* new_service_job */
.job_post .main_content,
.job_edit .main_content,
.job_new_submit .main_content,
.job_edit_submit .main_content {
	background: #fafafa;
}

/**** Detail clientview freelancer page ****/
ul.error {
	margin: 0px;
}

ul.error li {
	list-style-type: none;
	color: #b94a48;
}

.one-column .content-section {
	margin-top: 30px;
	margin-bottom: 0px;
}

/* Custom Verify Warning Banner */
.verify-warning-banner {
	background-color: #FFF3CD !important;
	border: 1px solid #FFE69C !important;
	border-radius: 8px !important;
	padding: 12px 20px !important;
	color: #664D03 !important;
	display: flex !important;
	align-items: center !important;
	margin-bottom: 25px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: normal !important;
}

.verify-warning-banner i {
	font-size: 22px !important;
	margin-right: 15px !important;
	color: #856404 !important;
}

@media (max-width: 767px) {
	.verify-warning-banner {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 15px !important;
	}
}

/**** Create job freelancer page ****/
.one-column .create-job {
	width: 662px;
}

.create-job .new_job_title,
.create-job .edit_job_title {
	margin: 0px 0px;
	font-size: 40px;
	font-weight: 300;
	color: #000;
	text-align: center;
	text-transform: initial;
}

.create-job .description {
	color: #919191;
}

.create-job .post-job {
	margin: 40px auto 0px;
	letter-spacing: -0.02em;
}

.create-job .post-job .primary-type {
	margin-top: 40px;
}

.create-job .more-options .primary-type {
	margin-top: 42px;
}

.create-job .post-job textarea#vlance_jobbundle_jobtype_description {
	height: 130px;
}

.create-job .form-cread-job-btn {
	margin-top: 20px;
	padding: 30px 20px;
	background-color: #F0F0F0;
}

.create-job .form-cread-job-btn a {
	margin-left: 0px;
}

.create-job .form-cread-job-btn .accept-agreement {
	margin-left: 0px;
	padding-left: 0px;
}

.create-job .form-cread-job-btn p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 20px;
}

.create-job .form-cread-job-btn #btn-submit-job {
	padding: 12px 0px;
	font-size: 14px;
	font-weight: 600;
}

.create-job .block-lr {
	margin-top: 68px;
}

.post-job .primary-type h4 {
	margin: 12px 0px 6px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.03em;
}

.post-job .primary-type i {
	font-weight: 400;
	color: #999;
}

.post-job .primary-type .sprites-job-posting {
	background: url(../../../img/job/icon-job-posting.png) no-repeat;
	width: 80px;
	height: 80px;
}

.post-job .primary-type .sprites-1 {
	background-position: 0px 0px;
}

.post-job .primary-type .sprites-2 {
	background-position: 0px -100px;
}

.post-job .primary-type .sprites-3 {
	background-position: 0px -200px;
}

.post-job .primary-type .sprites-4 {
	background-position: 0px -300px;
}

.post-job .primary-type .sprites-5 {
	background-position: 0px -400px;
}

.create-job .block-lr .sprites-job-posting {
	background: url(../../../img/job/icon-job-posting.png) no-repeat;
	width: 80px;
	height: 80px;
}

.create-job .block-lr .sprites-6 {
	background-position: 0px -500px;
}

.post-job .control-group.primary-type label:first-child {
	padding-top: 15px;
	color: #000;
}

.post-job .document {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 25px;
}

.post-job .add-on {
	padding: 10px 11px 11px;
}

.post-job .fileupload_wrapper input {
	margin-top: 8px;
	line-height: normal;
	height: 30px;
}

.post-job label {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: initial;
}

.service_post .post-job label {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 30px;
}

.service_post .post-job .form-service-more label {
	margin-top: 10px;
}

.post-job .title-hint {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: initial;
	color: #999999;
}

.post-job .control-group>label:first-child {
	padding-top: 16px;
}

.post-job .control-group input.error,
.post-job .control-group textarea.error,
.post-job .control-group select.error {
	border-color: red;
}

.post-job .tab-content .span2 {
	text-align: right;
	padding-right: 16px;
}

.post-job .tab-content .span8 {
	margin-left: 0px;
}

.post-job .tab-content input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-job label.is-private {
	padding-left: 20px;
}

.post-job label.is-private input {
	margin-left: -20px;
	float: left;
}

.post-job label.is-private label {
	width: 498px;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
}

.post-job label.error {
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: red;
	margin: 0px;
	margin-bottom: 5px;
}

.post-job label.form-notes-platform {
	font-size: 12px;
	line-height: 18px;
	color: gray;
	margin-bottom: 5px;
}

.post-job .input-append label.error {
	bottom: -13px;
	position: absolute;
}

.post-job .datepicker-widget.input-append label.error {
	bottom: -79px;
	left: 0;
	position: absolute;
}

.post-job .offset2.job-closed-at {
	padding-right: 5px;
}

.post-job .job-fl-city {
	padding-right: 5px;
}

.post-job .job-fl-experi {
	padding-left: 5px;
}

.post-job .job-fl-experi select {
	width: 100%;
}

.post-job-onsite datepicker-widget.input-append input {
	width: 270px;
}

.modal-post-job {
	margin-top: 0 !important;
}

.popup-reconfirm-email {
	position: fixed !important;
	margin-top: 10%;
}

.popup-private-job {
	position: fixed !important;
	margin-top: 3%;
}

.content-reconfirm-email {
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
}

.content-section.container.create-job.post-job-onsite .block-guide {
	padding: 30px 40px 30px 40px;
	margin-top: 55px;
	border: 1px solid #cccccc;
	background: #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(160, 160, 160, 0.45);
	-moz-box-shadow: 0px 1px 5px rgba(160, 160, 160, 0.45);
	box-shadow: 0px 1px 5px rgba(160, 160, 160, 0.45);
	width: 88%
}

.content-section.container.create-job.post-job-onsite .block-guide .title {
	font-weight: 600;
	font-size: 20px;
}

.content-section.container.create-job.post-job-onsite .block-guide .content {
	margin-top: 23px;
}

.content-section.container.create-job.post-job-onsite .block-guide .content p {
	min-height: 20px;
	margin-bottom: 8px;
	padding-left: 30px;
	padding-bottom: 8px;
	font-size: 14px;
	background: url(../../../img/icon/icon-check.png) no-repeat;
}

#edit-job-form label.error_job {
	float: left;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: red;
	margin: 0px;
	margin-bottom: 5px;
	display: block;
}

#edit-job-form .control-group {
	position: relative;
}

#edit-job-form .control-group.service_wrapper {
	margin-left: 17%;
}

#edit-job-form .control-group .input-append input {
	float: left;
}

#edit-job-form .form-budget .input-append {
	width: 173px;
}

#edit-job-form .form-budget input {
	height: 43px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#edit-job-form .control-group .datepicker-widget.input-append {
	display: inherit;
}

#edit-job-form .block-5.control-group h4 {
	margin-bottom: 34px;
	line-height: 24px;
}

#edit-job-form .block-5.control-group label {
	margin-bottom: 0px;
	padding-top: 0px;
}

#edit-job-form .block-5.control-group input {
	position: relative;
	bottom: 3px;
}

#edit-job-form .block-5.control-group .payment-credit {
	text-align: right;
}

#edit-job-form #vlance_jobbundle_jobtype {
	float: none;
}

#edit-job .control-group {
	position: relative;
}

#edit-job .control-group .input-append input {
	float: left;
}

#edit-job #vlance_jobbundle_jobtype {
	float: left;
}

.form-add-skill {
	width: 98.5%;
	height: auto;
	padding: 9px 2px 8px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	float: left;
	margin-bottom: 10px;
	cursor: text;
	background: #fff;
}

.form-add-skill .inner-skill {
	padding: 0 8px;
}

.form-add-skill input {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

.form-add-skill input:focus {
	outline: none;
	outline: none;
	outline-style: none;
	box-shadow: none;
	border-color: transparent;
}

#edit-portfolios-table .thumbnails {
	min-width: 140px;
}

#edit-portfolios-table .actions {
	margin-top: 10px;
	text-align: left;
}

#edit-portfolios-table .description {
	min-width: 140px;
}

#edit-portfolios-table .services {
	min-width: 200px;
}

#edit-portfolios-table .actions .btn {
	padding: 6px 7px;
	line-height: 14px;
}

.post-job .wrapper select {
	margin-bottom: 15px;
}

.post-job .wrapper.combo-row-1st {
	margin-left: 0;
	padding-right: 5px;
}

.post-job .wrapper.combo-row-1st>div,
.post-job .wrapper.combo-row-2nd>div {
	width: 100%;
}

.post-job .wrapper .add-on {
	width: 32px;
	height: 17px;
}

.datepicker-widget.input-append .add-on {
	padding: 7px 11px 9px;
	line-height: 21px;
}

/*.post-job .wrapper input {width: 381px;}*/
/*.post-job label strong {font-weight: 600;} */
.post-job select,
.post-job input {
	font-size: 14px;
	height: 42px;
}

.post-job .block-5.control-group .row-fluid.first {
	margin-bottom: 12px;
}

.post-job .block-5.control-group .row-fluid {
	margin-bottom: 20px;
}

.post-job .block-5.control-group input {
	height: 20px;
}

.post-job .form-add-skill input[type=text] {
	height: initial;
	margin-bottom: 0;
}

.post-job #form_preview_job_modal input {
	height: 30px;
}

.post-job textarea {
	font-size: 14px;
	resize: vertical;
}

.post-job .selected-skills label {
	line-height: 35px;
}

.post-job .selected-price,
.post-job .selected-location,
.post-job .posting-time {
	margin-left: 0px;
	margin-top: 15px;
}

.post-job .start-job {
	margin-top: 15px;
}

.post-job .selected-price label,
.post-job .selected-location label,
.post-job .posting-time label,
.post-job .start-job label {
	font-weight: bold;
}

.post-job .start-job button {
	height: 45px;
	background: #ffffff;
	border: 1px solid #d4d4d4;
	box-shadow: 0px 0px 0px #ffffff;
	line-height: 45px;
}

.post-job .start-job button:active {
	box-shadow: 0px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	-moz-box-shadow: 0px 0px 0px #ffffff;
}

.post-job .start-job .input-append {
	margin-bottom: 0px;
}

.post-job .start-job .input-append input {
	border-right: 0px;
}

.post-job .start-job button .img-date {
	background: url('../../../img/input-date.png') no-repeat;
	width: 18px;
	height: 21px;
	display: inline-block;
}

.post-job .form-cread-job-btn {
	margin-top: 30px;
	padding: 20px 15px;
	background-color: #F0F0F0;
	border-radius: 5px;
}

.post-job .form-cread-job-btn .accept-agreement {
	font-size: 12px;
	letter-spacing: -0.03em;
	line-height: initial;
	margin-bottom: 5px;
}

.post-job .more-options {
	margin: 0px 0 10px;
}

.post-job .more-options>label span {
	font-weight: normal;
	font-style: italic;
	color: #999;
}

.post-job .more-options label span.sub-text {
	font-weight: normal;
	font-style: italic;
	color: #999;
}

.post-job .more-options label i.require-escrow {
	margin: 0 1px 0 3px;
}

.post-job .more-options label .popover {
	max-width: 500px;
}

.post-job .more-options label .popover-title {
	font-size: initial;
	text-transform: initial;
	line-height: initial;
}

.post-job .more-options input[type=checkbox] {
	position: relative;
	height: initial;
}

.post-job .more-options label.checkbox {
	float: left;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	margin-top: 10px;
}

.post-job .more-options .fa-lock {
	color: #23c3eb;
	font-size: 17px;
	margin-top: 2px;
	margin-right: 7px;
	margin-left: 9px;
	float: left;
}

.post-job .more-options .pay-credit-contest {
	float: left;
	margin-left: 40px;
}

.post-job .more-options .span12 {
	min-height: initial;
}

.post-job .more-options #require_escrow {
	top: -40px;
}

.post-job .notice-information {
	margin-top: 20px;
}

.post-job .notice-information>.span12 {
	padding: 3px 15px 6px;
	background-color: #f2f2f2;
	border-radius: 3px;
}

.post-job .notice-information label {
	font-weight: normal;
}

.post-job .notice-information input {
	position: relative;
	height: initial;
}

.post-job .notice-information span.sub-text {
	font-weight: normal;
	font-style: italic;
	color: #999;
}

.post-job .notice-information #agree_info {
	top: -40px;
}

.post-job .notice-information #agree_spam {
	top: -20px;
}

.post-job .notice-information.will-escrow>.span12 {
	padding: 3px 15px 10px;
	background-color: #FEF2EB;
	border-radius: 3px;
}

.post-job .notice-information.will-escrow i {
	color: #FBB48E;
}

#form_preview_job_modal .modal-body label {
	float: left;
	margin: 0px 5px 0px 0px;
}

#form_preview_job_modal .modal-body .new_description label {
	float: none;
}

#form_preview_job_modal .modal-body .new_description {
	margin: 10px 0px;
}

.new_title,
.new_file_upload,
.new_description,
.new_budget,
.new_category,
.new_city,
.new_start_date,
.new_duration {
	margin: 10px 0px;
}

#form_preview_job_modal .modal-body .new_file_upload label {
	float: none;
}

.new_file_upload ul {
	margin: 0px;
}

.new_file_upload ul li {
	margin: 0px;
	height: 20px;
	list-style: none;
}

/*.new_file_upload ul li p{ma}*/
.post-job #edit-job-form .new_file_upload {
	display: none;
}

#edit-job-form .new_file_upload ul li {
	list-style: none;
}

#edit-job-form .new_description .description-text.text {
	max-height: 100px;
	overflow: hidden;
}

#edit-job-form .new_description .description-text {
	max-height: none;
}

#edit-job-form .new_description .preview_readmore_thu {
	display: block;
}

#edit-job-form .new_description .preview_readmore_thu.display {
	display: none
}

#edit-job-form .new_description .preview_readmore.display {
	display: none
}

.create-job .quick-guide.affix {
	width: 388px;
	margin-left: 571px;
	top: 20px;
}

.create-job .quick-guide.affix-bottom {
	position: absolute;
	bottom: 90px;
	width: 388px;
	margin-left: 571px;
}

.block-lr h4 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.03em;
}

.block-lr .block-type-user label {
	/*width:140px;*/
	font-size: 16px;
}

.block-lr .block-form-lr {
	margin-top: 0px;
	background-color: #ebebeb;
}

.block-lr .block-form-lr input {
	width: 240px;
	border-radius: 4px;
	border-color: #4F4F4F;
	height: auto;
}

.block-lr .block-form-lr input[type="checkbox"] {
	width: auto;
}

.block-lr .block-form-lr .block-form-reg.deactive {
	display: none;
}

.block-lr .block-form-lr .block-form-log.deactive {
	display: none;
}

.block-lr .block-form-lr .login-socail-network-label {
	margin-top: 20px;
	margin-bottom: 12px;
}

.block-lr .block-form-lr .input-email,
.block-lr .block-form-lr .re-pass {
	padding-left: 7px;
}

.block-lr .block-form-lr form#log-form {
	margin-bottom: 0px;
}

.block-type-user label.radio.checked {
	font-weight: 600;
}

.block-form-reg .field {
	margin-bottom: 10px;
}

.block-form-reg .field input {
	height: auto;
}

.block-lr .block-form-lr .block-form-reg input {
	width: 242px;
}

#log-form .field {
	margin-bottom: 7px;
}

/**** End Cread job freelancer page ****/

/**** Cread job onsite page ****/
.post-job-onsite .required:after {
	content: " *";
	color: red;
}

#creditOnsite .modal-body {
	min-height: 175px;
}

/**** End Cread job onsite page ****/

/* Banner introducing new marketing campaign */
.banner-marketing {
	margin-top: 80px;
	margin-bottom: 15px;
}

.banner-marketing a {
	display: block;
}

.banner-marketing .banner-destop {
	display: block;
}

.banner-marketing .banner-mobile {
	display: none;
}

/* End Banner introducing new marketing campaign */

/* page create contest */
.job_contest_new {
	background-color: #fafafa;
}

#vlance_jobbundle_jobcontesttype label.error {
	position: relative;
	top: -5px;
	font-weight: normal;
	line-height: 21px;
	color: red;
}

#vlance_jobbundle_jobcontesttype label.error.size {
	display: block !important;
}

.one-column .content-section.create-contest {
	margin-top: 0px;
}

.create-contest .header {
	background: #facd46;
}

.create-contest .header .container {
	width: 960px;
	padding-top: 80px;
	padding-bottom: 72px;
}

.create-contest .header .side-right img {
	width: 460px;
	height: 312px;
}

.create-contest .header .title {
	margin-bottom: 18px;
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #000000;
	letter-spacing: -0.04em;
}

.create-contest .side-left .content {
	width: 345px;
	line-height: 24px;
	color: #000;
}

.create-contest .side-left li {
	letter-spacing: -0.02em;
	line-height: 24px;
}

.create-contest .side-left .button {
	margin-top: 24px;
}

.create-contest .progress-contest {
	background: #313332;
}

.create-contest .progress-contest .container {
	width: 960px;
	padding: 40px 0px;
}

.progress-contest .step {
	color: #666666;
	list-style: none;
	position: relative;
	padding-right: 37px;
	padding-left: 36px;
	display: inline-block;
	float: left;
}

.progress-contest .step.first {
	padding-right: 60px;
	padding-left: 0px;
	color: #ffffff;
}

.progress-contest .step.last {
	padding-right: 0px;
}

.progress-contest .step .step-number {
	padding-bottom: 8px;
	color: #666666;
	text-transform: uppercase;
}

.progress-contest .step .tally {
	font-size: 17px;
}

.progress-contest .step.first .step-number {
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
}

.progress-contest .step.first .tally {
	font-weight: 700;
}

.create-contest .container {
	width: 640px;
	margin: auto;
}

.create-contest .contest_title {
	padding-top: 62px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.create-contest .contest_title p {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #999999;
	line-height: 22px;
	letter-spacing: -0.02em;
}

.create-contest .contest_title h1 {
	margin-bottom: 0px;
	padding-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	text-align: center;
	color: #333333;
	letter-spacing: -0.02em;
}

.create-contest .prize-choice h3 {
	font-size: 16px;
	color: #000;
	line-height: 22px;
	letter-spacing: -0.02em;
}

.create-contest .block-contest-choice {
	padding: 7px 15px;
	min-height: 136px;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	text-align: center;
}

.create-contest .block-contest-choice.checked {
	background: #fcf5e5;
	border-color: #ff6600;
}

.create-contest .promote-choice {
	margin-bottom: 14px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

.create-contest .note-new-contest {
	margin: 12px 0px;
}

#block-info-price {
	display: flex
}

.disabledbutton {
	pointer-events: none !important;
	opacity: 0.4;
}

.not-select {
	cursor: not-allowed !important;
}

.red-alert {
	color: red !important;
}

.post-contest-job .description {
	margin: 16px 0px;
	color: #000
}

.post-contest-job .budget-choice span {
	font-size: 14px;
	font-weight: 400;
}

.post-contest-job .budget-choice h4 {
	font-size: 20px;
}

.post-contest-job .budget-choice p {
	margin-bottom: 0px;
	font-size: 14px;
	text-align: initial;
	line-height: 24px;
}

.post-contest-job .budget-choice .fa-check {
	margin: 0px 3px 0px 0px
}

.post-contest-job label {
	margin-bottom: 8px;
	padding-top: 16px;
	padding-left: 0px;
	font-size: 16px;
	color: #000;
}

.post-contest-job label.radio {
	padding-top: 0px
}

.post-contest-job label.form-notes-platform {
	font-size: 12px;
	color: gray;
	padding: 0px;
}

.post-contest-job .form-cread-job-btn {
	margin-top: 30px;
	padding: 20px 24px;
	background-color: #F0F0F0;
}

.post-contest-job select {
	font-size: 14px;
	height: 45px;
}

.post-contest-job input {
	font-size: 14px;
	height: 45px;
}

.post-contest-job .accept-agreement p {
	margin: 10px 0px 0px;
	;
	color: #999999;
}

.post-contest-job input#btn-submit-contest {
	background: #ff6600;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5px;
}

.block-contest-choice input[type="radio"] {
	float: initial;
	margin-left: 0px;
	height: auto;
}

.promote-choice p {
	padding-left: 55px;
	font-size: 14px;
}

.promote-choice input[type="checkbox"] {
	margin-left: -30px;
}

.promote-choice span.span3 {
	margin-left: 0px;
	padding-top: 20px;
	padding-left: 40px;
	font-size: 14px;
}

.promote-choice span.span3 b {
	font-size: 16px;
}

#edit-job-form .control-group ::-webkit-input-placeholder {
	font-style: normal;
}

#edit-job-form .control-group ::-moz-placeholder {
	font-style: normal;
}

#edit-job-form .control-group :-ms-input-placeholder {
	font-style: normal;
}

.post-contest-job .block-private .contest_private_block1 {
	width: auto;
	padding-left: 20px;
	color: #333333;
}

.post-contest-job .block-private input {
	height: 16px;
}

.post-contest-job .block-private .private_explanation p {
	margin-left: 25px;
	margin-right: 24px;
	color: #999999;
}

.create-contest input#vlance_jobbundle_jobcontesttype_isPrivate {
	margin-top: 0px;
	height: auto;
}

/*Tài liệu đính kèm edit job*/
.fileupload_wrapper {
	clear: both;
	margin-bottom: 10px;
}

.fileupload_wrapper .collapsed {
	margin-bottom: 10px;
}

.fileupload_wrapper .attach a {
	font-size: 12px;
	line-height: 29px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fileupload_wrapper .attach ul {
	list-style: none;
	margin-bottom: 0px;
	margin: 0px;
}

.fileupload_wrapper .modal-body .attach {
	margin-top: 20px;
}

/*end tài liệu đính kèm edit job*/
/*new file*/
.support_file_attach {
	font-style: normal;
	font-size: 13px;
	color: #666666;
}

.fileupload_wrapper a.addupload {
	float: left;
}

.fileupload_wrapper a.add_input_file {
	margin-top: 11px;
	margin-bottom: 15px;
	float: left;
}

.new_file_input {
	float: left;
	width: 100%
}

.new_file_input input[type=file] {
	line-height: initial;
	height: initial;
	margin-bottom: 3px;
}

.new_file_input .control-group {
	float: left;
}

.new_file_input a.remove {
	float: left;
	margin-top: 9px;
	margin-left: 20px;
	color: #cccccc;
	font-size: 17px;
}

.new_file_input a.remove:hover {
	color: #ff0000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.new_file_input .control-group label.error {
	position: relative;
	top: -5px;
	font-weight: normal;
	line-height: 21px;
	color: red;
}

.form-bid .new_file_input .control-group label.error {
	position: relative;
	top: -5px;
}

.form-bid-onsite .new_file_input .control-group label.error {
	position: relative;
	top: -5px;
}

#submit_bid_form .new_file_input a.remove {
	margin-left: 0px;
}

.tm-tag .tm-tag-remove {
	font-weight: bold;
	margin-left: 5px;
	opacity: 1;
	position: absolute;
	margin-top: 0;
	padding: 0;
	top: 0;
	left: 1px;
	color: #D75108;
}

.tm-tag .tm-tag-remove:hover {
	text-decoration: none;
	opacity: .6
}

.tm-tag {
	margin-top: 5px;
	display: block;
	font-weight: 600;
	color: #0088cc;
}

.tm-tag:first-child {
	margin-top: 11px;
}

.tm-tag .tm-tag-remove {
	position: relative;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
}

/*them nut dang nhap dang ki trang dang du an*/
.block-lr .block-form-lr .btn-form-submit {
	width: 100%;
	height: 41px;
	font-size: 14px;
	background: #33cc66;
	color: white;
	border: #33cc66 1px solid;
	text-shadow: none;
	box-shadow: none;
	transition: all 0.3s;
}

.block-lr .block-form-lr .btn-form-submit:hover {
	background: #2fbc5e;
}

.block-lr .block-form-lr .sec-btn-log-job {
	margin-left: 66.585106%;
	margin-top: 10px
}

.job_new .block-lr .block-form-lr .login-socail-network-label {
	margin-top: 0
}

.btn-social-fb-post-job {
	font-size: 14px;
	border-radius: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.btn-social-nfb-post-job {
	margin-left: 10px;
	font-size: 14px;
	border-radius: 20px;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 18px;
}

/* Create job page new */
.budget-job-new {
	width: 50%
}

.btn-vl-yellow {
	background: #FFD600;
	color: #000;
	border: 1px solid #FFD600;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	border-radius: 5px
}

.btn-vl-yellow:hover {
	background: #FFD600;
	color: #000;
	opacity: 0.8
}

.btn-vl-yellow:active {
	background: #FFD600;
	color: #000;
	opacity: 0.8
}

.btn-vl-yellow:focus {
	background: #FFD600;
	color: #000;
	opacity: 0.8
}

.btn-vl-yellow:disabled,
.btn-vl-yellow[disabled] {
	background: #FFD600;
	color: #000;
	opacity: 0.5
}

.btn-black-border {
	color: #000;
	border: 2px solid #999999;
	border-radius: 5px;
	background: #fff;
	font-size: 14px;
}

.btn-black-border:hover {
	background: #ffffff;
}

.btn-black-border:active {
	background: #ffffff;
}

.btn-black-border:focus {
	background: #ffffff;
}

.btn-black-border:disabled,
.btn-black-border[disabled] {
	background: #ffffff;
	color: #000;
	opacity: 0.5
}

#edit-job-form #vlance_jobbundle_jobtype_skill {
	height: 20px;
	width: calc(100% - 27px);
}

/* Trang tao goi dich vu */
.service_post .main_content.content-fix {
	background-color: #FAFAFA;
}

.service_post .content-section.container.create-job {
	width: 600px;
	padding-top: 15px;
}

.service_post #edit-job-form .control-group.service_wrapper {
	display: block;
}

.service_post .new_job_title,
.service_post .edit_job_title {
	margin: 0px 0px;
	font-size: 30px;
	font-weight: 600;
	color: #000;
	text-align: center;
	text-transform: initial;
	line-height: 40px;
	margin-left: 15px;
	letter-spacing: -0.02em;
}

.service_post .number {
	font-size: 16px;
	background-color: #2DB964;
	width: 32px;
	height: 32px;
	color: white;
	line-height: 32px;
	text-align: center;
	border-radius: 32px;
	margin-top: 5px;
}

.service_post .primary-type .span2 {
	width: 32px;
	height: 32px;
}

.service_post .primary-type h4 {
	margin: 5px 2px 6px;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.03em;
}

.service_post #edit-job-form .control-group.service_wrapper {
	margin-left: 0px;
}

.service_post .upload-video input {
	width: 95%;
	height: 26px;
}

.service_post .guide-post-video {
	width: 100%;
	color: #999999;
}

.service_post #sp_result input,
.service_post #sp_process input {
	width: 96%;
	height: 27px;
}

.service_post .post-job .control-group textarea {
	height: 96px;
	resize: vertical;
	margin-top: 5px;
}

.form-service-more .control-group {
	margin-bottom: 25px;
}

.form-service-more .control-group .control-group {
	border-bottom: 0px;
}

.form-service-more .control-group label {
	display: none;
}

.form-service-more .control-group .control-group label {
	display: block;
	font-size: 14px;
	line-height: 40px;
}

.service_post .post-job .form-service-more .control-group .control-group label {
	padding-top: 0px;
	line-height: 20px;
	margin-bottom: 10px;
}

.form-service-more .control-group .control-group select {
	height: 42px;
	padding: 10px;
}

.form-service-more .addon-form-close {
	position: relative;
	right: 20px;
	text-align: right;
	height: 0px;
	z-index: 1;
}

.form-service-more .number-adddon {
	font-size: 12px;
	line-height: 16.34px;
	color: #999999;
	position: absolute;
	top: 90px;
	top: 30px
}

.form-service-more .addon-form-close button {
	color: #EB5757;
	border: 0px;
	background: none;
	font-size: 16px;
	line-height: 24px;
}

.form-service-more .number-addon {
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	letter-spacing: initial;
	position: relative;
	top: 40px;
	left: 20px;
}

.form-service-more .control-group .control-group .label-title-addon label {
	display: block;
	margin-top: 20px;
	line-height: 20px;
}

.form-service-more .label-title-addon {
	display: flex;
	align-items: flex-end;
}

.post-job .form-service-more {
	margin-top: 18px;
}

.post-job .form-service-more .span9 {
	line-height: 20px;
	min-height: 10px;
}

.post-job .form-service-more .span3 {
	line-height: 20px;
	min-height: 10px;
	text-align: right;
}

.post-job .form-service-more input {
	margin: 0px;
}

.post-job .form-service-more .add-servive {
	text-align: center;
}

.post-job .form-service-more .add-servive button {
	padding: 8px 24px;
	background: white;
	border-radius: 5px;
}

.form-service-more .addon-form {
	background-color: white;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	padding: 50px 20px 60px 20px;
	margin-bottom: 10px;
	position: relative;
}

.form-service-more .addon-form.form-service-edit {
	display: none;
}

.form-service-more .addon-form h5 {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	font-weight: 700;
}

.service_post .post-job .form-cread-job-btn {
	margin-top: 55px;
}

.service_post .create-job .form-cread-job-btn #btn-submit-job {
	background-color: #2DB964;
	color: white;
	border: 1px solid #43A047;
	border-radius: 5px;
}

.addon-form .input-append {
	width: 100%;
}

.addon-form .add-on {
	width: 32px;
	height: 17px;
	color: #999;
	background: #fff;
	position: absolute;
	margin-left: -55px;
	border: 0;
	margin-top: 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.service_post .post-job .input-append label.error {
	bottom: -21px;
}

.service_post .upload-video button,
.service_post #sp_result button,
.service_post #sp_process button {
	border: 0px;
	background: transparent;
}

.multiline-text .sp_process-button {
	text-align: right;
	height: 0;
}

.multiline-text .sp_process-button button {
	position: relative;
	top: 18px;
}

.service_post .upload-video i,
.service_post #sp_process i,
.service_post #sp_result i,
.service_post #sp_process i {
	opacity: 0.5;
}

.service_post .post-job {
	margin-left: 8px;
}

.service_post .control-group.primary-type {
	margin-top: 60px;
}

.service_post .post-job select,
.post-job input {
	height: 48px;
	margin-top: 4px;
}

.service_edit .input-append {
	width: 100%;
}

.service_edit .input-append .add-on {
	width: 32px;
	height: 17px;
	color: #999;
	background: #fff;
	position: absolute;
	margin-left: -55px;
	border: 0;
	margin-top: 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.service_post .description.blurry-text-bao .login_view_job .btn-connect p.first {
	width: 65%;
	font-size: 20px;
	line-height: 28px;
	color: #000000;
	letter-spacing: -0.02em;
}

.service_post .description.blurry-text-bao .login_view_job {
	margin-left: 0;
	width: 100%;
	margin-top: 90px;
	height: auto;
}

.service_post .description.blurry-text-bao .login_view_job .btn-connect {
	padding: 30px 0;
}

.service_post .login_view_job .center {
	display: grid;
	justify-content: center;
	align-items: center;
	margin-left: -60px
}

.service_post .blured {
	-webkit-filter: unset;
	filter: unset;
	opacity: 0.5;
}

.service_post .post-job .feature-image {
	margin-left: 0;
	padding: 20px;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #cccccc;
	margin-top: 10px;
}

.post-job .feature-image .fileupload_wrapper a.add_input_file {
	padding: 8px 24px;
	border: 1px solid black;
	border-radius: 5px;
	color: black;
}

.post-job .label-title {
	display: flex;
	align-items: flex-end;
}

.create-job .btn-connect h4 {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.02em;
	padding: 0 20px;
}

.create-job .btn-connect .find-job {
	display: inline-block;
	margin-top: 20px;
	padding: 8px;
	border-radius: 5px;
	background-color: #2DB964;
	color: white;
	border: 1px solid #43A047;
	font-weight: 600;
	width: 50%;
}

.create-job .btn-connect .note {
	margin-top: 10px;
	width: 60%;
	margin: auto;
}

.popup-service-show {
	width: 400px;
	top: 20%;
	left: 55%;
}

.popup-service-show .modal-header {
	padding: 0;
	border-bottom: none;
}

.popup-service-show .close-popup-service {
	border: none;
	background: white;
	color: black;
	font-size: 40px;
	font-weight: 700;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding: 20px;
}

.popup-service-show .title h5 {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: center;
}

.popup-service-show .modal-body {
	padding: 10px 20px;
	min-height: auto;
}

.popup-service-show .hide-popup-service {
	border: 1px solid #000000;
	padding: 8px 24px;
	border-radius: 5px;
	background: white;
	font-weight: 600;
}

.popup-service-show .button-hide-popup {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* ============================================================ */
/* VERIFICATION POPUP STYLES                                    */
/* ============================================================ */

.job_new .btn.banner-confirm-btn {
	width: initial;
}

/* OVERLAY */
.job_new .overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	z-index: 105;
	align-items: center;
	justify-content: center;
}

.job_new .overlay.active {
	display: flex;
}

/* POPUP BASE */
.job_new .popup {
	display: none;
	background: #fff;
	border-radius: 12px;
	width: 460px;
	max-width: 95vw;
	max-height: 90vh;
	overflow-y: auto;
	position: relative;
	padding: 28px 28px 24px;
	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
	animation: popIn .22s ease;
}

.job_new .popup.active {
	display: block;
}

@keyframes popIn {
	from {
		transform: scale(.95);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

.job_new .popup-close {
	position: absolute;
	top: 14px;
	right: 16px;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #555;
	line-height: 1;
}

.job_new .popup-close:hover {
	color: #111;
}

.job_new .popup h2 {
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 14px;
	color: #111;
}

.job_new .back-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	color: #27ae60;
	cursor: pointer;
	margin-bottom: 14px;
	text-decoration: none;
}

.job_new .back-link:hover {
	text-decoration: underline;
}

.job_new .back-link::before {
	content: '←';
}

/* NOTICE BOX */
.job_new .notice {
	border: 1px solid #f5c6cb;
	background: #fff5f5;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 13px;
	color: #c0392b;
	margin-bottom: 16px;
	display: flex;
	gap: 8px;
	align-items: flex-start;
}

.job_new .notice .icon {
	font-size: 15px;
	flex-shrink: 0;
	margin-top: 1px;
}

/* SECTION LABEL */
.job_new .section-label {
	font-size: 15px;
	font-weight: 700;
	color: #111;
	margin-bottom: 12px;
}

/* OPTION CARD */
.job_new .option-card {
	border: 1.5px solid #e0e0e0;
	border-radius: 8px;
	padding: 13px 14px;
	margin-bottom: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: border-color .15s, background .15s;
	position: relative;
}

.job_new .option-card:hover {
	border-color: #27ae60;
	background: #f6fff9;
}

.job_new .option-card.selected {
	border-color: #27ae60;
	background: #f0faf4;
}

.job_new .option-card .card-icon {
	font-size: 22px;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	background: #e8f5e9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.job_new .option-card .card-text h4 {
	font-size: 13px;
	font-weight: 600;
	color: #222;
}

.job_new .option-card .card-text p {
	font-size: 12px;
	color: #777;
	margin-top: 2px;
}

.job_new .option-card .check {
	margin-left: auto;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1.5px solid #ccc;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: transparent;
}

.job_new .option-card.selected .check {
	background: #27ae60;
	border-color: #27ae60;
	color: #fff;
}

/* BUTTONS */
.job_new .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 20px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	transition: background .15s, opacity .15s;
	width: 100%;
	margin-top: 8px;
}

.job_new .btn-primary {
	background: #27ae60;
	color: #fff;
}

.job_new .btn-primary:hover {
	background: #219150;
}

.job_new .btn-primary:disabled {
	background: #b0b0b0;
	cursor: not-allowed;
}

.job_new .btn-secondary {
	background: #fff;
	color: #333;
	border: 1.5px solid #ccc;
	margin-top: 8px;
}

.job_new .btn-secondary:hover {
	background: #f5f5f5;
}

.job_new .btn-row {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.job_new .btn-row .btn {
	margin-top: 0;
}

/* FORM */
.job_new .form-group {
	margin-bottom: 14px;
}

.job_new .form-group label {
	font-size: 12px;
	font-weight: 600;
	color: #444;
	display: block;
	margin-bottom: 5px;
}

.job_new .form-group select,
.job_new .form-group input {
	width: 100%;
	border: 1.5px solid #ddd;
	border-radius: 7px;
	padding: 9px 12px;
	font-size: 13px;
	color: #222;
	outline: none;
	transition: border-color .15s;
}

.job_new .form-group select:focus,
.job_new .form-group input:focus {
	border-color: #27ae60;
}

.job_new .form-group .hint {
	font-size: 11px;
	color: #888;
	margin-top: 4px;
}

/* PHONE INPUT ROW */
.job_new .phone-row {
	display: flex;
	gap: 8px;
}

.job_new .phone-flag {
	display: flex;
	align-items: center;
	gap: 6px;
	border: 1.5px solid #ddd;
	border-radius: 7px;
	padding: 9px 12px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	cursor: default;
	background: #fafafa;
}

/* OTP */
.job_new .otp-row {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin: 16px 0;
}

.job_new .otp-row input {
	width: 46px;
	height: 52px;
	border: 1.5px solid #ddd;
	border-radius: 8px;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #222;
	outline: none;
}

.job_new .otp-row input:focus {
	border-color: #27ae60;
	background: #f6fff9;
}

.job_new .otp-timer {
	text-align: center;
	font-size: 12px;
	color: #888;
	margin-top: 4px;
}

.job_new .otp-timer span {
	color: #e74c3c;
	font-weight: 600;
}

.job_new .resend-link {
	color: #27ae60;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	display: block;
	margin-top: 6px;
}

.job_new .resend-link:hover {
	text-decoration: underline;
}

/* DOC CHOICE */
.job_new .doc-choice {
	display: flex;
	gap: 10px;
	margin-bottom: 14px;
}

.job_new .doc-tab {
	flex: 1;
	padding: 9px;
	border-radius: 7px;
	border: 1.5px solid #ddd;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	font-weight: 500;
	color: #555;
	transition: all .15s;
}

.job_new .doc-tab.active {
	border-color: #27ae60;
	background: #f0faf4;
	color: #27ae60;
	font-weight: 700;
}

/* UPLOAD ZONE REVAMP */
.job_new .upload-zone {
	border: 1px dashed #27ae60;
	border-radius: 12px;
	background: #e8f9ef;
	text-align: center;
	padding: 24px 16px;
	cursor: pointer;
	margin-bottom: 15px;
	transition: all .15s;
	position: relative;
	overflow: hidden;
	min-height: 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.job_new .upload-zone:hover {
	background: #def7e8;
}

.job_new .upload-zone .upload-icon {
	font-size: 28px;
	color: #555;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.job_new .upload-zone p {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 4px;
}

.job_new .upload-zone small {
	font-size: 12px;
	color: #999;
}

.job_new .upload-zone.has-file {
	border-style: solid;
	padding: 0;
}

.job_new .upload-zone .preview-img {
	display: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: none;
	margin-top: 0;
	border-radius: 11px;
	background: #f0f0f0;
}

.job_new .upload-zone.has-file .preview-img {
	display: block;
}

.job_new .upload-zone.has-file .upload-icon,
.job_new .upload-zone.has-file p,
.job_new .upload-zone.has-file small,
.job_new .upload-zone.has-file .file-name {
	display: none;
}

.job_new .doc-confirm-imgs {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.job_new .img-box img {
	height: 150px;
	width: 180px;
}

.job_new .edit-btn {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 5;
	font-size: 16px;
}

.job_new .upload-zone.has-file .edit-btn {
	display: flex;
}

/* DOCUMENT TYPE SELECTOR */
.job_new .doc-selector {
	border: 1px solid #27ae60;
	border-radius: 12px;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 15px;
	cursor: pointer;
	margin-bottom: 24px;
	position: relative;
}

.job_new .doc-selector .selector-text {
	flex: 1;
}

.job_new .doc-selector .selector-text h4 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 4px;
	color: #111;
}

.job_new .doc-selector .selector-text p {
	font-size: 13px;
	color: #666;
}

.job_new .doc-selector .selector-icon {
	color: #666;
	font-size: 18px;
}

/* UI LISTS */
.job_new .ui-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.job_new .ui-list li {
	position: relative;
	padding-left: 18px;
	font-size: 13px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 6px;
}

.job_new .ui-list li::before {
	content: '•';
	position: absolute;
	left: 0;
	font-weight: bold;
	color: #111;
}

.job_new .instruction-list {
	margin-bottom: 12px;
}

.job_new .instruction-list li {
	padding-left: 22px;
	color: #333;
	font-size: 13px;
	margin-bottom: 4px;
}

.job_new .instruction-list li::before {
	content: attr(data-index) '.';
	color: #333;
	font-weight: normal;
}

.job_new .btn-row.fixed-bottom {
	margin-top: 20px;
}

/* DROPDOWN MENU */
.job_new .doc-selector-wrap {
	position: relative;
	margin-bottom: 24px;
}

.job_new .doc-selector-wrap.open .doc-dropdown {
	display: block;
}

.job_new .doc-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #27ae60;
	border-top: none;
	border-radius: 0 0 12px 12px;
	z-index: 20;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	margin-top: -12px;
	padding-top: 12px;
	overflow: hidden;
}

.job_new .dropdown-item {
	padding: 12px 16px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	transition: background .15s;
}

.job_new .dropdown-item:hover {
	background: #f0faf4;
	color: #27ae60;
}

.job_new .dropdown-item.active {
	font-weight: 700;
	color: #27ae60;
	background: #f0faf4;
}

.job_new .input-wrapper input,
.job_new .input-wrapper select {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	outline: none;
	transition: all .2s;
}

.job_new .input-wrapper.error input,
.job_new .input-wrapper.error select {
	border-color: #ff5252;
}

.job_new .input-wrapper .field-err {
	font-size: 11px;
	color: #ff5252;
	margin-top: 4px;
	display: none;
}

.job_new .input-wrapper.error .field-err {
	display: block;
}

.job_new .input-wrapper .icon-right {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #888;
	pointer-events: none;
}

.job_new .section-subtitle {
	font-size: 14px;
	font-weight: 700;
	color: #111;
	margin: 18px 0 12px;
}

.job_new .section-subtitle span {
	color: #ff5252;
}

/* ERROR VIEW */
.job_new .ocr-error-box {
	text-align: center;
	padding: 24px 10px;
}

.job_new .ocr-error-box .warn-icon-red {
	font-size: 40px;
	background: #fff1f1;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
	border: 1px solid #ffd0d0;
}

.job_new .ocr-error-box p {
	font-size: 13px;
	color: #888;
	line-height: 1.6;
	margin-bottom: 16px;
}

.job_new .ocr-error-box .contact-link {
	color: #27ae60;
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
}

.job_new .upload-cols {
	display: flex;
	gap: 10px;
}

.job_new .upload-cols .upload-zone {
	flex: 1;
}

/* INFO TABLE */
.job_new .info-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.job_new .info-table tr td {
	padding: 7px 0;
	font-size: 13px;
}

.job_new .info-table tr td:first-child {
	color: #888;
	width: 42%;
}

.job_new .info-table tr td:last-child {
	font-weight: 600;
	color: #222;
}

.job_new .info-table tr:not(:last-child) td {
	border-bottom: 1px solid #f0f0f0;
}

/* LOADER */
.job_new .loader-wrap {
	text-align: center;
	padding: 24px 0;
}

.job_new .loader {
	width: 40px;
	height: 40px;
	border: 4px solid #e0e0e0;
	border-top-color: #27ae60;
	border-radius: 50%;
	animation: spin .8s linear infinite;
	margin: 0 auto 12px;
}

/* SUCCESS / CONFIRM */
.job_new .success-icon {
	text-align: center;
	font-size: 52px;
	margin-bottom: 10px;
}

.job_new .success-msg {
	text-align: center;
	font-size: 14px;
	color: #555;
	margin-bottom: 18px;
}

/* ERROR MESSAGE */
.job_new .err-msg {
	background: #fff0f0;
	border: 1px solid #ffc0c0;
	border-radius: 7px;
	color: #c0392b;
	font-size: 12px;
	padding: 8px 12px;
	margin-top: 8px;
	display: none;
}

.job_new .err-msg.visible {
	display: block;
}

/* SUCCESS SVG */
.job_new .success-svg {
	display: block;
	margin: 0 auto 12px;
	width: 64px;
	height: 64px;
}

/* SENDING STATE */
.btn-sending {
	opacity: .7;
	pointer-events: none;
}

/* WARNING POPUP */
.job_new .warn-icon {
	display: flex;
	justify-content: center;
}

.job_new .warn-icon .icons-info {
	font-size: 44px;
	display: flex;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #CED4DA;
	color: white;
	margin: 40px 0;
	align-items: center;
	justify-content: center;
}

.job_new .warn-text {
	text-align: center;
	font-size: 14px;
	color: #444;
	margin-bottom: 18px;
}

.job_new .hidden {
	display: none !important;
}

/* STEP INDICATOR */
.job_new .step-info {
	font-size: 12px;
	color: #27ae60;
	font-weight: 600;
	margin-bottom: 6px;
}

/* DEMO TRIGGER */
.job_new .demo-btn {
	background: #27ae60;
	color: #fff;
	border: none;
	padding: 14px 32px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.job_new .demo-btn:hover {
	background: #219150;
}

@media (max-width: 1200px) {
	.service_post .navbar-static-top.nav-new .container {
		width: 1200px;
	}
}

@media (max-width: 996px) {
	.one-column .content-fix {
		padding-top: 14.5px !important;
	}
}

@media (max-width: 639px) {

	.create-job .new_job_title,
	.create-job .edit_job_title {
		font-size: 24px;
		font-weight: 600
	}

	#edit-job-form #vlance_jobbundle_jobtype_skill {
		width: calc(100% - 25px);
	}

	.post-job-skill {
		width: 100% !important;
		margin-left: 0 !important
	}

	.create-job .form-cread-job-btn #btn-submit-job {
		font-size: 16px
	}

	.modal-post-job.modal.fade.in {
		width: 100%;
		left: 0;
		top: 0;
		max-height: 100vh !important;
		border-radius: 0px;
		margin-left: 0px
	}

	.service_post .content-section.container.create-job {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.service_post .job-login-vlance {
		margin-top: 60px;
	}

	.service_post .service-pack .job-login-vlance {
		margin-top: 0px
	}

	.create-job .btn-connect .find-job {
		width: 70%;
	}

	.create-job .btn-connect .note {
		width: 90%;
	}

	.post-job .service-budget .infor-detail-service {
		width: 100%;
		margin-left: 0;
	}

	.service_post .login_view_job.service-pack .center {
		margin-left: -155px
	}

	/* Banner introducing new marketing campaign */
	.banner-contest {
		padding: 0 20px;
	}

	.banner-marketing .banner-destop {
		display: none;
	}

	.banner-marketing .banner-mobile {
		display: block;
	}

	/* End Banner introducing new marketing campaign */
}

@media (max-width: 533px) {
	select#vlance_servicebundle_servicepacktype_unit {
		margin-top: 24px;
	}

	.service_post .description.blurry-text-bao .job-login-socail {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	#btn-login-new.service.btn.btn-primary {
		width: 147%
	}
}

@media (max-width: 450px) {
	.service_post .login_view_job.service-pack .center {
		margin-left: -81px
	}

	#btn-login-new.service.btn.btn-primary {
		width: 130%
	}
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Unified canonical/proposed service picker for the standard job form. */
#edit-job-form [data-job-service-picker].is-enhanced [data-job-service-picker-legacy] {
	display: none;
}

#edit-job-form [data-job-service-picker].is-enhanced [data-job-service-picker-enhanced] {
	display: block !important;
}

#edit-job-form .job-service-picker {
	position: relative;
	width: 100%;
}

#edit-job-form .job-service-picker__selection {
	box-sizing: border-box;
	min-height: 42px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 5px 8px 5px 10px;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	background: #fff;
	background-color: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}

#edit-job-form .job-service-picker__selection:focus-within {
	border-color: #66afe9;
	box-shadow: 0 0 4px rgba(102, 175, 233, .35);
}

#edit-job-form .job-service-picker__tag-list {
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0 4px 0 0;
}

#edit-job-form .job-service-picker__tag {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	margin: 2px 4px 2px 0;
	padding: 4px 7px 4px 10px;
	border-radius: 14px;
	background: #e8f4fb;
	color: #205b78;
	font-size: 14px;
	line-height: 20px;
}

#edit-job-form .job-service-picker__tag.is-proposal {
	background: #fff4d6;
	color: #795548;
}

#edit-job-form .job-service-picker__tag-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#edit-job-form .job-service-picker__tag-remove {
	margin-left: 5px;
	padding: 0 2px;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	cursor: pointer;
}

#edit-job-form .job-service-picker__tag-remove:focus,
#edit-job-form .job-service-picker__tag-remove:hover {
	color: #b94a48;
	outline: none;
}

#edit-job-form .job-service-picker__input {
	box-sizing: border-box;
	flex: 1 1 180px;
	min-width: 140px;
	height: 30px;
	margin: 0;
	padding: 4px 5px;
	border: 0;
	background: #fff;
	background-color: #fff;
	box-shadow: none;
	font-size: 16px;
}

#edit-job-form .job-service-picker__input:focus {
	border: 0;
	box-shadow: none;
	outline: none;
}

#edit-job-form .job-service-picker.has-selection .job-service-picker__input {
	pointer-events: none;
	cursor: default;
	caret-color: transparent;
	background: #fff;
	background-color: #fff;
}

#edit-job-form .job-service-picker__toggle {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	margin-left: 3px;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
	background-position: 10px 12px, 15px 12px;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	color: #666;
	font-size: 0;
	cursor: pointer;
}

#edit-job-form .job-service-picker__toggle:focus,
#edit-job-form .job-service-picker__toggle:hover {
	color: #0088cc;
	outline: none;
}

#edit-job-form .job-service-picker__options {
	position: absolute;
	top: calc(100% + 4px);
	right: 0;
	left: 0;
	z-index: 1050;
	max-height: 270px;
	overflow-y: auto;
	padding: 4px 0;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .14);
}

#edit-job-form .job-service-picker__options[hidden] {
	display: none !important;
}

#edit-job-form .job-service-picker__option {
	display: block;
	width: 100%;
	margin: 0;
	padding: 9px 12px;
	border: 0;
	background: #fff;
	color: #333;
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	white-space: normal;
	cursor: pointer;
}

#edit-job-form .job-service-picker__option:hover,
#edit-job-form .job-service-picker__option[aria-selected="true"] {
	background: #eef7fc;
	color: #005f87;
	outline: none;
}

#edit-job-form .job-service-picker__option.is-proposal {
	border-top: 1px solid #f0e2bc;
	background: #fffaf0;
	color: #795548;
}

#edit-job-form .job-service-picker__option.is-proposal:hover,
#edit-job-form .job-service-picker__option.is-proposal[aria-selected="true"] {
	background: #fff1c9;
	color: #684b3c;
}

#edit-job-form .job-service-picker__empty {
	padding: 10px 12px;
	color: #777;
	font-size: 14px;
	line-height: 20px;
}

#edit-job-form .job-service-picker__empty.is-error {
	color: #a94442;
}

#edit-job-form .job-service-picker__status {
	padding: 10px 12px;
	color: #777;
	font-size: 14px;
	line-height: 20px;
}

#edit-job-form .job-service-picker__status.is-loading {
	color: #24627a;
}

#edit-job-form .job-service-picker__status.is-loading:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	border: 2px solid rgba(36, 98, 122, .22);
	border-top-color: #24627a;
	border-radius: 50%;
	vertical-align: -2px;
	animation: spin .8s linear infinite;
}

#edit-job-form .job-service-picker.is-loading .job-service-picker__selection {
	background: #fff;
	cursor: wait;
}

#edit-job-form .job-service-picker__input:disabled {
	background: #fff;
	color: #777;
	cursor: wait;
	opacity: 1;
}

#edit-job-form .job-service-picker__toggle:disabled {
	cursor: wait;
	opacity: .65;
}

#edit-job-form .job-service-picker__helper {
	margin: 5px 0 0;
	color: #777;
	font-size: 13px;
	line-height: 19px;
}

#edit-job-form select.job-native-select {
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 42px;
	min-height: 42px;
	background-color: #fff;
	background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
	background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	padding: 10px 42px 10px 12px;
	line-height: 20px;
}

#edit-job-form .job-submit-status {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
	margin: 10px 0 0;
	padding: 8px 12px;
	border: 1px solid #dcecf3;
	border-radius: 4px;
	background: #f4fbfe;
	color: #24627a;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

#edit-job-form .job-submit-status[hidden] {
	display: none !important;
}

#edit-job-form .job-submit-status__spinner {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 2px solid rgba(36, 98, 122, .22);
	border-top-color: #24627a;
	border-radius: 50%;
	animation: spin .8s linear infinite;
}

#edit-job-form .job-submit-status.is-error {
	border-color: #f1b8b5;
	background: #fff5f4;
	color: #a94442;
	text-align: left;
}

#edit-job-form .job-submit-status.is-error .job-submit-status__spinner {
	display: none;
}

#edit-job-form.is-submitting .form-cread-job-btn input[type="submit"],
#edit-job-form.is-submitting .form-cread-job-btn input[type="button"] {
	cursor: wait;
}

@media (max-width: 767px) {
	#edit-job-form .job-service-picker__selection {
		padding-left: 7px;
	}

	#edit-job-form .job-service-picker__tag-list {
		flex: 1 1 100%;
	}

	#edit-job-form .job-service-picker__input {
		flex-basis: 150px;
	}

	#edit-job-form .job-service-picker__options {
		max-height: 220px;
	}
}