.marsk-black {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}
.fre-menu-overflow {
    overflow: hidden;
}
.fre-menu-overflow #video-background-wrapper,
.fre-menu-overflow #header-wrapper,
.fre-menu-overflow .fre_containers,
.fre-menu-overflow footer,
.fre-menu-overflow .copyright-wrapper {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.btn,
.btn:hover {
    /* border:none; */
}
.noti-icon {
    font-size: 20px;
}
.request-confirm {
    cursor: pointer;
}
/*

@media (max-width: 767px) {
	.ribbon {
		right: 0;
	}
} */
/* --------------------------------------------------------- */
/* S E T T I N G   5   C O L U M N S   B O O T S T R A P
/* --------------------------------------------------------- */
/*
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
} */
/* --------------------------------------------------------- */
/* H E A D E R  S T Y L E
/* --------------------------------------------------------- */

/*
.container.search-form-top{
	margin-top:-1px;
	position:relative;
	z-index:1;
	width:1200px;
}
.title-search-form-top{
	color: #2c3d4f;
	font-size: 15px;
	font-weight: 600;
}
.content-search-form-top-wrapper{
	padding-left:15px;
}
.content-search-form-top-wrapper #skill,
.content-search-form-top-wrapper .keyword {
	width: 100%;
	height: 30px;
}
.content-search-form-top-wrapper .skills-wrap {
	position: relative;
}
.content-search-form-top-wrapper .skills-wrap i {
	position: absolute;
	right: 10px;
	top: 8px;
}
.content-search-form-top-wrapper p.pick-a-date {
	position: relative;
}
.content-search-form-top-wrapper p.pick-a-date i {
	position: absolute;
	right: 20px;
	top: 8px;
}
.cat-filter,
.type-filter {
	color: #0091ea;
	width: 190px;
	height: 30px;
} */
/*
header.trans-color .top-header{
	background:none;
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.logo{
	display:block;
	text-align:center;
	margin: 13px 0px;
}
.standard-menu .logo {
	text-align: left;
	margin: 13px 0;
}
.logo img {
	max-height: 300px;
	max-width: 100%;
}
.logo.site_logo_black {
	display: none;
}
#header-wrapper.sticky .site_logo_black {
	display: block;
}
#header-wrapper.sticky .site_logo_white{
	display: none;
}
.header-sub-wrapper{
	background:url(../img/bg-header.jpg) no-repeat center center;
	background-size:cover;
	min-height:300px;
}
.header-sub-wrapper-tan{
	position: relative;z-index: 10;
}
.header-sub-wrapper .number-project-wrapper, .header-sub-wrapper .number-profile-wrapper{
	background:none;
}
.header-sub-wrapper .number-project, .header-sub-wrapper .number-profile{
	color:#fff;
	margin-top: 120px;
}

.profiles-search-container .top-profile{
	margin-bottom:0;
}
.profiles-search-container .bottom-profile{
	display:none;
} */
.chosen-container-multi .chosen-choices li.search-choice {
    /* background: transparent;
	padding: 5px 20px 5px 5px;
	box-shadow: none;
	border: 1px solid #d7d8da;
	margin-top: 5px; */
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    /* top: 6px; */
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    /* height: 28px; */
}
.profile-category .chosen-container-single .chosen-single div b {
    /* background: url(../img/chosen-sprite.png) no-repeat 0 6px; */
}
.portfolio-skills .chosen-container-single .chosen-single div b {
    /* background: url(../img/chosen-sprite.png) no-repeat 0 12px; */
}
/* --------------------------------------------------------- */
/* M E N U  D O O R  S T Y L E
/* --------------------------------------------------------- */

.bg-sub-wrapper .color-left .content-sub h1,
.bg-sub-wrapper .color-left .content-sub p {
    /* text-align:right; */
}

/* --------------------------------------------------------- */
/* B R E A D C R U M B   S T Y L E
/* --------------------------------------------------------- */
/*
.breadcrumb-wrapper{
	width:100%;
	background:#fff;
	min-height:30px;
}
.breadcrumb{
	padding:20px 0;
	background:none;
	margin-bottom:0;
}
.breadcrumb > li+li:before{
	content:"\f101";
	font-family:'FontAwesome';
}
.prj-next-link{
	display:block;
	padding:20px 0;
	text-align:right;
}
.prj-next-link i{
	margin-left:10px;
} */

/* --------------------------------------------------------- */
/* L I S T  P R O J E C T  &   P R O F I L E   S T Y L E
/* --------------------------------------------------------- */
/*

.section-project, .section-profile{
	background-color:#fff;
	width:100%;
}

.mg-b-20{
	margin-bottom: 20px;
}
.btn-sumary.btn-post-profile i{
	display:inline-block;
	margin-right:15px;
} */

/* css copy from style theme.css */
.nav-tabs-project .nav-tabs > li > a {
    color: #bdc3c7;
}

.list-profile .profile-content .top-profile .position-profile,
.list-profile .profile-content .top-profile .name-profile,
.list-project li .title-project,
.list-project li .project-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.list-project li .project-item-title {
    width: 85%;
    /*display: inline-block;*/
}
.list-profile .profile-content .top-profile .position-profile {
    width: 100%;
    display: inline-block;
}

.box-shadow-style-theme {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    -webkit-box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
}

.comment-reply-title {
    cursor: pointer;
}

.pos-related {
    position: relative;
}

.btn-sumary.btn-post-profile:hover i {
    opacity: 1;
    left: 15px;
}
/*.btn-sumary.btn-post-project:hover,*/
.btn-sumary.btn-post-profile:hover {
    opacity: 0.8;
    padding-left: 40px;
}
.title-tab-profile h2 {
    color: #b9c5cd;
    /* color: #bac6ce; */
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.fre_container .wpb_tour .wpb_tabs_nav {
    width: 20%;
}
.fre_container .wpb_tour .tab-content-profile,
.fre_container .wpb_tour .tab-content-project {
    margin: 0px;
}
.fre_container .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    width: 80%;
}
.fre_container .wpb_tour .profile-item {
    width: 100%;
}
.fre_container
    .wpb_tour
    .list-profile
    .profile-content
    .top-profile
    .info-profile {
    width: 60%;
}
.fre_container .wpb_tour_next_prev_nav {
    margin-left: 0;
    padding-bottom: 20px;
}
.btn-complete-project,
.btn-excecute-project {
    /* background-color: #e74b3b;
  		-moz-box-shadow: 0 2px 0 #239b56;
  		-webkit-box-shadow: 0 2px 0 #bf392b;
  		box-shadow: 0 2px 0 #bf392b; */
}

.btn.btn-view-profile:hover,
.btn.btn-apply-project-item:hover,
.btn.btn-apply-project-item:focus,
.btn.btn-excecute-project:focus,
.btn.btn-refund-project:focus {
    color: #fff;
    opacity: 0.9;
}
.number-project-wrapper-archive,
.number-profile-wrapper-archive {
    background: none;
    padding: 30px 0 0;
}
.number-project-wrapper-archive .btn-sumary.btn-post-project,
.number-project-wrapper-archive .pos-related,
.number-profile-wrapper-archive .btn-sumary.btn-post-profile,
.number-profile-wrapper-archive .pos-related {
    position: static;
}
.number-project-wrapper-archive
    .chosen-sort
    .chosen-container-single
    .chosen-single {
    border: none;
    height: auto;
    padding: 5px 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff !important;
    -moz-box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    -webkit-box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    color: #656f77;
    font-size: 13px;
}
.number-project-wrapper-archive .chosen-container .chosen-drop {
    border: none;
    -moz-box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    -webkit-box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
    box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
}
.number-project-wrapper-archive .chosen-container-single .chosen-single div {
    top: 10px;
}

/* --------------------------------------------------------- */
/* S I N G L E   P R O J E C T   S T Y L E
/* --------------------------------------------------------- */

/*

.info-project-item ul.info-item li{
	display:inline-block;
	margin-right:10px;
}
.list-share-social{
	vertical-align:middle;
}
.list-share-social, .list-share-social li{
	display:inline-block;
	float: left;
}


.content-require-project img{
	max-width:100%;
	margin-bottom:10px;
	height: auto;
}
.list-require-skill-project ul {
	padding:0;
	margin:0;
	list-style:none;
}
.list-require-skill-project.list-skill ul li{
	padding:5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f7;
	margin-right:10px;
	margin-bottom:10px;
	display:inline-block;
}
.list-require-skill-project.list-skill ul li a {
	color: #666f78;
	font-size: 12px;
	font-weight: 500;
}

custom field style
.ae-field-title {
	color: #2c3d4f;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 15px;
	display: block;
}
.custom-field-wrapper a {
	color: #5d5f5e;
}
.custom-field-wrapper li {
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f1f5f7;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.custom-field-wrapper ul {
	padding: 0;
	margin: 0;
	list-style: none
}
#tab_profile_details .field-label {
	display: block;
}
.form-group-control.checkbox-field.error i {
	right: -20px;
	top: auto;
	bottom: 35px
}
.form-group-control.checkbox-field.error .message {
	font-size: 13px;
	margin-top: 0;
	margin-right: -15px;
}
.tab-content-profile .block-profiles .detail-profile-page .checkbox-field label.checkbox-inline,
.tab-content-profile .block-profiles .detail-profile-page .radio-field label.radio-inline {
 	font-weight: normal;
}
.tab-content-profile .block-profiles .detail-profile-page .checkbox-field label.checkbox-inline + .errorCheckbox,
.tab-content-profile .block-profiles .detail-profile-page .radio-field label.radio-inline + .errorCheckbox{
 	margin-bottom: 30px;
}
.tab-content-profile .block-profiles .detail-profile-page .radio-field label.radio-line {
  	margin-left: 0;
  	margin-right: 14px;
}
.single-projects .info-project-item-details .content-require-skill-project .list-require-skill-project.list-project_category > ul > li{
	margin-bottom:10px;
}
.single-projects .info-project-item-details .content-require-skill-project .list-require-skill-project.list-project_category > ul > li > a{
	color: #666f78;
	font-size: 14px;
	font-weight: 700;
}
.single-projects .info-project-item-details .content-require-skill-project .list-require-skill-project.list-project_category > ul > li ul {
	padding-left:20px;
}
.single-projects .info-project-item-details .content-require-skill-project .list-require-skill-project.list-project_category > ul > li ul li a{
	color: #656f77;
	font-size: 12px;
} */
/* --------------------------------------------------------- */
/* S I N G L E   P R O F I L E   S T Y L E
/* --------------------------------------------------------- */
/* dispute style */

/*
.status-project-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	background: #fff;
	background: rgba(255,255,255,.8);
	z-index: 1;
}
.status-project-wrapper .form-close-project,
.status-project-wrapper .form-finish-project {
	text-align: center;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	width: 50%;
	top: 40%;
}
.status-project-wrapper .form-close-project,
.status-project-wrapper .form-finish-project {
	text-align: center;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	width: 50%;
	top: 20%;
}
.status-project-wrapper .form-finish-project h5 {
	font-size: 18px;
	font-weight: 700;
}
.status-project-wrapper p {
	color: #2c3d4f;
	font-size: 18px;
	text-align: center;
	line-height: 2;
	display: block;
}

.status-project-wrapper .form-finish-project p a {
	text-decoration: underline;
	font-weight: 700;
	color: #e74c3c;
}
.btn.btn-view-profile:hover, .btn.btn-apply-project-item:hover, .btn-refund-project:hover, .btn-excecute-project:hover {
	color: #fff;
	opacity: .9;
}
.status-project-wrapper a.btn {
	display: inline-block;
	margin-top: 20px;
	float: none !important;
}

.list-item-portfolio li a.add-portfolio{
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top: -20px;
	color: #3397db;
	font-size: 14px;
}
.list-item-portfolio li a.add-portfolio i{
	display:block;
	margin-bottom:5px;
}

.author .add-porfolio-button {
	display: none;
}
.add-porfolio-button a {
	position: absolute;
	left: 0;
	right: 0;
	color: #3397db;
	font-size: 14px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 155px;
}

.list-item-portfolio li a img{
	width:100%;
	height: auto;
}
.list-item-portfolio li.list-item-portfolio-last{
	background:#f2f5f7;
	min-height:157px;
	text-align:center;
}
.list-item-portfolio li.portfolio-item a.delete{
	position: absolute;
	color: #e74b3b;
	top: 0;
	right: 15px;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 18px;
	background: #fff;
	opacity: 0.7;
	display: none;
}
.list-item-portfolio li.portfolio-item:hover > a.delete {
	display: block;
}

.contact-link span{
	display:inline-block;
	margin:0 10px;
}
.fre-contact{
	color: #00adef;
	font-size: 16px;
	border-bottom:1px solid #00adef;
}
.btn-sumary.invite-freelancer{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #e74b3b;
	-moz-box-shadow: 0 2px 0 #bf392b;
	-webkit-box-shadow: 0 2px 0 #bf392b;
	box-shadow: 0 2px 0 #bf392b;
} */
/* --------------------------------------------------------- */
/* A C C O U N T   P R O F I L E   S T Y L E
/* --------------------------------------------------------- */

/*

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .portfolios-wrapper {
	width: 100%;
}
.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .form-group.about-you {
	width: 100%;
}
.setting-profile-wrapper .list-setting li a i{
	display:inline-block;
	margin-right:15px;
	min-width:20px;
}
.setting-profile-wrapper .list-setting li a.creat-team-link{
	color: #27ad5f;
}
.setting-profile-wrapper .list-setting li a.logout-link{
	color: #e64b3b;
}
.profile-exp-year {
	vertical-align: middle;
	display: block;
	padding-top: 5px;
	padding-top: 14px;
	margin-left: -20px;
}

.info-project-items-employer .bid-list-container, .info-project-items .bid-list-container{
	padding:0;
	margin:0;
	list-style:none;
}

.info-project-items-employer .bid-list-container > li .user-bid-item-list .content-title-project-item,  .info-project-items .bid-list-container > li .user-bid-item-list .content-title-project-item{
	margin-top: 5px;
	display: inline-block;
	width: 85%;
	width: calc(100% - 45px);
}
.profile-history.bid-history .list-history-profile{
	border-bottom: 1px solid #f4f6f8;
}
.profile-history.bid-history .list-history-profile > li{
	padding: 20px 30px 20px 30px;
	border-bottom: 1px solid #f4f6f8;
	margin-bottom:20px;
}
.profile-history.bid-history .list-history-profile > li:last-child{
	border-bottom: none;
	margin:0;
}
.freelancer .bid-history .paginations,
#tab_project_details .paginations,
.project-history .paginations,
.employer-project-history .paginations,
.freelancer-project-history .paginations{
	padding: 20px 30px 20px 30px;
}
.tab-project-home .paginations-wrapper,
.block-projects .paginations-wrapper {
	margin-top: 15px;
}

.chosen-container .chosen-single,
.portfolio-skills .chosen-container .chosen-single {
	border-radius: 0;
	padding-left: 12px;
	height: 34px;
	line-height: 30px;
	background: transparent;
	border: 1px solid #d7d8da;
	box-shadow: none;
}
.portfolio-skills .chosen-container .chosen-single {
	height: 45px;
	line-height: 45px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.chosen-container .chosen-drop {
	border: 1px solid #d7d8da;
}
.portfolios-wrapper {
	width: 100%;
} */
/* --------------------------------------------------------- */
/* W O R K   P L A C E  S T Y L E
/* --------------------------------------------------------- */
.workplace-conversation-title {
    /* padding: 0; */
    /* line-height: 54px; */
}
.workplace-conversation-title .col-md-8 {
    /* border-right: 1px solid #f4f6f8; */
}
.workplace-conversation-title h2 {
    /* margin: 0 0 0 30px; */
    /* font-size: 18px; */
    /* font-weight: 600; */
    /* color: #2c3e50; */
    /* line-height: 54px; */
}
.workplace-conversation-title a {
    /* display: inline-block; */
    /* color: #1d8bdf; */
}
.single-projects .project-workplace-details {
    /* padding: 0 30px; */
    /* border-top: 1px solid #f4f6f8; */
}

.single-projects .report-details {
    padding: 0;
    border-top: none;
}

.form-group-work-place-wrapper {
    /* display:block; */
    /* margin-bottom:30px; */
    /* position: relative; */
    /* z-index: 2; */
    /* margin-top: 10px; */
}
.report-details .form-group-work-place-wrapper {
    /* padding:  20px 30px 0 ; */
}

/*		Style mCustomScrollbar 		*/
.list-chat-work-place-wrap {
    /* margin-right: -15px; */
	height: 525px;
	overflow: scroll;
}
.workspace-files-wrap [data-overlayscrollbars-viewport~="scrollbarHidden"],
.list-chat-work-place-wrap [data-overlayscrollbars-viewport~="scrollbarHidden"] {
	scrollbar-width: unset !important;
}
/*
.list-chat-work-place-wrap .mCSB_scrollTools,
.workplace-project-details .mCSB_scrollTools {
	width: 3px;
}
.list-chat-work-place-wrap .mCSB_scrollTools .mCSB_draggerRail,
.workplace-project-details .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}
.list-chat-work-place-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.list-chat-work-place-wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.list-chat-work-place-wrap .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar,
.workplace-project-details .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.workplace-project-details .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.workplace-project-details .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
	background-color: #cfd8dc;
}
.list-chat-work-place-wrap .mCSB_inside > .mCSB_container,
.workplace-project-details .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
.workplace-project-details .title-content-milestone {
	display: none;
}
.form-group-work-place .avatar-employer{
	display:inline-block;
	width:35px;
	height:35px;
	margin-right:20px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow:hidden;
	border: 1px solid rgba(44,62,80,.1);
	background: #fff;
}
.form-group-work-place .avatar-employer img{
	width:100%;
	height:auto;
}
.form-group-work-place .avatar-employer, .form-group-work-place .content-chat-wrapper{
	display:inline-block;
	vertical-align:middle;
}
.form-group-work-place .avatar-employer {
	top: -13px;
	position: relative;
	vertical-align: initial;
}
.form-group-work-place .content-chat-wrapper{
	position:relative;
	float: right;
	margin-right: 36px;
	min-width: 150px;
}
.work-place-wrapper .form-group-work-place .content-chat-wrapper {
	margin-right: 0;
}

.form-group-work-place .form-content-chat-wrapper{
	width: 100%;
} */

/*
.form-group-work-place .content-chat{
	width:95%;
	display:inline-block;
	vertical-align:middle;
	outline:none !important;
	color: #2c3e50;
	border:none;
	background: transparent;
	resize: none;
}
.pd-r-15{
	padding-right: 15px;
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper{
	position: relative;
	padding: 15px 20px 40px;
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper .fa-trash {
	position: absolute;
	top: 50%;
	right: -22px;
	transform: translateY(-50%);
	color: #90a4ae;
	cursor: pointer;
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper:after{
	position: absolute;
	content: '';

}
.list-chat-work-place.new-list-message-item .partner-message-item .content-chat-wrapper:after{
	top:0;
	left: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #f5f8fa transparent transparent;
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper:after{
	bottom:0;
	right: -12px;
	left: auto;top: auto;
	border-style: solid;
	border-width: 12px 0 0 12px;
	border-color: transparent transparent transparent #c7edfc;
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper{
	background: #c7edfc;
}
.list-chat-work-place.new-list-message-item li.isFile .content-chat-wrapper{
	background: none;
	padding:  6px;
	text-align: center;
	float: none;
	margin: 0;
	width: 100%;
}

.list-chat-work-place.new-list-message-item li.isFile .content-chat-wrapper .action {
	display: none;
}
.list-chat-work-place .partner-message-item .action {
	display: none;
}
.list-chat-work-place.new-list-message-item li.isFile .content-chat-wrapper:after {
	display: none;
}
.list-chat-work-place.new-list-message-item li.isFile .date-chat {
	position: relative;
	bottom: initial;
	right: initial;
	margin-top: 5px;
} */
.list-chat-work-place.new-list-message-item .content-chat {
    /*min-height: 75px;*/
}
.list-chat-work-place.new-list-message-item
    .partner-message-item
    .content-chat-wrapper {
    /* background: #c7edfc; */
    background: #f5f8fa;
    float: left;
    margin-right: 86px;
}
.avatar-chat-wrapper {
    /* width: 9%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px; */
}
.form-group-work-place .content-chat {
    padding: 0;
}
.form-group-work-place .content-chat > .param-content p {
    margin: 0;
}
.form-group-work-place .list-file-attack {
    padding: 0;
    border-top: 1px solid #e1e4e6;
    width: 100%;
    margin-top: 22px;
    padding-top: 15px;
}
.form-group-work-place.file-container {
    background: #fff;
    border-top: 1px solid #f4f6f8;
    /* background: #f5f8fa; */
    /* width: 93%; */
    /* margin-right: 7%; */
    padding: 20px 20px 0 30px;
    max-height: 90px;
    overflow: auto;
}
/*End*/
.form-group-work-place .content-chat.fixed-chat {
    width: 100%;
    /* line-height: 1.7; */
    word-wrap: break-word;
}

.form-group-work-place-wrapper.form-message
    .submit-icon-msg
    .submit-chat-content {
    padding: 5px 15px;
}

.form-group-work-place .submit-chat-content:hover {
    opacity: 0.8;
}
.form-group-work-place .attack {
    /*bottom: 15px;*/
    /*right: 155px;*/
    font-size: 14px;
    box-shadow: 0 2px 0 #176fb3;
    background: #1d8bdf;
}
#apply_docs_container {
    display: inline-block;
    margin-right: 20px;
    position: static !important;
}
#apply_docs_container i {
    /* position: relative;
	top: 10px;
	display: inline-block; */
    margin-right: 5px;
}
.form-group-work-place .date-chat {
    /* color: #b9bcbf;
	font-size: 12px;
	position: absolute;
	top: 30px;
	right: 30px;
	display:block; */
}

/* .list-chat-work-place, .form-group-work-place .file-attack{
	list-style:none;
	margin:0;
	padding:0;
	z-index: 2;
	position: relative;
}
.list-chat-work-place > li{
	display:block;
	margin-bottom:20px;
}
.list-chat-work-place > li:after {
	content: '';
	display: table;
	clear: both;
}
.list-chat-work-place > li .date-chat {
	position: absolute;
	right: 20px;
	bottom: 13px;
	font-size: 12px;
	color: #90a4ae;
	text-align: center;
}
.list-chat-work-place > li .form-group-work-place {
	position: relative;
	padding-left: 86px;
}
.list-chat-work-place > li.isFile .form-group-work-place {
	padding-left: 0;
}

.list-chat-work-place .partner-message-item .form-group-work-place {
	margin-left: 42px;
	padding-left: 0;
}
 */
/*
.form-group-work-place .list-file-attack{
	right:15px;
	bottom:10px;
	text-align: left;
}
.form-group-work-place .list-file-attack > li{
	display:inline-block;
	margin-right:30px;
}
.form-group-work-place .list-file-attack li a{
	font-size:14px;
}
.form-group-work-place .list-file-attack li a i{
	display:inline-block;
	margin-right:5px;
} */
/*.form-group-work-place*/

/* .file-attack{
	display:block;
	position: relative;
	top: 10px;
} */

/*
.form-group-work-place .file-attack {
	margin-top: 0;
	display: inline-block;
}
.form-group-work-place .file-attack li{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #1d8bdf;
	font-size: 14px;
	display:inline-block;
	margin-right:20px;
}
.form-group-work-place .file-attack li:last-child{
	margin-bottom: 10px;
}
.form-group-work-place .file-attack li a{
	display:inline-block;
	margin-left:5px;
}
	*/

.message-container {
	height: 525px;
	overflow: scroll;
}

/**
.message-container {
	border-right: 1px solid #f4f6f8;
	padding-bottom: 40px;
}

.message-container .paginations-wrapper {

}
.message-container .paginations-wrapper .inview.load-more-post{
	padding: 5px 0;
}
.report-attention{
	padding:20px 30px;

	margin-bottom: 15px;
	line-height: 22px;
	text-align: justify;
}
.report-attention .icon-attention{
	color: #eb6367;
	font-size: 18px;
	display:block;
	padding-bottom:10px;
}
.form-report-wrapper {
}
.work-report-wrapper .text-your-report{
	color: #2c3d4f;
	font-size: 20px;
	font-weight: 700;
	display:block;
	margin:15px 30px;
}
.work-report-wrapper .text-your-report-resolved{
	color: #2c3d4f;
	font-size: 20px;
	font-weight: 700;
	display:block;
	margin: 20px 30px;
}
.work-report-wrapper .form-group-work-place-wrapper .content-report-wrapper{
	margin-top: 0;
	margin-bottom: 10px;
}
.work-report-wrapper .form-group-work-place-wrapper .content-report-wrapper .message {
	margin-left: 30px;
}
.content-report-wrapper textarea.content-chat{
	padding: 20px 30px;
	width:100%;
	min-height:185px;
	border-top: 1px solid #f4f6f8;
	border-bottom: 1px solid #f4f6f8;
	font-size: 16px;
}

.content-report-wrapper .submit-chat-content{
	float: right;
	margin-right: 30px;
}
.work-report-wrapper .title-attachment{
	margin-bottom:15px;
	color: #2c3d4f;
	font-size: 18px;
	font-weight: 700;
}
.form-submit-notify:after {
	content: '';
	display: table;
	clear: both;
}
.form-submit-notify {
	margin: 0;
}
.form-submit-notify .attach-file-button{
	color: #2c3e50;
	font-size: 14px;
	margin-top:2px;
	display:inline-block;
	margin-left: 30px;
}
.file-attachment-wrapper .file-attack-report {
	list-style-type: none;
	padding: 0;
	margin: 0 30px;
}
.list-file-attack-report{
	padding:0;
	margin:0;
	list-style:none;
}
.list-file-attack-report li{
	display:inline-block;
	margin-right:15px;
	margin-bottom: 10px;
}
.file-attack-report li {
	margin-bottom: 10px;
}
.file-attack-report li i, .list-file-attack-report li i {
	margin-right: 10px;
}
.apply_docs_file_list li {
	color: #1d8bdf;
}
.apply_docs_file_list li a {
	margin-left: 5px;
}
.list-file-attack-report li a{
	color: #1d8bdf;
	font-size: 14px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	max-width: 250px;
}
.list-file-attack-report li a:hover {
	color: #1d8bdf;
}
.file-attachment-wrapper .file-attack-report li a{
	color: #1d8bdf;
	font-size: 16px;
}
.form-submit-notify .attach-file-button i {
	font-size: 18px;
}
.form-submit-notify .attach-file-button i, .file-attachment-wrapper .file-attack-report li a i, .list-file-attack-report li a i{
	display:inline-block;
	margin-right:5px;
}
.transfer-escrow{
	display:block;
	margin:0px 0 30px;
	padding: 0 30px;
}
.text-transfer-escrow{
	color: #2c3d4f;
	font-size: 18px;
	font-weight: bold;
	margin-bottom:15px;
	display:block;
}
.transfer-escrow select{
	width: 50%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #2c3d4f;
	font-size: 14px;
	float:left;
	margin-right: 38px;
	padding:5px;
}
.submit-proceed-report{
	background-color: #1faf67;
	-moz-box-shadow: 0 2px 0 #178f52;
	-webkit-box-shadow: 0 2px 0 #178f52;
	box-shadow: 0 2px 0 #178f52;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:none;
	color:#fff;
	padding:5px 15px;
	max-width: 90px;
	text-align:center;
}
.submit-proceed-report:hover {
	color: #fff;
}
.list-chat-work-place-dispute {
	list-style-type: none;
	padding:  0;
	margin-top: 20px;
}
.report-container .list-chat-work-place-dispute > li{
	padding:20px 30px;
	border-top: 1px solid #ebebeb;
	margin-bottom: 0;
}
.info-avatar-report{
	display:block;
}
.content-report-wrapper{
	margin-top:20px;
	line-height: 22px;
	text-align: justify;
	font-size: 16px;
}
.avatar-employer-report{
	width:45px;
	height:45px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display:inline-block;
	overflow:hidden;
	margin-right:20px;
	float:left;
}
.avatar-employer-report img{
	width:100%;
	height:auto;
}
.info-report{
	overflow:hidden;
	float:left;
}
.name-report{
	color: #2c3d4f;
	font-size: 18px;
	font-weight: 700;
}
.date-chat-report{
	color: #b9bcbf;
	font-size: 12px;
} */

/* --------------------------------------------------------- */
/* C U S T O M   S T Y L E
/* --------------------------------------------------------- */
/* ============= Notification Style ============= */

.notification {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 22px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=9);
    z-index: 9999999;
}
.success-bg {
    background-color: #1b83d3;
}
.error-bg {
    background-color: #db5f47;
}
.having-adminbar {
    top: 32px !important;
}
/* ============= Notification Style ============= */

.form-group {
    /*display:inline-block;*/
}
.form-group.error {
    position: relative;
}
.form-group.error i {
    position: absolute;
    right: 158px;
    top: 50px;
    font-size: 13px;
    color: #e18972;
}
.form-group.error .message {
    /* text-align: right;
	font-size: 13px;
	color: #e18972; */
    /* max-width: 325px; */
    /* margin-top: -25px; */
}
.edit-project .form-group.skill-control.error .message,
.edit-project .form-group.project_category.error .message {
    margin-top: 4px;
}
.edit-project .wp-editor-wrap .message {
    text-align: right;
}

.edit-project .wp-editor-wrap .fa-exclamation-triangle {
    position: absolute;
    top: 10px;
    right: 10px;
}

.form-group.policy-agreement.error .message {
    display: inline-block;
}
.form-group.policy-agreement.error i {
    display: none;
}
.textarea-form {
    width: 100%;
}
.form-group.error.textarea-form .message {
    width: 100%;
    max-width: none;
    margin-top: -35px;
}
.form-group.error i {
    top: auto;
    bottom: 40px;
}
.detail-profile-page .form-group.error i {
    right: 10px;
    top: auto;
    bottom: 40px;
}
.place_datepicker.error {
    position: relative;
}
.place_datepicker.error i {
    position: absolute;
    right: 10px;
    bottom: 40px;
}
.place_datepicker.error .message {
    /* margin-top: 5px;
	text-align: right;
	right: 0;
	padding: 0; */
}
.detail-profile-page .form-group.error .message {
    /* text-align: right;
	font-size: 13px;
	color: #e18972;
	margin-top: 10px; */
}

/* .detail-profile-page .form-group.error .errorCheckbox .message {
	margin-top: 0;
}
.detail-profile-page .form-group.error.textarea-field i {
	top: 48px;
}
.detail-profile-page .place_datepicker.error i {
	bottom: 34px;
}
.form-group.project_category.error i {
	top:55px;
	right: 35px;
}
.quit_project_form .form-group.error i,
.review-form .form-group.error i {
	right: 10px;
}
.quit_project_form .form-group.error .message,
.review-form .form-group.error .message {
	margin-top: 0px;
	max-width: 600px;
}

#modal_edit_project .form-group.error .message {
	max-width: 98%;
}
#modal_edit_project .form-group.error i{
	right: 10px;
}
.form-group-control input[type="text"],
.form-group-control input[type="email"],
.form-group-control input[type="password"],
.form-group-control input[type="number"],
.form-group-control textarea{
}
form.form-detail-profile-page .form-group {
	display: block;
}
form.form-detail-profile-page .row-about-you{
	max-width: 100%;
}
form.form-detail-profile-page .mce-panel{

}
form.form-detail-profile-page .mce-panel .mce-panel{
}
form.form-detail-profile-page .mce-panel div.mce-toolbar-grp{
	border-bottom: 1px solid #ccc;
} */

/*form.form-detail-profile-page .form-group-control input[type="text"],
form.form-detail-profile-page .form-group-control input[type="email"],
form.form-detail-profile-page .form-group-control input[type="password"],
form.form-detail-profile-page .form-group-control input[type="number"],*/

/*
form.form-detail-profile-page .form-group-control textarea{
	width:100%;
}

.form-group-control.error,
.form-group label.error {
	position: relative;
	display: block;
}
.form-group-control.error i,  .form-group-control .error i{
	position: absolute;
	right: 185px;
	top: 50px;
	font-size: 13px;
	color: #e18972;
}
.form-group-control.error .message, .form-group-control .error .message
.form-group label.error, .form-group label .error {
	text-align: right;
	font-size: 13px;
	color: #e18972 !important;
	margin-top: 10px;
	font-weight: 500 !important;
}
.form-detail-profile-page label.error{
	text-align: left;
}
.form-group-control.error.textarea-form .message {
	width: 100%;
	max-width: none;
	margin-top: -35px;
}
.form-group-control.error i {
	right: 10px;
	top: auto;
	bottom: 40px;
}
#modal_review .wp-editor-wrap{
	min-width:500px;
}
#carousel_container .plupload.html5,
#p18hoq1i5n1i58n3f1i2m10s0lo60_html5_container,
#carousel_container .plupload.flash ,
#carousel_container .moxie-shim ,
#carousel_container .moxie-shim-html5 {
	height: 100% !important;
	width: 100% !important;
	left: 0px !important;
	z-index: 100;
} */
/* --------------------------------------------------------- */
/* T Y P E A H E A D   S T Y L E
/* --------------------------------------------------------- */
/*
.typeahead, .tt-query, .tt-hint {
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	font-size: 14px;
	line-height: 24px;
	outline: medium none;
	padding: 8px 12px;
}
.typeahead {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.175);
	box-shadow: 0 1px 1px rgba(0,0,0,.175);
}
.typeahead:focus {
	border: 1px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 1px 1px rgba(0,0,0,.175);
	margin-top: 12px;
	padding: 8px 0;
	width: 422px;
}
.tt-suggestion {
	font-size: 24px;
	line-height: 24px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
} */

/* ---------------------------------------- */
/* B L O G  P A G E   S T Y L E          	*/
/* ---------------------------------------- */

.page-links {
    text-align: center;
    margin: 10px 0 0;
}
.page-links a,
.page-links > span {
    border: 1px solid rgba(140, 151, 178, 0.4);
    width: auto;
    height: 26px;
    display: inline-block;
    line-height: 1.8;
    min-width: 28px;
    text-align: center;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    color: #8c97b2;
}
.page-links > span,
.page-links a:hover {
    color: #fff;
    background-color: #3397db;
}
.page-links span.page-links-title {
    color: #8c97b2;
    background: #fff;
}
.paginations-wrapper {
    text-align: right;
    font-size: 14px;
    width: 100%;
    clear: both;
}
.blog-container .paginations-wrapper {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
}

.portfolios-wrapper .paginations-wrapper {
    margin-left: 15px;
}

.tab-pane .paginations-wrapper {
}

.page-template-page-submit-project-php .primary-sidebar {
    margin-top: 25px;
}
.page-sidebar .widget {
    background: #fff;
    margin-bottom: 20px;
}
.blog-sidebar .widget,
.page-sidebar .widget {
    padding: 10px 30px;
}
.block-page {
    margin-top: 50px;
    min-height: 750px;
}
.latest-pages {
    border-top: 1px solid #f0f0f0;
}
.latest-pages h4 {
    color: #2c3e50;
}
.latest-pages ul {
    list-style: none;
    padding-left: 20px;
}
.latest-pages ul li a {
    color: #666f78;
    background: url(../img/tri-angle.png) left center no-repeat;
    padding-left: 15px;
    line-height: 23px;
}

/* --------------------------------------------------------- */
/* F O O T E R   S T Y L E
/* --------------------------------------------------------- */
.home footer {
    margin-top: 0;
}
.menu-footer .main-menu-footer li,
.list-link-footer li {
    display: block;
    margin-bottom: 15px;
}

.social-list-footer li {
    display: block;
    margin-bottom: 10px;
}
.social-list-footer li a {
    color: #727b84;
    font-size: 14px;
}
.social-list-footer li a i {
    display: inline-block;
    min-width: 15px;
    margin-right: 10px;
}

.social-list-footer li a:hover {
    color: #0091ea;
}
.fre-job-online-elementor .jobs-title {
    text-align: left;
    width: calc(100% - 488px);
}
.fre-job-online-elementor {
}

/* ---------------------------------------- */
/* M O D A L   S T Y L E
/* ---------------------------------------- */
/*
#submit_invite {
	margin-top: 0;
}
#modal_edit_project .modal-body form input[type="text"],
#modal_edit_project .modal-body form input[type="number"],
#modal_edit_project .modal-body form input[type="password"],
#modal_edit_project .modal-body form input[type="email"],
#modal_edit_project .modal-body form select
{
 	width: 100%;
}

#modal_bid .modal-body form input[type="number"],
#modal_bid .modal-body form input[type="text"],
#modal_bid .modal-body form input[type="password"],
#modal_bid .modal-body form input[type="email"],
#modal_bid .modal-body form select
{
 	width: 100%;
}
input#milestone-input{
}
#modal_bid .modal-body form select option{
	padding:5px 5px 5px 15px;
}
#modal_bid .modal-body .form-group{
	display: block;
}
#modal_bid .modal-body  .wp-editor-wrap{
	width: 100%;
}
#modal_edit_project .wp-editor-wrap
{
 	width: 100%;
 	max-width: 100%;
}
#modal_edit_project .wp-editor-wrap .wp-editor-container {
	overflow: hidden;
}

.modal-body form textarea {
	width: 100%;
	height: 180px;
	resize:none;
	padding: 15px;
}
.modal-dialog-login,
.modal-dialog-register
{
	float: left;
	max-width: 546px;
}
.modal-dialog-login {
	margin-left: 14%;
}
.modal-dialog-register {
	margin-left: 75px;
}
.modal-dialog-login .modal-title,
.modal-dialog-register .modal-title {
	font-size: 36px;
}
.alert-color {
	color: #e74c3c !important;
}
.alert-close-text {
	color: #2c3d4f;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.content-close-wrapper {
	padding: 100px 0;
	display: block;
	text-align: center;
}
.color-green {
	color : #2dcb71;
}
.modal .rating-it {
	display: inline-block;
}
p.user-type {
	color: #666f78;
	font-size: 16px;
}
p.user-type .switchery {
	margin-left: 15px;
	margin: 35px;
}
#portfolio_img_thumbnail {
	display: block;
	margin: 0 auto;
	min-height: 70px;
}
#portfolio_img_thumb {
	max-width: 150px;
	height: auto;
}
#portfolio_img_container {
	text-align: center;
	position: relative;
	padding: 10px;
	border: 3px dashed #eceff1;
	margin-bottom: 25px;
	height: 235px;
	color: #737c85;
}
 */
/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
/* .slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.slider-ranger {
	width: 170px;
}
.slider.slider-horizontal {
	width: 100% !important;
	height: 20px;
}
.slider.slider-horizontal .tooltip.top {
}
.slider.slider-horizontal .slider-track {
	height: 7px;
	width: 100%;
	margin-top: -3px;
	top: 50%;
	left: 0;
}
.slider.slider-horizontal .slider-selection {
	height: 100%;
	top: 0;
	bottom: 0;
}
.slider.slider-horizontal .slider-handle {
	margin-left: -10px;
	margin-top: -3px;
	background: #666f78;
}
.slider.slider-horizontal .slider-handle.triangle {
	border-width: 0 10px 10px 10px;
	width: 0;
	height: 0;
	border-bottom-color: #0480be;
	margin-top: 0;
}
.slider.slider-vertical {
	height: 210px;
	width: 20px;
}
.slider.slider-vertical .slider-track {
	width: 10px;
	height: 100%;
	margin-left: -5px;
	left: 50%;
	top: 0;
}
.slider.slider-vertical .slider-selection {
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
}
.slider.slider-vertical .slider-handle {
	margin-left: -5px;
	margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
	border-width: 10px 0 10px 10px;
	width: 1px;
	height: 1px;
	border-left-color: #0480be;
	margin-left: 0;
}
.slider input {
	display: none;
}
.slider .tooltip-inner {
	white-space: nowrap;
}
.slider-track {
	position: absolute;
	cursor: pointer;
	background-color: #f2f5f7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.slider-selection {
	position: absolute;
	background-color: #1c84d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.slider-handle {
	position: absolute;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 0px solid transparent;
}
.slider-handle.round {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.slider-handle.triangle {
	background: transparent none;
}
b.currency {
	color: #0091ea;
	margin-left: 5px;
}

.user_payment_status,
#blog-page .col-md-3 .widget_text {
	padding: 25px;
	position: relative;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 35px;
}
.page-sidebar .user_payment_status {
	margin-top: 25px;
	padding: 25px;
}
.user_payment_status p {
	border-top: 1px solid #f4f6f8;
	padding-top: 10px;
}
.user_payment_status p:first{
	border: none;
}
.step-wrapper.complete a span, .step-wrapper.complete .step-heading i.fa-caret-right, .step-wrapper.complete .step-heading i.fa-caret-down{
	color: #19bb9b;
}
 */
/* #modal_edit_project .chosen-container-multi .chosen-choices{
	width:100% !important;
	padding: 7px;
	background-image: none;
}
 */

.ts-wrapper .ts-control {
    padding: 12px 15px;
    width: 100%;
    min-height: 44px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    color: #415161;
    line-height: normal;
}
.ts-wrapper .ts-control input {
	font-size:16px;
}
.ts-wrapper .ts-dropdown-content {
    font-size: 16px;
    font-weight: 500;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    /* width:100% !important; */
}
.chosen-container .chosen-results .level-1,
.ts-wrapper .option.level-1 {
    margin-left: 15px;
}
.chosen-container .chosen-results .level-2,
.ts-wrapper .option.level-2 {
    margin-left: 20px;
}

.chosen-sort .chosen-container-single .chosen-single,
.search-form-top .chosen-container-single .chosen-single,
.portfolio-container .chosen-container-single .chosen-single,
.project-status-filter .chosen-container-single .chosen-single {
    /* background: #fff;
	background-image: none;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	height: 28px;
	border: 1px solid #d7d8da; */
}

.search-form-top .chosen-container-single .chosen-search input[type="text"],
.search-form-top .chosen-container-single .chosen-drop,
.portfolio-container .chosen-container-single .chosen-drop,
.project-status-filter .chosen-container-single .chosen-drop {
    /* border: 1px solid rgba(225,230,234,1);
	margin-top:5px;
	padding:5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	-moz-box-shadow: 0 1px 1px rgba(225,230,234,.75);
	-webkit-box-shadow: 0 1px 1px rgba(225,230,234,.75);
	box-shadow: 0 1px 1px rgba(225,230,234,.75); */
}
/*
.chosen-sort .chosen-container-single .chosen-single,
.search-form-top .chosen-container-single .chosen-single,
.portfolio-container .chosen-container-single .chosen-single,
.project-status-filter .chosen-container-single .chosen-single
{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow:none;
}
.portfolio-filter {
	margin-bottom: 10px;
	position:absolute;
	right:30px;
	top:26px;
}
.title-count-portfolio{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:30px;
	font-weight: 700;
	color: #2c3e50;
}
.search-form-top .chosen-container-active.chosen-with-drop .chosen-single,
.project-status-filter .chosen-container-active.chosen-with-drop .chosen-single {
	background-image : none;
	border: 1px solid #d7d8da;
}
.page-authenticate {
	background: #fff;
} */

.wpb_tabs .nav-tabs-project .wpb_tabs_nav a {
    padding: 15px 25px 30px;
}
.wpb_tour .nav-tabs-project .wpb_tabs_nav a {
    padding: 15px;
}
ul.wpb_tabs_nav > li > a:hover,
ul.wpb_tabs_nav.profile > li.ui-tabs-active > a {
    border-top: 5px solid #2ecc71;
}
ul.wpb_tabs_nav.profile > li > a:hover {
    border-top: 5px solid #2ecc71;
}
.bid-form input.error {
}
.bid-form label.error {
    width: 85%;
    margin-top: -25px;
    position: absolute;
}
.bid-form .wp-editor-container label.error {
    position: absolute;
    width: 100%;
    margin: 5px 0;
}
h2.wpb_tour_heading {
    margin-bottom: 20px;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background: transparent !important;
    padding: 0 !important;
}
.inviteme-disable {
    background-color: #e7e7e7 !important;
    -moz-box-shadow: 0 2px 0 #e7e7e7 !important;
    -webkit-box-shadow: 0 2px 0 #e7e7e7 !important;
    box-shadow: 0 2px 0 #e7e7e7 !important;
}
.copyright-wrapper-margin-top {
    margin-top: 50px;
}

/* CONTACT 7 FORM */
.wpcf7-form p {
    color: #737c85;
    font-size: 14px;
    margin-bottom: 15px;
}
.wpcf7-form input[type="text"],
.wpcf7-form textarea {
    border: 1px solid #d7d9da;
    color: #737c85;
    margin-bottom: 30px;
    height: 45px;
    padding: 0 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.wpcf7-form input[type="submit"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #2b3d4f;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none;
    border: none;
    padding: 10px 35px;
}

.project-item .button-event.event-listing {
    padding: 0;
    margin: 0;
}

.button-event li {
    cursor: pointer;
    list-style: none outside none;
    padding: 0 10px;
    margin-top: 10px;
}
.button-event li a {
    cursor: pointer;
    font-size: 18px;
    line-height: 14px;
    padding-bottom: 7px;
    display: inline-block;
}
.button-event li.reject a,
a.reject,
a.reject:hover {
    color: #e64b3b;
}
.button-event li.approve a,
a.approve {
    color: #19bb9b;
}
.button-event li.check a {
    color: #87be47;
    padding-bottom: 15px;
}
.button-event li a:hover {
    text-decoration: none;
}
.button-event li.delete span.icon-delete {
    color: #d84f38;
}
.icon-featured {
    color: #ffd263;
    display: block;
    font-size: 15px;
    height: 28px;
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 99;
}
.icon-featured .fa {
    display: inline;
}

.logged-only {
    display: none;
}
.logged-in .logged-only {
    display: inherit;
}
.fre-freelancer-wrap,
.fre-freelancer-wrap p {
    text-align: left;
}
.fre-freelancer-wrap h2 {
    text-align: left;
}

/*// Standard menu*/
/*custom princing*/
/*
.width-880{
	width:880px;
}
.width-580{
	width:580px;
	}
.section-project-home .paginations-wrapper{
	margin-top: 0;
	margin-bottom: 45px;
}
.section-project-home .paginations-wrapper a.load-more-post{
	float: left;
	text-align: right;
	padding-top: 0;
	padding-right: 0;
	font-size: 14px;
	text-transform: capitalize;
	color: #7b7b7b;
	cursor: pointer;
}
.section-project-home .paginations-wrapper .paginations {
	float: left;
}
.section-project-home .paginations-wrapper a.view-all{
	float: right;
	text-align: right;
	padding-top: 0;
	padding-right: 0;
	font-size: 14px;
	text-transform: capitalize;
	color: #7b7b7b;
	cursor: pointer;
}

.section-project-home .paginations-wrapper a.view-all::after{
	content: " \f101";
	font-family: "FontAwesome";
	padding-left: 15px;
}
.section-project-home .position-profile,
.info-profile .position-profile
{
	margin-top: 4px;
}
.section-project-home li.project-item .project-item-title
{
	line-height: 35px;
}
.list-project li .project-item-title{
	color:#30363c;
}
.list-project li .project-item-title:hover
{
	color:#3783c4;
}
.projects-search-container li.project-item{
	padding-top: 10px;
}
.pd-r-30{
	padding-right: 30px;
}
.search-result-number{
	padding: 0 10px 0 20px;
	color: #ffffff;
	color: #ffffff;
}

.fix-width .form-control{
	width: 80px;
}
.fix-width .profile-exp-year{
	position: absolute;
	left: 110px;
	top:2px;
}
.fix-width label.error{
	color: #e18972 !important;
	float: left;text-align: left; width: 100%;font-weight: 500 !important;
}
.mg-t-20{
	margin-top: 30px;
}

.block-bid{
	padding-left: 15px !important;
	position: relative;
}
.block-bid-header{
	padding-left: 0 !important;
}
.field-style-textarea textarea.content-chat {
	 border: 1px solid #e9ebed;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	 -webkit-border-radius: 4px;
	outline: none;
	background: transparent;
	padding: 15px 15px 40px;
}
.bid-label{
	padding:0px 20px;
	color:#2ecc71!important;
}

.report-decision{
	margin:0;
	padding-bottom: 15px;
	font-size: 20px;
	color: #2c3d4f;
}

h2.recharge{
	font-size: 22px;
	color: #2c3e50;
	font-weight: 300;
}
.recharge-container{
	margin-top: 50px;
	padding: 0 20px 0 0;
}
.recharge-container .step-wrapper{
	background: #fff;
}
.recharge-container .information-charge{
	padding: 20px;
}
.recharge-container ul.information-charge{
	margin-bottom: 0;
}
.recharge-container .information-charge li{
	list-style: none;
	margin-bottom: 30px;
	font-size: 16px;
}
.recharge-container .information-charge li:last-child{
	margin-bottom: 0;
}
.recharge-container .information-charge li .items{
	color: #5f6f81;
	font-weight: 600;
	min-width: 250px;
	display: inline-block;
}
.recharge-container .information-charge li .price{
	display: inline-block;
}
.recharge-container .information-charge li .color-item-1{
	color: #03a9f4;
}
.recharge-container .information-charge li .color-item-2{
	color: #2ecc71;
}
.recharge-container .information-charge li .color-item-3{
	color: #b0bec5;
}
.recharge-container .amount{
	display: block;
	border-top: 1px solid #f0f0f0;
}
.recharge-container .amount .form-group{
	padding: 40px 20px !important;
}
.recharge-container .amount .form-group label{
	color: #5f6f81;
	font-weight: 600;
	width: 220px;
	font-size: 16px;
}
.recharge-container .amount .form-group input{
	height: 42px;
	border-radius: 4px;
	border:1px solid #f0f0f0;
	min-width: 354px;
	margin-right: 25px;
	padding: 0 20px;
}
.recharge-container .amount .form-group button{
	background: #00b0ff;
	border-radius: 4px;
	box-shadow: 0 2px 0 #0090e9;
	padding: 10px 20px;
	border:none;
	color: #fff;
}
.recharge-container .payment-charge{
	padding:0;
}
.recharge-container ul.payment-charge{
	margin-bottom: 0;
}
.recharge-container .payment-charge li{
	list-style: none;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	padding: 20px;
}
.recharge-container .payment-charge li .brand-name .name-gateway{
	color: #2c3e50;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}
.recharge-container .payment-charge li .brand-name .text{
	color: #737c85;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
}
.recharge-container .payment-charge li .button{
	position: absolute;
	right: 30px;
	top: 20px;
}
.recharge-container .payment-charge li .button button{
	background: #00b0ff;
	border-radius: 4px;
	box-shadow: 0 2px 0 #0090e9;
	padding: 10px 20px;
	border:none;
	color: #fff;
}
.recharge-container .payment-charge li .button .btn-charge{
	padding: 10px 30px !important;
}
.skills-list {
	padding: 0;
}
.skills-list li{
	list-style-type: none;
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f1f5f7;
	margin: 10px 10px 0 0px;
	display: inline-block;
}
.skills-list li a{
	font-size: 12px;
}
.skills-list li a i {
	margin-left: 10px;
}
@media (max-width: 1200px) {

}
@media (max-width: 1199px) {
	.info-project-item-tan .col-lg-4{
		border-top:1px solid #f4f6f8;
	}
	.single-projects .info-project-item .info-project-item-right {
		float: left;
		margin-left: 30px;
	}
	.single-projects .info-project-item .info-item>li:last-child {
		border-right: none;
	}
}
@media (max-width:1196px){
	.modal-dialog-login,
	.modal-dialog-register{
		float: none;
		margin: 7% auto;
	}
	.list-profile .profile-content .top-profile .info-profile {
		max-width: 275px;
		width: 44%;
	}

	.list-profile .profile-content .bottom-profile .list-skill-profile {
		width: 100%;
		max-width:100%;
	}
	.list-profile .profile-content .bottom-profile .wrapper-achivement{
		width:100%;
		max-width:100%;
		margin:0;
	}
	.list-profile .profile-content .bottom-profile .wrapper-achivement ul{
		text-align: center;
		margin-bottom:15px;
	}
	.list-profile .profile-content .bottom-profile .wrapper-achivement ul li{
		max-width:  32.33333%;
		width: 32.33333%;
	}
	.contact-link span {
		display: block;
		margin: 15px 0 5px;
	}
	.list-detail-info li .text-right, .info-profile-freelancer-bidding .name-profile, .single-profile-content .single-profile .info-profile span.name-profile{
		font-size:14px;
	}
	h2.wpb_tabs_heading{
		font-size:30px;
	}
}

 */
/* @media (max-width: 1024px) {
	.paginations-wrapper a,
	.paginations-wrapper span.page-numbers.current{
		padding:5px 15px;
	}
	.paginations-wrapper a:first-child,
	.paginations-wrapper span.page-numbers.current:first-child{
		padding-left: 0;
	}
	.projects-search-container .paginations-wrapper .paginations{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.list-project li{
		margin-bottom:10px;
	}

	.info-project-item-right{
		text-align: left;
		display: inline-block;
	}
	ul.list-social-login li {
		margin-bottom: 10px;
	}
	.sign-up-switch {
		height: 35px;
		width: 110px;
		display: block !important;
		opacity: 0;
		position: absolute;
		top: 30%;
		left: 46%;
		z-index: 1000;
		margin: 0;
	}
	.user-available {
		height: 35px;
		width: 110px;
		display: block !important;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		margin: 0;
	}
}
@media (max-width: 992px) {
	.btn-menu-call li {
		margin-right: 15px;
	}
	.bg-sub-wrapper .color-left .content-sub h1, .bg-sub-wrapper .color-right .content-sub h1{
		font-size:30px;
	}
	.counter-detail{
		margin-bottom:15px;
	}
	.contact-link span {
		display: inline-block;
		margin: 0 15px;
	}
	.testimonial{
		margin-bottom:20px;
	}
	.top-profile{
		text-align: left;
		position: relative;
	}
	.list-profile .profile-content .top-profile .img-avatar{
		margin-right:20px;
	}
	.list-profile .profile-content .top-profile .info-profile{
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.workplace-conversation-title .col-md-8 {
		border: none;
	}
	.workplace-conversation-title a {
		float: right;
	}
	.form-group-work-place .content-chat-wrapper {
	}
} */

/*
@media (max-width: 900px) {
	.width-880 {
		width:auto;
	}
}
@media (max-width: 768px) {
	.btn-menu-call li a span, .btn-menu-call li .trigger-menu i, .btn-menu-call li .trigger-search i{
		font-size:13px;
	}
	.dropdown-info-acc-wrapper .avatar-and-name .avatar{
		margin-right:5px;
	}
	.setting-profile-wrapper .form-group{
		width:100%;
	}
	.setting-profile-wrapper span.text-intro{
		width: initial;
	}
	.info-bidding-wrapper{
		margin-bottom:30px;
	}
	.info-company-wrapper .list-info-company-details li span.info{
		max-width:50%;
	}
	.overlay .menu-fullscreen > ul > li > a{
		font-size:28px;
	}
	.overlay .menu-fullscreen .sub-menu li a{
		font-size:16px;
	}
	.copyright-wrapper .menu-all-pages-flat-container ul{
		display:block;
		text-align:center;
		margin-bottom:20px;
		padding:0;
	}
	.tab-content-single-profile{
		margin-bottom:15px;
	}
	.select-search-top, .wrapper-input-search-top{
		margin-bottom:20px;
	}
	.search-fullscreen input.field-search-top{
		padding: 0 10px 0 0;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.search-text-press{
		display:none;
	}
	.content-search-form-top-wrapper #skill, .content-search-form-top-wrapper .keyword, .slider.slider-horizontal{
		width:90% !important;
		max-width:90%;
	}
	.paginations-wrapper a,
	.paginations-wrapper span.page-numbers.current{
		padding:5px 15px;
	}
	.paginations-wrapper a:first-child,
	.paginations-wrapper span.page-numbers.current:first-child{
		padding-left: 0;
	}
	.projects-search-container .paginations-wrapper .paginations{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.list-project li{
		margin-bottom:10px;
	}
}
@media (max-width: 767px) {
	#apply_docs_container #apply_docs_browse_button span {
		display: none;
	}
	#apply_docs_container #apply_docs_browse_button i {
		font-size: 18px;
	}
}
@media (max-width: 640px){
	.width-880, .width-580{
		width:auto;
	}
	.form-group-work-place .submit-btn-msg{
		right: -60px;
	}
}
@media (max-width: 481px){
	.container.search-form-top{
		width:100%;
	}
	.btn-menu-call li a span{
		display:none;
	}
	.btn-menu-call li .trigger-menu i, .btn-menu-call li .trigger-search i{
		margin-right:0;
		font-size: 17px;
	}
	.logo img{
		width:100%;
		height:auto;
	}
	.dropdown-info-acc-wrapper{
		min-width:100%;
		width:100%;
	}
	#modal_review .wp-editor-wrap{
		min-width:320px;
	}
}
@media (min-width: 481px){
	.container.search-form-top{
		width:100%;
	}
	#modal_edit_project .wp-editor-wrap{
	}
}
@media (min-width: 768px){
	.container.search-form-top{
		width:750px;
	}
}
@media (min-width: 992px){
	.container.search-form-top{
		width: 970px;
	}
}

@media (min-width: 1200px){
	.container.search-form-top{
		width: 1170px;
	}
}
@media (max-width: 991px) {
	.button-event li {
		padding: 0 8px;
	}
}

 */
.errorMinLeng,
.message.errorMinLeng {
    display: block;
}
.field.error .message {
    display: none !important;
}
.field.error .message.errorMinLeng {
    display: block !important;
}
.page-template-page-reset-pass-php #resetpass_form .error .message {
    position: relative!important;
    right: unset;
    left: unset;
}
#resetpass_form .fre-input-field .new-pass {
    position: relative;
}
.page-template-page-reset-pass .fre-authen-reset-pass .fre-input-field > div span {
    cursor: pointer;
}#resetpass_form .fre-input-field.error i.eye-icon {
    right: 10px;
    top: 8px;
}
.page-template-page-reset-pass-php .tooltips {
    display: none;
    position: absolute;
    background-color: #121212;
    color: #fff!important;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 100;
    width: 329px;
    left: 20px;
    top: -100px;
}
.employer-profile-setup .name {display: flex;gap: 20px;}

.employer-profile-setup .per-name, .employer-profile-setup .per-position {
    display: flex;
    flex-direction: column;
    width: 50%!important;
}

.employer-profile-setup input {
    display: flex;
    padding: 8px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Neutral-100, #d1d1d1);
    background: var(--Neutral-0, #fff);
    width: 100%;
}

.employer-profile-setup .name, .employer-profile-setup .per-email, .employer-profile-setup .phone {
    margin-bottom: 28px;
}

.employer-profile-setup .setup-step .organisation-inf {
    margin-bottom: 30px;
}
.inf-group {
    display: flex;
    gap: 20px;
}

.inf-group>div {
    width: 50%;
}

.noti {
    color: #000;
    display: flex;
    gap: 10px;
    justify-content: end;
    margin-bottom: 20px;
    margin-top: 20px;
}

.btn-update {
    text-align: right;
}

.btn-update button#update-employe-profile {
    color: #fff;
    background: #000;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
}
.btn-update button#update-employe-profile:hover {
	opacity:0.7;
}

.employer-profile-setup .phone {
    display: flex;
    flex-direction: column;
}
#minlength_content {
    position: absolute;
    top: 0;
    z-index: -1;
}
.btn-apply-project-item.btn-complete-project {
    /* float: initial; */
    /* margin-right: 10px; */
}
.btn-apply-project-item.btn-close-project {
    /* margin-right: 10px; */
    /*float: left;*/
}

/********* LOADING  ***********/
.infinite_scroll {
    position: absolute;
    top: -14px;
    width: 100%;
}
.browser-screen-loading-content {
    text-align: center;
    height: 2em;
    max-width: 100%;
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 3em;
    left: 0;
    margin: auto;
    padding: 20px;
    line-height: 3px;
}
.loading-dots {
    margin-left: -1.5em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-animation: loading-dots-fadein 0.5s linear forwards;
    -moz-animation: loading-dots-fadein 0.5s linear forwards;
    -o-animation: loading-dots-fadein 0.5s linear forwards;
    -ms-animation: loading-dots-fadein 0.5s linear forwards;
    animation: loading-dots-fadein 0.5s linear forwards;
}
.loading-dots i {
    width: 0.5em;
    height: 0.5em;
    display: inline-block;
    vertical-align: middle;
    background: #e0e0e0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 0.125em;
    -webkit-animation: loading-dots-middle-dots 0.5s linear infinite;
    -moz-animation: loading-dots-middle-dots 0.5s linear infinite;
    -o-animation: loading-dots-middle-dots 0.5s linear infinite;
    -ms-animation: loading-dots-middle-dots 0.5s linear infinite;
    animation: loading-dots-middle-dots 0.5s linear infinite;
}
.loading-dots.dark-gray i {
    background: #707070;
}
.loading-dots i:first-child {
    -webkit-animation: loading-dots-first-dot 0.5s infinite;
    -moz-animation: loading-dots-first-dot 0.5s linear infinite;
    -o-animation: loading-dots-first-dot 0.5s linear infinite;
    -ms-animation: loading-dots-first-dot 0.5s linear infinite;
    animation: loading-dots-first-dot 0.5s linear infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(-1em);
    -moz-transform: translate(-1em);
    -o-transform: translate(-1em);
    -ms-transform: translate(-1em);
    transform: translate(-1em);
}
.loading-dots i:last-child {
    -webkit-animation: loading-dots-last-dot 0.5s linear infinite;
    -moz-animation: loading-dots-last-dot 0.5s linear infinite;
    -o-animation: loading-dots-last-dot 0.5s linear infinite;
    -ms-animation: loading-dots-last-dot 0.5s linear infinite;
    animation: loading-dots-last-dot 0.5s linear infinite;
}.fre-input-field .message {
    font-weight: normal;
}ul.fre-validate-error {
    display: block;
}

.submit-login, .submit-lostpass {
    flex-direction: column;
}
/*CSS ADD PHASE 3*/
.fre-authen-wrapper {
    padding-top: 28px;
}

 .fre-register-default h2 {
    color: var(--EHS-Neutral-700, #0E0E0E);
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px; /* 126.667% */
	 padding: 10px 0;
}

.container-fluid .back-to-home {
    margin-left: 48px;
	
    margin-bottom: 10px !important;
}
 .fre-authen-register, .fre-authen-login, .fre-authen-lost-pass, .fre-authen-reset-pass {
    padding: 0;
}
.fre-register-wrap {
    padding-top: 24px;
    padding-bottom: 30px;
}


img.icon-profesinal, img.icon-employer {
    text-align: left;
    display: block;
}

 .fre-register-default .fre-register-wrap .register-freelancer h3,  .fre-register-default .fre-register-wrap .register-employer h3 {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Heading/Heading 4/Regular */
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    margin-bottom: 12px;
    margin-top: 5px;
}
 .fre-register-default .fre-register-wrap .register-freelancer p,  .fre-register-default .fre-register-wrap .register-employer p {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

 .fre-register-default .fre-register-wrap .register-freelancer a.fre-small-btn,  .fre-register-default .fre-register-wrap .register-employer a.fre-small-btn,  .fre-authen-register button.fre-btn {
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC)!important;
    border: none!important;
    padding: 8px 12px;
}
 .fre-register-default .fre-register-wrap .register-freelancer,  .fre-register-default .fre-register-wrap .register-employer {
    border-radius: 16px;
    background: var(--EHS-Neutral-0, #FFF)!important;

/* Elevation/E3 */
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.08)!important;
	    padding: 20px!important;
}
 .fre-register-default .fre-register-wrap .register-freelancer a.fre-small-btn:hover,  .fre-register-default .fre-register-wrap .register-employer a.fre-small-btn:hover,  .fre-authen-register button.fre-btn:hover {
    color:#fff!important;opacity:0.7;
}.login-realdy {
    color: #000;

/* Body/Body 1/Regular */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

.login-realdy a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.login-realdy a:hover {
    opacity: 0.7;
}
.register-form-now {
    display: flex;
    flex-direction: row;
}

 .fre-authen-wrapper {
    width: 50%;
    margin: unset;
    flex: 1; /* Chiếm không gian bên trái */
    padding: 32px 0;
}

.image-right-register {
    flex: 1; /* Chiếm hết phần còn lại */
    background: url('/wp-content/uploads/2025/03/Image-sign-up-1.jpg') no-repeat center center;
    background-size: cover; /* Ảnh full div */
    background-repeat: no-repeat;
    background-position: center;
}
.fre-page-section .container-fluid {
    padding: 0;
}

-php .copyright-wrapper.footer-copyright-wrapper {
    margin-top: 0;
} .fre-authen-register, .fre-authen-login, .fre-authen-lost-pass, .fre-authen-reset-pass {
    padding-bottom: 50px;
}
.fre-authen-register>h2, .fre-authen-login>h2, .fre-authen-lost-pass>h2, .fre-authen-reset-pass>h2{
    color: var(--EHS-Neutral-700, #0E0E0E);
    text-align: center;

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
    margin-bottom: 15px;
}

.line {
    color: #000;

/* Body/Body 1/Regular */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    margin-bottom: 24px;
    margin-top: -10px;
}

 .fre-authen-register .or .line:before,  .fre-authen-register .or .line:after {
    background: #F4F4F4!important;
    top: 14px!important;
}

#signup_form label {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.fre-authen-footer p {
    color: #000;

/* Body/Body 1/Regular */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

.fre-authen-footer p a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.fre-authen-register .fre-authen-footer {
    border: none;
}
.fre-authen-register .fre-authen-footer {
    padding: 20px 40px;
}.image-right-register {
    min-height: 952px;
}

 .section-successfully .section-successfully-title {
    color: var(--EHS-Neutral-700, #0E0E0E);
    text-align: center;

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
}

 .fre-authen-wrapper {
    width: 100%;
}

 .section-successfully .section-successfully-title {
    margin-top: 100px;
}

.section-successfully-text {
    color: #000;
    text-align: center;

/* Body/Body 1/Regular */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    width: 100%;
}

 .section-successfully span.request-confirm.secondary-color {
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
}
div .fre-input-field.error input[type="text"], div .fre-input-field.error input[type="password"], div .fre-input-field.error input[type="email"], div .fre-input-field.error input[type="search"], div .fre-input-field.error input[type="number"] {
    border: 2px solid var(--EHS-Functional-Red-Error-400, #C63200)!important;
}
.page-template-page-login .fre-authen-wrapper, .page-template-page-forgot-password .fre-authen-wrapper, .page-template-page-reset-pass .fre-authen-wrapper {
    width: 844px;
    margin: 0px auto;
}

.page-template-page-login .fre-authen-wrapper, .page-template-page-forgot-password .fre-authen-wrapper, .page-template-page-reset-pass .fre-authen-wrapper {
    width: 100%;
}
.page-template-page-login .fre-authen-wrapper, .page-template-page-forgot-password .fre-authen-wrapper, .page-template-page-reset-pass .fre-authen-wrapper {
    width: 50%;
    margin: unset;
    flex: 1;
    padding: 20px;
}

.page-template-page-login-php .copyright-wrapper.footer-copyright-wrapper, .page-template-page-forgot-password-php .copyright-wrapper.footer-copyright-wrapper, .page-template-page-reset-pass-php .copyright-wrapper.footer-copyright-wrapper, .page-template-page-register-php .copyright-wrapper.footer-copyright-wrapper {
    margin-top: 0;
}

.page-template-page-login .fre-page-section .fre-authen-login>h2, .fre-authen-lost-pass>h2 {
    color: var(--EHS-Neutral-700, #0E0E0E)!important;
    text-align: center;

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: 38px!important; /* 126.667% */
    margin-bottom: 40px!important;
}

form#signin_form label, form#forgot_form label {
    color: var(--EHS-Neutral-700, #0E0E0E);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.page-template-page-login .fre-page-section .forgot-password > a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
}

.page-template-page-login .fre-page-section .submit-login .fre-submit-btn {
    color: var(--EHS-Neutral-0, #FFF);
/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC)!important;
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.page-template-page-login .fre-page-section .submit-login .fre-submit-btn:hover {
	opacity:0.7;
}
.page-template-page-login .fre-page-section .submit-login {
    display: block;
}


.fre-input-field.center {
    display: flex;
    flex-direction: column;
}

.checkbox-inline span:after, .fre-checkbox span:after {color:#3B99FC;}
.checkbox-inline input[type=checkbox]:checked+span:before, .fre-checkbox input[type=checkbox]:checked+span:before {
    border-color:#3B99FC;
}.fre-authen-login .fre-authen-footer {
    padding: 20px 40px;
}.page-template-page-login .fre-page-section .fre-authen-login .fre-authen-footer .not-yet-register a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);
}
.page-template-page-forgot-password .fre-authen-lost-pass >p, .page-template-page-reset-pass .fre-authen-lost-pass >p {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 1/Regular */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}.page-template-page-forgot-password .submit-lostpass .fre-submit-btn, .page-template-page-reset-pass .submit-lostpass .fre-submit-btn {
    color: var(--EHS-Neutral-0, #FFF);
/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC)!important;
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.page-template-page-forgot-password .submit-lostpass .fre-submit-btn:hover, .page-template-page-reset-pass .submit-lostpass .fre-submit-btn:hover {
    opacity: 0.7;
}

.page-template-page-forgot-password .submit-lostpass .fre-submit-btn, .page-template-page-reset-pass .submit-lostpass .fre-submit-btn {
    width: auto;
    border-radius: 8px;
    background: var(--Neutral-800, #121212);
    border: 0px;
    margin-top: 0px;
}

.page-template-page-forgot-password .submit-lostpass, .page-template-page-reset-pass.submit-lostpass {
    display: block;
    margin-top: 4px!important;
}
.fre-authen-reset-pass {
    margin-top: 50px;
}.fre-authen-reset-pass>h2 {
    color: var(--EHS-Neutral-700, #0E0E0E);
    text-align: center;

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
}.dropdown-menu li.profile-menu {
    border: none!important;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC)!important;

}.dropdown-menu li.profile-menu a{    color: #fff;
                                 }
.dropdown-menu li.profile-menu a:hover {
    color: #fff;
}

.fre-account .dropdown-menu>li {
    padding: 8px 8px!important;
        margin-bottom: 16px;
}

.fre-account .dropdown-menu>li:last-child {
    border-top: 1px solid #D1D1D1!important;
}

div .dropdown-menu > li:last-child {
    /* margin: 10px 0!important; */
    padding: 16px 8px !important;
}

.fre-account .dropdown-menu {
    padding-bottom: 0!important;
}div#manage-account h3 {
    display: flex;
    gap: 16px;
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
    align-items: center;
    margin-top: -27px;
    margin-bottom: 25px;
}

div#manage-account .label, .delete-account .label {
    border-radius: 8px 8px 0px 0px;
    background: var(--EHS-Brand---primary---blue-50, #E7F2FE);
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 5/Semibold */
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    padding: 10px 26px;
}

.label {}

div#manage-account .form .left .infor label, div#manage-account .password .left .title {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body 1/Text lg - medium */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}

.infor span {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}


button#edit_account, div#manage-account .password .right button#change_password, .delete-account .button-delete button {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.delete-account .content-text {
    color: #000;

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.delete-account {
    margin-top: 50px!important;
}

button#edit_account:hover, div#manage-account .password .right button#change_password:hover {opacity:0.7;
                                                                                        }
button#edit_account, div#manage-account .password .right button#change_password {
    display: flex;
    gap: 10px;
}

div#manage-account .form .right button#edit_account {font-weight:600!important;}
button#requestDeleteAccount {
    float: unset!important;
    border: none;
    padding: 0;
}

.delete-account .button-delete {
    text-align: left!important;
    margin-left: 15px;
}

button#requestDeleteAccount:hover {
    opacity: 0.7;
}
div#manage-account .form .left .infor input {
    width: 300px!important;
    color: var(--EHS-Neutral-700, #0E0E0E)!important;

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}.disable .infor.band span {
    border-radius: 8px;
    border: 1px solid var(--EHS-Neutral-100, #D1D1D1);
    background: var(--EHS-Neutral-50, #F4F4F4);
    color: var(--EHS-Neutral-400, #6D6D6D);
    padding: 8px 12px;
    min-width:300px;
    display: inline-block;
}div#manage-account .save-btn button#save_account, .button-close-bottom button#save_password, #success_popup .content-popup .popup-content button#done_password, div#deleteAccountPopup .button-reqess button#confirmDeleteRequest, button.done-btnreques, .popup-overlay-ask button {
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC)!important;
    padding: 8px 12px!important;
    border: none;color: var(--EHS-Neutral-0, #FFF)!important;
    border: 2px solid #3B99FC!important;    
    font-size: 16px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}


div#manage-account .save-btn button#cancel_edit, .button-close-bottom button#cancel_password, div#deleteAccountPopup .button-reqess button{
    
    border-radius: 8px;
    padding: 8px 12px!important;
    border: 2px solid #3B99FC!important;
    color:#3B99FC;color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
div#manage-account .save-btn button#cancel_edit:hover , div#manage-account .save-btn button#save_account:hover {
    opacity:0.7;
}div#password_popup .content-popup .title {
    color: var(--EHS-Neutral-700, #0E0E0E);
}

div#password_popup .content-popup .input-infor .input label {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

div#password_popup .content-popup .input-infor .input input {
    color: var(--EHS-Neutral-400, #6D6D6D);
}div#deleteAccountPopup .popup-content .title-pop h3 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
    margin-bottom: 15px!important;
}div#deleteAccountPopup button.done-btnreques {
	color:#fff!important;
}
.fre-account .dropdown-menu>li a {
    color: var(--EHS-Neutral-500, #4F4F4F);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.dropdown-menu li.profile-menu a {
    color: #fff;
}
 .fre-authen-wrapper {
    width: unset!important;
    max-width: 888px;
    margin: 0px auto!important;
}
 .back-to-home a,  .back-to-homes a {
    color: var(--EHS-Neutral-400, #6D6D6D)!important;
    line-height: 24px!important;
}

 .back-to-home path,  .back-to-homes path {
    fill: #6D6D6D;
}.fre-header-wrap {
    border-bottom: 1px solid var(--EHS-Neutral-100, #D1D1D1);
    background: var(--EHS-Neutral-0, #FFF);
/* Elevation/E2 */
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.04);
}
.fre-menu-main>li, .fre-login-wrap {
    padding: 18px 0;
}

.fre-search-wrap, .fre-site-logo {
    padding: 16px 0;
}.fre-header-wrapper {
    height: 72px;
}.login-social-list {
    padding: 0px 0 33px!important;
}.line {
    text-transform: lowercase;
	
    margin-bottom: 20px!important;
}
 .fre-authen-register .sum-mes {
    padding-bottom: 0!important;
}

 .fre-authen-register button.fre-btn {
    margin-top: -3px;
    margin-bottom: 0;
}

.fre-authen-register .fre-authen-footer {
    padding: 2px 15px;
}
.custom-field input[type=email], 
.custom-field input[type=number], 
.custom-field input[type=password], 
.custom-field input[type=search], 
.custom-field input[type=text], 
.fre-input-field input[type=email], 
.fre-input-field input[type=number], 
.fre-input-field input[type=password], 
.fre-input-field input[type=search], 
.fre-input-field input[type=text] {
    color: #0E0E0E !important; /* Màu chữ khi nhập */
}

.custom-field input::placeholder, 
.fre-input-field input::placeholder {
    color: #6D6D6D !important; /* Màu placeholder */
    opacity: 1; /* Đảm bảo màu hiển thị rõ */
}


#term + label, #term  {
    border-radius: 2px!important;
}


 .fre-authen-register .fre-input-field a {
    color: var(--Primary-400, #4268FF);
}

.fre-authen-register .fre-authen-footer p {
    font-size: 18px;
}.container-fluid .back-to-homes {
    margin-left: 48px;
    margin-bottom: 10px !important;
}

 .section-successfully .section-successfully-title {
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
    margin-top: 0;
}

 .section-successfully-text {
    padding-bottom: 0;
    margin-bottom: 32px;
}
.page-template-page-login .fre-page-section .fre-authen-login>h2 {
    margin-bottom: 33px!important;
}

.page-template-page-login .fre-authen-wrapper, .page-template-page-forgot-password .fre-authen-wrapper, .page-template-page-reset-pass .fre-authen-wrapper {
    padding: 28px 0;
}
.container-fluid .back-to-home {
    color: var(--EHS-Neutral-400, #6D6D6D) !important;
    line-height: 24px !important;
}
.page-template-page-login .fre-page-section .form-or {
    margin: 0!important;
    margin-top: -10px!important;
}.fre-input-field red {
    color: var(--System-Danger-Hard, #bb2a0d);
    margin-left: 4px;
}

form#signin_form input[type="email"], form#signin_form input#user_pass {
    border-radius: 8px;
    border: 1px solid var(--gray);
    background: var(--Neutral-0, #fff);
}.page-template-page-register .fre-authen-register red {
    margin-left: 4px;
}label {
	
    margin-bottom: 8px;
}form#signin_form input[type="email"] {
    margin-top: 8px;
}.fre-input-field.center {}

form#signin_form .fre-input-field.center {
    margin-top: -8px;
    margin-bottom: 2px;
}


.checkbox-inline span:before, .fre-checkbox span:before {
    width: 20px;
    height: 20px;
    top: 2px;
    border-color: #0E0E0E!important;
}
.fre-checkbox input[type=checkbox]:checked+span:after {
    color: #0E0E0E;
    left: 3px;
    top: 1px;
}.fre-authen-reset-pass>h2 {
    margin-bottom: 40px;
}

.submit-lostpass>button {
    margin-top: 4px!important;
}
label.fre-checkbox.login-remember {
    font-weight: 400!important;
}

.checkbox-inline, .fre-checkbox, .fre-radio, .radio-inline {
    padding-left: 28px;
}
img.icon-profesinal, img.icon-employer {
    margin-bottom: 22px;
    margin-top: 12px;
}
div#deleteAccountPopup .popup-content .title-pop h3 {
	color:#0E0E0E!important;
}div#deleteAccountPopup .button-reqess button.done-btnreques {
    margin-left: auto; /* Đẩy nút về phía bên phải */
    display: block;
}svg#closeDeleteRequest, .done-btnreques1, #confirmNo1, .gotit-cf1, #unsave-close {
    position: absolute;
    right: 20px;
    top: 37px;
	cursor:pointer;
}.employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf h4 {
    display: flex;
    gap: 10px;
}
div#deleteAccountPopup .popup-content .title-pop svg {cursor:pointer;}
.page-template-page-reset-pass button a {
	border-radius: 8px;
background: var(--EHS-Brand---primary---blue-300-base, #3B99FC)!important;
}.page-template-page-reset-pass button a:hover {
	opacity:0.8;
}.error-message, .message {
    font-size: 14px!important;
}
.page-template-page-reset-pass .fre-authen-reset-pass .fre-input-field > div {
	color: var(--EHS-Neutral-700, #0E0E0E)!important;

}
.page-template-page-reset-pass .fre-authen-reset-pass .fre-input-field .error-message, .page-template-page-reset-pass .fre-authen-reset-pass .fre-input-field .message {
    color: var(--EHS-Functional-Red-Error-400, #C63200)!important;
    font-weight: normal!important;
}

.error-summary {
    font-weight: normal!important;
    display: flex;
    align-items: center;color: #000!important;
    gap: 8px;}
.fre-input-field.error .message, .fre-input-field .message {
    line-height: 20px!important;}
.fre-validate-error {
    border: none;
    text-align: left;
    font-weight: 400;
}
.fre-validate-error>li {color: #000;

/* Body/Body 2/Regular */font-family: "Open Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */padding: 5px 16px 5px 30px;}

.fre-validate-error > li::before {
    content: "";
    display: block;
    width: 21px; /* Điều chỉnh kích thước icon */
    height: 20px;
    background-image: url('/wp-content/uploads/2025/03/ic-functional-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 7px;
}
.fre-validate-error>li>a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3) !important;
    font-weight: 600;
}
.page-template-page-login .fre-page-section .submit-login {
    margin: unset!important;
    display: block!important;
    justify-content: unset!important;
}

.page-template-page-login .fre-page-section .submit-login .fre-submit-btn {
    margin: 0 auto;
}

ul.fre-validate-error {
    padding: 0;
}.page-template-page-register .fre-authen-register .sum-mes {
    padding-top: 32px!important;
}.error input#user_pass {
    border-radius: 8px;
    border: 2px solid var(--EHS-Functional-Red-Error-400, #C63200)!important;
}.title-pop h3 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Display sm/Display sm - medium */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 126.667% */
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 0;
    margin-bottom: 24px;
}

.popup-overlay-ask .popup-content {
    text-align: left!important;
}

div#confirmPopup {
    padding: 4px;
}

div#confirmPopup p {
    color: var(--EHS-Neutral-600, #2B2B2B);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}.popup-overlay-ask button {
    margin: 0!important;
}

button#confirmNo {
    margin-right: 14px!important;
    background: #fff!important;
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
    border-color:#1D75D3!important;
}
button#confirmNo:hover {
    background: var(--EHS-Brand---primary---blue-300-base, #E7F2FE) !important;
}
button#confirmYes:hover,.popup-overlay-ask button:hover{
    background: var(--EHS-Brand---primary---blue-300-base, #1D75D3) !important;
    border-color:#1D75D3 !important;
    opacity:1 !important;
}

div#confirmPopup p {
    margin-bottom: 24px;
}

.algin-right {
	text-align:right;
}
.algin-right button:hover {opacity:0.8;}
.modal-content {
    border-radius: 16px;
    background: #FFF;
}

.modal-body {
    padding: 32px;
}

form#fre_set_role h2 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px; /* 140% */
}

form#fre_set_role button.fre-small-btn.primary-bg-color.select-role-btn {
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC);
    border: none;
}

form#fre_set_role button.fre-small-btn.primary-bg-color.select-role-btn:hover {
    color: #fff;
    opacity: 0.8;
}

button.fre-btn.fre-btn.primary-bg-color.btn-save-role {
    color: var(--EHS-Neutral-0, #FFF);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    padding: 8px 12px;
    height: auto;
    border-radius: 8px;
}

button#logout-btn {
    color: var(--EHS-Neutral-0, #1D75D3);
    backgroud:#fff;

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    padding: 8px 12px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    margin-right:6px;
    }

.fre-btn-disable:active, .fre-btn-disable:focus, .fre-btn-disable:hover, .fre-btn:active, .fre-btn:focus, div .fre-btn:hover, .fre-payment-list>li>.btn:active, .fre-payment-list>li>.btn:focus, .fre-payment-list>li>.btn:hover {
    background: #FFFFFF;
    color: #1D75D3 !important;
    border-color:#1D75D3;
}div button.fre-small-btn.primary-bg-color.select-role-btn.selected {
    background: #1D75D3!important;
    color: #fff !important;
}div#forgot-password a {
    color: var(--Neutral-800, #121212);
    font-weight: 600;
}

div#forgot-password {
    font-size: 16px;
}
#success_popup .content-popup .title {color: var(--EHS-Neutral-700, #0E0E0E)!important;

}#success_popup .content-popup {
    padding-bottom: 51px;
}#success_popup .content-popup .popup-content button#done_password {
    margin-top: 48px!important;
}
.message, #password-error {
	color: var(--EHS-Functional-Red-Error-400, #C63200)!important;

}
div#password_popup .content-popup .input-infor .input.error input {
	border: 2px solid var(--EHS-Functional-Red-Error-400, #C63200)!important;

}
.error-message p {
    color: #000;
font-size: 16px;
}
div#manage-account .label, .delete-account .label {
    background: var(--EHS-Brand---primary---blue-50, #E7F2FE)!important;
    font-weight:600!important;
}.disable .infor label:after {
    content: "*";
    color: red;
    margin-left:4px;
}div#manage-account .account-section .error-summary {
    font-size: 16px;
}

div#manage-account .account-section span.error-message {
    color: var(--EHS-Functional-Red-Error-400, #C63200)!important;
}.error-summary svg path {
    fill: #C63200!Important;
}div#manage-account .account-section .error-summary {
    position: absolute!important;
    left: 510px!important;
}div#password_popup .content-popup .title {
	color:#0E0E0E!important;
}
.tax-id .tooltip-phone:hover ~ .content-tooltip {
    display: block;
}
.tax-id {
    position: relative;
}
.tax-id .content-tooltip {
    display: none;
    position: absolute;
    background: #0e0e0e;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    left: 20%;
    z-index: 99;
    top: -70%;
    width: 175px;
    line-height: 150%;
}
h1, h2, h3, h4, h5, h6 {
	
font-family: "Open Sans"!important;
}
.employer-profile-setup form#organisationForm input, .employer-profile-setup form#organisationForm select, .employer-profile-setup form#organisationForm textarea, .employer-profile-setup input, .noti {font-size: 16px;}
.employer-profile-setup .btn-update button:hover {
    background:#1D75D3;
}.noti path {
    fill: #570CDA!important;
}

.noti {
    align-items: center;
}.notificationstt {
    margin-top: 10px;
}
.notificationstt.accept {
    background: var(--EHS-Functional-Green-Success-50, #F6FFED);
}

button.close-notification {
    border: none;
    float: right;
    margin-left: auto; 
    background: none;
    cursor: pointer;
}.notificationstt.reject a {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Bold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}p.stt-show.rejected {
    background: var(--EHS-Functional-Orange---Warning-50, #FFF0E3)!important;border: 1px solid var(--EHS-Functional-Orange---Warning-100, #FBE0B6)!important;

}
.notificationstt.reject a:hover {opacity:0.8;}
.notificationstt.reject {background: var(--EHS-Functional-Orange---Warning-50, #FFF0E3)!important;}
.infor-change-employer {
    border-left: 2px solid #570CDA;
    padding-left: 16px;
    display: flex;
    gap: 16px;
    margin-left:12px;
    margin-bottom: 16px;
    margin-top: 15px;
}


.note-titile-change h5 {
    margin: 0;
    margin-bottom: 12px;
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Bold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.note-titile-change p {
    color: var(--EHS-Neutral-700, #0E0E0E);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 0;
}
button#cancel-employe-profile, button#cancel-per-profile {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);

    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    background: transparent;
    padding: 8px 12px;
    margin-right: 6px;
    &:hover{
        color: var(--EHS-Brand---primary---blue-400, #1D75D3);
        border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3) !important;
        background: #E7F2FE !important;
    }
}

button.update-employe-profile {
    color: #fff;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #3B99FC);
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC);
    padding: 8px 12px;
}

button.update-employe-profile:hover, button#cancel-employe-profile:hover {
    /* opacity: 0.8; */
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    background: var(--EHS-Brand---primary---blue-300-base, #1D75D3);
}.employer-profile-setup.step2 .setup-step .organisation-inf-show .organisation-inf button#edit-organisation-inf path, .employer-profile-setup.step2 .setup-step .organisation-inf.show #edit-per-inf path {
fill:#1D75D3!important;
}
.employer-profile-setup.step2 .setup-step .organisation-inf-show .organisation-inf button#edit-organisation-inf, .employer-profile-setup.step2 .setup-step .organisation-inf.show #edit-per-inf {
    background:none;
}p.show-descrip {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 1/Regular */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

.employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf .other-inf .infor-item:first-child {
    padding-left: 0;
}

.main-organisation-inf {
    margin-bottom: 60px;
}p.show-descrip {
    margin-top: 32px;
}

.employer-profile-setup.step2 .setup-step .inf-group-show .per p {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.employer-profile-setup.step2 .setup-step .inf-group-show .per h6 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body 1/Text lg - medium */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}

.inf-group-show {
    margin-left: 24px;
}
.button-close-bottom button#cancel_password:hover, .button-close-bottom button#save_password:hover {opacity:0.8;}
div#manage-account .form {
    padding-bottom: 1px!important;
}input#term {
    appearance: none; /* Ẩn giao diện mặc định */
    -webkit-appearance: none; /* Ẩn trên Safari */
    -moz-appearance: none; /* Ẩn trên Firefox */
    width: 20px;
    height: 20px;
    margin: 0;
    border: none;
    outline: none;
    position: absolute;
    opacity: 0; /* Ẩn hoàn toàn */
    pointer-events: none; /* Ngăn chặn tương tác */}

#term + label, .checkbox-inline span:before, .fre-checkbox span:before {
    border-radius: 5px !important;
    border: 2px solid!important;
}.page-template-page-register .section-successfully span.request-confirm.secondary-color:hover {
    opacity: 0.8;
}.page-template-page-register .fre-authen-register .fre-input-field p.hit {
    padding-top: 3px!important;
}.title-pop h3 {
    padding-right: 30px;
}p.show-descrip, .employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf .other-inf .infor-item p, .employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf .show-country, .employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf h4 {
    color: #0E0E0E!important; }
.employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf .other-inf .infor-item {
    border-right: 2px solid #F4F4F4;
    flex: 0 1 max-content;
}

.employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf .other-inf .infor-item:last-child {
    border: none;
}div#unSavePopup h4 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px; /* 140% */
    margin-top: -10px;
    margin-bottom: 24px;
}

div#unSavePopup p {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

div#unSavePopup .button-popUnsave button#discard {
    color: #1D75D3!important;
    border-color: #1D75D3!important;
}
div#unSavePopup .button-popUnsave button#discard:hover {opacity:0.8;}
div#unSavePopup {
    padding: 32px 25px!important;
}.employer-profile-setup.step2 .setup-step .organisation-inf-show .main-organisation-inf .show-inf .other-inf .infor-item {
    justify-content: center;
    align-items: center;
}.org-address span.error-message {
    display: none!important;
}

input#address {
    border: 1px solid var(--Neutral-100, #d1d1d1)!important;;
}a:focus, a:hover, .fre-menu-main>li:hover>a {
    color: #3B99FC!important;
}
.fre-menu-main li a {
    text-transform: unset;
}

.fre-menu-main>li+li {
    margin-left: 24px;}
.fre-login>li a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}.fre-login li:last-child a {
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    padding: 8px 12px;
}

.fre-menu-main>li, .fre-login-wrap {
    padding: 14px 0;
}
.fre-login>li a:hover {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
    opacity:0.8;
}.fre-site-logo {
    margin-right: 8px;
}

.fre-login>li+li {
    margin-left: 32px;
}
.note-titile-change strong {
    text-transform: capitalize;
}.infor-change-employer::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--EHS-Neutral-50, #F4F4F4);
    position: absolute;
    top: -18px;
    left: 0;
}.infor-change-employer {
    position: relative; 
}

.infor-change-employer {
    margin-bottom: 28px;
}.employer-profile-setup.step2 .head-status {
    padding-bottom: 60px!important;
}
button#cancel-per-profile:hover {
    opacity: 0.8;
}
.fre-account.dropdown {
    padding: 10px 0;
}

.fre-account-wrap .fre-notification {
    margin: 25px 0;
}
.home .blog-header-container .blog-classic-top {display:none;}








@media (max-width: 767px) {
.fre-register-wrap {padding:0;margin-bottom: 10px;}
     .fre-register-default .fre-register-wrap .register-freelancer,  .fre-register-default .fre-register-wrap .register-employer {
        margin-bottom:20px;
    }

}



@-moz-keyframes loading-dots-fadein {
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@-webkit-keyframes loading-dots-fadein {
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@-o-keyframes loading-dots-fadein {
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@keyframes loading-dots-fadein {
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-moz-keyframes loading-dots-first-dot {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@-webkit-keyframes loading-dots-first-dot {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@-o-keyframes loading-dots-first-dot {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@keyframes loading-dots-first-dot {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-moz-keyframes loading-dots-middle-dots {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
    }
}
@-webkit-keyframes loading-dots-middle-dots {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
    }
}
@-o-keyframes loading-dots-middle-dots {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
    }
}
@keyframes loading-dots-middle-dots {
    100% {
        -webkit-transform: translate(1em);
        -moz-transform: translate(1em);
        -o-transform: translate(1em);
        -ms-transform: translate(1em);
        transform: translate(1em);
    }
}

@-moz-keyframes loading-dots-last-dot {
    100% {
        -webkit-transform: translate(2em);
        -moz-transform: translate(2em);
        -o-transform: translate(2em);
        -ms-transform: translate(2em);
        transform: translate(2em);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes loading-dots-last-dot {
    100% {
        -webkit-transform: translate(2em);
        -moz-transform: translate(2em);
        -o-transform: translate(2em);
        -ms-transform: translate(2em);
        transform: translate(2em);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes loading-dots-last-dot {
    100% {
        -webkit-transform: translate(2em);
        -moz-transform: translate(2em);
        -o-transform: translate(2em);
        -ms-transform: translate(2em);
        transform: translate(2em);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes loading-dots-last-dot {
    100% {
        -webkit-transform: translate(2em);
        -moz-transform: translate(2em);
        -o-transform: translate(2em);
        -ms-transform: translate(2em);
        transform: translate(2em);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}


/* start - apply to a job css */
#apply-job-form .job-form-group-row {
    display: flex;
    gap: 40px;
}
#apply-job-form .job-form-group-row + .job-form-group-row {
    margin-top: 28px;
}
#apply-job-form .job-form-group-col {
    flex: 1;
}
#apply-job-form .job-form-group-control-field,
#apply-job-form .job-form-group-control {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    flex-flow: column;
}

#apply-job-form .job-form-group-control .input-error {
    border: 1px solid var(--EHS-Functional-Red-Error-400, #C63200);
}

#apply-job-form .job-form-group-control-error-messages {
    color: var(--EHS-Functional-Red-Error-400, #C63200) !important;
    font-size: 12px !important;
    margin-top: 4px !important;
    line-height: 12px !important;
    position: absolute;
    top: 100%;
    left: 0;
}

#apply-job-form .job-form-group-control input,
#apply-job-form .job-form-group-control select {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 8px 12px;
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
}
#apply-job-form .job-form-group-control .content-tooltip {
    display: none;
    position: absolute;
    background: #0e0e0e;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    left: 5%;
    z-index: 99;
    bottom: 100%;
    width: 175px;
    line-height: 150%;
}

#apply-job-form .job-form-group-control .content-tooltip.ct {
    width: 300px;
}
#apply-job-form .job-form-group-control .tooltip-phone:hover + .content-tooltip {
    display: block;
}
#apply-job-form .job-form-salary {
    display: flex;
    gap: 10px;
    align-items: center;
}
#apply-job-form .job-form-salary .job-form-salary-control {
    flex: 1;
}
#apply-job-form .job-form-salary .job-form-salary-control__fit {
    max-width: fit-content;
}
#apply-job-form .job-form-input-select {
    display: flex;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 8px 12px;
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
}
#apply-job-form .job-form-input-select input,
#apply-job-form .job-form-input-select select {
    border: 0;
    padding: 0;
    height: 24px;
    border-radius: 0;
}
#apply-job-form .job-form-input-select input {
    flex: 1;
}
#apply-job-form .job-form-input-select input + select {
    padding: 0;
    border-left: 2px solid #d1d1d1;
    padding-left: 8px;
    margin-right: 0;
}
#apply-job-form .job-form-input-select select {
    max-width: fit-content;
    margin-right: 8px;
}
#apply-job-form .job-form-input-select select + input {
    padding-left: 8px;
    flex: 1;
    border-left: 2px solid #d1d1d1;
}
#apply-job-form .job-form-line {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}
#apply-job-form #step1 span {
    margin: 0;
}
#apply-job-form .job-form-line:before {
    content: "";
    display: block;
    height: 2px;
    background-color: #f4f4f4;
    width: 100%;
    max-width: 916px;
}
#apply-job-form .setup-step #step1 .container-step {
    padding-bottom: 90px;
}
#apply-job-form .job-form-group-control textarea {
    width: 100%;
    border-radius: 8px;
    padding: 8px 12px;
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
}
#apply-job-form .setup-step #step1 form#formStep1 .iti__selected-flag {
    height: 31px;
}
.author.apply-job-content-preview {
    width: 1120px;
    margin: 0px auto;
}

.author.apply-job-content-preview .fre-page-section {
    padding: 24px;
    background: var(--EHS-Neutral-50, #F4F4F4);
}
.author.apply-job-content-preview .name-title {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 5/Semibold */
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}

.author.apply-job-content-preview .fre-page-section .information .infor .title .job-title {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.author.apply-job-content-preview .fre-page-section .information .infor .skills .skills-summary {
    color: var(--EHS-Neutral-400, #6D6D6D);

/* Body/Body 4/Semibold */
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 150% */
}.job-ad {
    display: flex;
}

.author.apply-job-content-preview .fre-page-section .information .infor .title {
    flex-direction: column;
}

.job-ad .level {
    border-left: 0px!important;
    padding-left: 0!important;
}

.author.apply-job-content-preview .fre-page-section .information .infor .title .job-title {
    margin-bottom: 7px;
    margin-top: 2px;
}

span.link-profile a {
    display: block;
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

span.link-profile {
    text-align: center;
    margin-top: 15px;
    display: block;
}

.author.apply-job-content-preview .fre-page-section .information .avatar {
    width: 96px;
    height: 96px;
}

.author.apply-job-content-preview .fre-page-section .information .infor .skills .skills-summary {
    margin-bottom: 3px;
}
.author.apply-job-content-preview .fre-page-section .information {
    border-radius: 8px;
    background: #FFF;

/* Elevation/E2 */
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.04);
}.author.apply-job-content-preview .fre-page-section .information {
    padding: 16px 24px;
}

.author.apply-job-content-preview .fre-page-section .information .infor .skills {
    padding-bottom: 0;
}   .section-information {
      background: #fff;
      border-radius: 8px;
      padding: 12px 36px;
      margin-bottom: 20px;
    }
    .section-title {color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 5/Semibold */font-family: "Open Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: 30px; /* 150% */}
    .section-title svg {
      margin-right: 12px;
      position: absolute;
      margin-top: 8px;
      margin-left: -24px;
    }
    .info-row {
      margin-bottom: 16px;
      margin-top: 16px;
      color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 1/Regular */
      font-family: "Open Sans";
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px; /* 155.556% */
    }
    #apply-job-form .certificate, #apply-job-form .resume {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 8px;
    }
    #apply-job-form .file-icon {
      margin-right: 10px;
    }
    #apply-job-form .gray-box {
      background: #f1f1f1;
      padding: 10px;
      border-radius: 6px;
      margin-top: 10px;
    }

.info-row span.label {
    color: var(--EHS-Neutral-400, #6D6D6D);

/* Body 1/Text lg - medium */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    padding: 0;
}
.section-information hr {
    color: #F4F4F4;
    border-top: 2px solid #F4F4F4;
}
.row-inf {
    display: flex;
    gap: 55px;
}

.info-row {
    display: flex;
    gap: 10px;
}

.info-row:last-child {
    border-left: 2px solid #F4F4F4;
    padding-left: 12px;
    width: 60%;
}

.section-information hr {
    margin: 0;
}

.info-row:first-child {
    width: 33%;
}
.letter {
    color: #000;

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-top: 20px;
}#apply-job-form #step2 .resume {
    display: block;
}.title-and-file {
  display: flex;
  justify-content: space-between;
  align-items: center; /* nếu muốn hàng ngang đều nhau theo chiều cao */
}
#apply-job-form .certificate-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#apply-job-form .uploaded-file-doc {
  display: flex;
  justify-content: space-between;
  align-items: center;
    border-radius: 4px;
    border: 1px solid var(--EHS-Neutral-50, #f4f4f4);
    padding: 4px 8px;
    gap: 75px;
    margin-bottom: 16px;
}

#apply-job-form .file-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

#apply-job-form .file-info .icon img {
  width: 24px;
  height: 24px;
}

#apply-job-form .file-info .meta a {
  font-weight: 500;
  color: #333;
  text-decoration: none;
}

#apply-job-form .file-info .meta .filesize {
  margin-left: 4px;
  color: #888;
  font-size: 14px;
}

#apply-job-form .file-download a {
  display: inline-flex;
  align-items: center;
  padding: 4px;
  transition: opacity 0.2s;
}

#apply-job-form .file-download a:hover {
  opacity: 0.7;
}

#apply-job-form .certificate {
    margin-bottom: -8px;
    margin-top: 16px;
}

.author.apply-job-content-preview .fre-page-section {
    padding-bottom: 1px;
    margin-bottom: 80px;
}

ul.certificate-list li.uploaded-file-doc a {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.title-and-file .resume {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--EHS-Neutral-50, #f4f4f4);
    padding: 4px 8px;
    gap: 75px;
    margin-bottom: 16px;
}

.resume-item {
    display: flex;
    align-items: center;
    gap: 20px;
}.custom-popup-apply-success {
  position: fixed;
  z-index: 9999;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex; align-items: center; justify-content: center;
}
.custom-popup-apply-success  .popup-content {
  background: white;
  border-radius: 8px;
  padding: 30px;
  width: 400px;
  text-align: center;
  position: relative;
}
.custom-popup-apply-success  .popup-actions .btn {
  margin: 10px;
}
.custom-popup-apply-success  .popup-close {
  position: absolute;
  top: 10px; right: 10px;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.popup-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
}

.popup-head h2 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px; /* 140% */
    margin: 0;
}

.custom-popup-apply-success .popup-content {
    width: 583px;
    padding: 32px 24px;
    text-align: left;
}

.custom-popup-apply-success .popup-content p {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 24px;
}

.custom-popup-apply-success .popup-content p a {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Bold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.custom-popup-apply-success .popup-close {
    top: 40px;
    right: 25px;
}

.custom-popup-apply-success .popup-actions .btn {
    margin: 0;
}

.custom-popup-apply-success .popup-actions a.btn.btn-primary {
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    padding: 8px 12px;
    background: none;
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.custom-popup-apply-success .popup-actions a.btn.btn-secondary {
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #3B99FC);
    padding: 8px 12px;
    background: #3B99FC;
    color: #fff;

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
a.btn.btn-secondary {}

.popup-actions {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

.custom-popup-apply-success .popup-actions a.btn.btn-primary:hover {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
    opacity: 0.8;
}

.custom-popup-apply-success .popup-actions a.btn.btn-secondary:hover {
    color: var(--EHS-Brand---primary---blue-400, #fff)!important;
    opacity: 0.8;
}
#apply-job-form .warning-notcompled, .setup-step #step1 .container-step {
    display: block
}
.warning-notcompled.aj  .left-setup p {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 1/Semibold */
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}

.warning-notcompled.aj .left-setup span {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 3/Regular */
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.warning-notcompled.aj .left-setup {
    justify-content: space-between;
}

.warning-notcompled.aj .right-setup .re-setup, .warning-notcompled.aj .right-setup .re-setup:hover {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    background: #F4F4F4;
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
}

.warning-notcompled.aj .right-setup .re-setup:hover {
    opacity: 0.7;
}.aj .top {
    display: flex;
    gap: 20px;
}

.aj .top img {
    max-width: 30px;
}

#apply-job-form .warning-notcompled {
    border-radius: 16px;
    background: var(--EHS-Neutral-50, #F4F4F4)!important;
    padding: 20px 24px;
	box-shadow:none!important;
}#apply-job-form #progress-container {
    margin-bottom: 12px;
}#apply-job-form #step2 label {
    color: var(--main-text-black-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 8px;
    margin: 0;
}

form#formStep2 {
    margin-top: 36px;
}
#apply-job-form .job-form-group-control input, #apply-job-form .job-form-group-control select, #apply-job-form .job-form-group-control textarea {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
div#apply-job-form  red {
    margin-left: 5px;
}
#apply-job-form .job-form-group-control-error-messages {
    font-size: 14px !important;
    margin-top: 7px!important;
}

#apply-job-form .job-form-group-control .input-error {border: 2px solid var(--EHS-Functional-Red-Error-400, #C63200);
}p.right-al {
    text-align: right;
    margin-top: 9px;
}#apply-job-form #step2 .titles .right {
    color: var(--EHS-Neutral-500, #4f4f4f);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

#apply-job-form #step2 label.titles {
    
    display: flex;
    justify-content: space-between;
    width: 50%;
    align-items: center;
}p.right-al {
    position: absolute;
    right: 0;
    bottom: -38px;
}

#apply-job-form #step2 .resume {
    margin-top: 26px;
}.page-template-apply-job .copyright-wrapper.footer-copyright-wrapper {
    display: none;
}#apply-job-form #step2 .container-step {
    padding-bottom: 80px;
}
#apply-job-form .step5 #skips {
    display: none;
}
.error-border {
  border: 2px solid var(--EHS-Functional-Red-Error-400, #C63200)!important;

}
#apply-job-form .sum-error-msg {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}.copy-icon {
  cursor: pointer;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}
.copy-icon:hover svg path {
  fill: #333;
}
  .copy-tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 9999;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
  }
#apply-job-form span.job-form-group-control-error-messages {
    font-weight: 400!important;
}
div#apply-job-form select {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-image: url(/wp-content/uploads/2025/03/Right-Icon.svg)!important;
    background-repeat: no-repeat!important;
    background-position: 99% 50%!important;
}
#apply-job-form .job-form-input-select select {
    max-width:100%!important;}
div#apply-job-form select#countries_select {
    background-image: url(/wp-content/uploads/2025/04/Right-Icon-disable.svg)!important;}

div#apply-job-form input#experience_input {
    width: 81%!important;
    flex: auto!important;
}

div#apply-job-form select#currency {
    width: 19%!important;
    flex: auto!important;
}

div#apply-job-form select#current_unit {
    width: 25%!important;
    flex: auto!important;}

div#apply-job-form input#min-amount {
    width: 75%!important;
    flex: auto!important;}

#apply-job-form .job-form-salary .job-form-salary-control__fit {
    max-width: 100%;
}#apply-job-form img.tooltip-phone {
    margin-top: -3.5px;
}

#apply-job-form .sum-error-msg img {
    margin-top: -3px;
    padding-right: 3px!important;
}

@media only screen and (min-width: 1700px) {
  #apply-job-form .setup-step #step1 .container-step {
    min-height: 640px;
  }
}

/* end - apply to a job css*/


/* new - Manage applicants */

  
  .single-apply-jobs .applicant-card {
    display: flex;
    padding: 16px 4px 16px 16px;
    border-top: 1px solid #eee;
    position: relative;
    cursor: pointer;
  }
  
  .single-apply-jobs .applicant-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #0073e6;
    opacity: 0;
  }
  
  .single-apply-jobs .applicant-card.active::before {
    opacity: 1;
  }
  
  .single-apply-jobs .applicant-card .applicant-card:first-child {
    border-top: none;
    border-left: 4px solid #0073e6;
    padding-left: 12px;
  }
  
  .single-apply-jobs .applicant-card .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 12px;
    flex-shrink: 0;
  }
  
  .single-apply-jobs .applicant-card .initials {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    margin-right: 12px;
  }
  
  .single-apply-jobs .applicant-card .info {
    flex: 1;
  }
  
  .single-apply-jobs .applicant-card .info .info-footer {
    display: flex;
    justify-content: space-between;
  }
  
  .single-apply-jobs .applicant-card .name {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: #0E0E0E;
    margin-bottom: 8px;
  }
  
  .single-apply-jobs .applicant-card .blue-dot {
    color: #0073e6;
  }
  
  .single-apply-jobs .applicant-card .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #2B2B2B;
  }
  
  .single-apply-jobs .applicant-card .details {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #2B2B2B;
    margin-top: 8px;
  }
  
  .single-apply-jobs .applicant-card .details div {
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  
  .single-apply-jobs .applicant-card .details img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }
  
  .single-apply-jobs .applicant-card .details div+div:before {
    content: "";
    display: block;
    width: 2px;
    height: 16px;
    background-color: #F4F4F4;
    margin-right: 8px;
  }
  
  .single-apply-jobs .applicant-card .match {
    color: #599C12;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
  
  .single-apply-jobs .applicant-card .applied {
    color: #6D6D6D;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    vertical-align: bottom;
  }
  
  .single-apply-jobs .applicant-card .badge {
    position: absolute;
    right: 4px;
    top: 10px;
    border: 1px solid #D1F2B5;
    background-color: #F6FFED;
    color: #2e8b57;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    color: #0E0E0E;
  }
  
  .single-apply-jobs .applicant-card .badge.not-a-fit {
    background-color: #FFF0E3;
    border: 1px solid #FBE0B6;
  }
  
  .single-apply-jobs .applyjobs-tabs .tabs-head {
    display: flex;
    border-bottom: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    padding-top: 12px;
  }
  
  .single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item {
    padding: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #4F4F4F;
    border: 1px solid #D1D1D1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0;
  }
  
  .single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item.is-active {
    background-color: #F4F4F4;
    font-weight: 600;
    color: #0E0E0E;
  }
  
  .single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item+.tab-head-item {
    margin-left: 12px;
  }
  
  .single-apply-jobs .applyjobs-tabs .tabs-content {
    background-color: #F4F4F4;
    border: 1px solid #D1D1D1;
  }
  
  .single-apply-jobs .applyjobs-detail {
    display: flex;
  }
  .single-apply-jobs .applyjobs-detail .applications-wrapper .details .level{
    padding-right: 0;
    border-right: 0;
  }
  .single-apply-jobs .applyjobs-detail .application {
    background-color: #fff;
    width: 100%;
    max-width: 435px;
  }
  
  .single-apply-jobs .applyjobs-detail .applyjobs-infomation {
    flex: 1;
    padding: 12px 24px;
  }
  
  .single-apply-jobs .head-prev {
    display: flex;
    justify-content: space-between;
    padding-top: 28px;
  }
  
  .single-apply-jobs .head-prev .head-title h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    color: #0E0E0E;
    margin-bottom: 4px;
    margin-top: 0;
  }
  
  .single-apply-jobs .head-prev .nanage-job {
    display: flex;
    align-items: center;
    padding: 0 12px;
    background-color: #fff;
    border: 2px solid #1D75D3;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    height: 40px;
    color: #1D75D3;
    transition: all 0.3s;
  }
  
  .single-apply-jobs .head-prev .nanage-job svg {
    margin-right: 10px;
  }
  
  .single-apply-jobs .head-prev .nanage-job svg path {
    fill: currentColor;
  }
  
  .single-apply-jobs .head-prev .nanage-job:hover {
    /* color: #fff; */
    background: #E7F2FE;
  }
  
  .single-apply-jobs .slary-prev {
    color: #F4F4F4;
  }
  
  .single-apply-jobs .slary-prev #salary {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: #0E0E0E;
    padding-left: 0.5rem;
  }
  
  .single-apply-jobs .slary-prev #experience {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #2B2B2B;
  }
  
  .single-apply-jobs .metainf-prev {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #F4F4F4;
  }
  
  .single-apply-jobs .metainf-prev>span {
    margin-left: 8px;
    margin-right: 8px;
    color: #2B2B2B;
  }
  
  .single-apply-jobs .metainf-prev>svg {
    margin-left: 8px;
  }
  
  .single-apply-jobs .metainf-prev>svg:first-of-type {
    margin-left: 0;
  }
  
  .single-apply-jobs .metainf-prev .metainf-prev-item .metainf-prev-label {
    color: #6D6D6D;
  }
  
  .single-apply-jobs .application-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 8px;
    background: #F4F4F4;
  }
  
  .single-apply-jobs .application-filter .application-filter-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    color: #2B2B2B;
  }
  
  .single-apply-jobs .application-filter .application-filter-select span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    margin-right: 4px;
    color: #2B2B2B;
  }
  
  .single-apply-jobs .application-filter .application-filter-select select {
    height: 40px;
    width: 140px;
    border-radius: 8px;
    border: 1px solid #D1D1D1;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #0E0E0E;
  }
  
  .single-apply-jobs .applyjobs-content .applyjobs-infomation {
    border-left: 1px solid #D1D1D1;
  }
  
  .single-apply-jobs .applyjobs-content .author.apply-job-content-preview {
    width: 100%;
  }
  
  .single-apply-jobs .applyjobs-infomation .fre-page-section {
    padding: 0;
    margin-top: 0;
  }
  
  .single-apply-jobs .applyjobs-content .fre-page-section .information {
    flex-wrap: wrap;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev {
    padding-top: 12px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev span#totalskills {
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #599C12;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists {
    margin-top: 12px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li {
    list-style: none;
    border-radius: 4px;
    padding: 4px;
    color: var(--EHS-Neutral-700, #0e0e0e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border: 1px solid #D1D1D1;
    background: #F4F4F4;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills .user-skills-certifications {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li.active {
    border: 1px solid var(--EHS-Brand---primary---blue-100, #bcd9f8);
    background: var(--EHS-Brand---primary---blue-50, #e7f2fe);
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li.skill-more {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #fff0;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li.skill-more:hover {
    color: #1D75D3;
  }
  
  .single-apply-jobs .applyjobs-content .post-on-prev {
    padding: 16px 0 0;
    border-top: 2px solid #f4f4f4;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  .single-apply-jobs .applyjobs-content .post-on-prev span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #0E0E0E;
  }
  
  .single-apply-jobs .applyjobs-content .post-on-prev button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #0E0E0E;
    margin-left: 12px;
    background: #fff;
    transition: all 0.3s;
  }
  
/*   .single-apply-jobs .applyjobs-content .post-on-prev button.active {
    pointer-events: none;
    color: #fff;
    background: #1D75D3;
    border: 1px solid #1D75D3;
  }
  
  .single-apply-jobs .applyjobs-content .post-on-prev button:hover {
    color: #fff;
    background: #1D75D3;
    border: 1px solid #1D75D3;
  } */
  
  .single-apply-jobs .applyjobs-content .section-information .row-inf .info-row .value {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  .single-apply-jobs .applyjobs-content .section-information .resume {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  
  .single-apply-jobs .applyjobs-content .section-information .resume .resume-item .file-info {
    display: flex;
    align-items: center;
  }
  
  .single-apply-jobs .applyjobs-content .section-information .resume .resume-item .file-info .icon {
    margin-right: 10px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate {
    margin-bottom: -8px;
    margin-top: 16px;
  }
  
  .single-apply-jobs .applyjobs-content .certificate-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .single-apply-jobs .applyjobs-content .uploaded-file-doc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--EHS-Neutral-50, #f4f4f4);
    padding: 4px 8px;
    gap: 75px;
    margin-bottom: 16px;
  }
  
  .single-apply-jobs .applyjobs-content .uploaded-file-doc .file-info {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .single-apply-jobs .applyjobs-content .section-information .info-row {
    white-space: nowrap;
  }
  
  .single-apply-jobs .applyjobs-content .section-information .info-row svg {
    margin-left: 0.75rem;
  }
  .applyjobs-detail-no-apply, #invited .not-fault {
    min-height: 765px;
    text-align: center;
}
#invited .fre-profile-list-container.invitation-profile {
    padding: 20px 116px;
    min-height: 765px;
}
.applyjobs-detail-no-apply img {
    padding-top: 80px;
}

.applyjobs-detail-no-apply h2 {
    margin-top: 16px;
    margin-bottom: 16px;
    color: var(--EHS-Neutral-700, #0E0E0E);
    text-align: center;

/* Display sm/Display sm - medium */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 126.667% */
}

.applyjobs-detail-no-apply p {
    margin-bottom: 16px;
    color: var(--EHS-Neutral-600, #2B2B2B);
    text-align: center;

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.applyjobs-detail-no-apply p a {
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC);
    padding: 12px;
    color: #fff;
    display: inline-block;
}

.applyjobs-detail-no-apply p a:hover {
    border-radius: 8px;
    background: var(--EHS-Brand---primary---blue-300-base, #3B99FC);
    padding: 12px;
    color: #fff!important;
    opacity: 0.7;
}div#applied .name-th.itle, .single-apply-jobs .name-th.itle {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 5/Semibold */
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}
/*#apply-job-form input#first_name_input, #apply-job-form input#last_name_input, #apply-job-form input#city_input, #apply-job-form select#countries_select {
    border-radius: 8px;
    border: 1px solid var(--EHS-Neutral-100, #D1D1D1);
    background: var(--EHS-Neutral-50, #F4F4F4);
    pointer-events: none;
}*/#apply-job-form .certificate {
    margin-bottom: 0px;
}
.single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills {
    display: block;
    margin-top: -10px;
}

.single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills p.skills-summary {
    color: var(--EHS-Neutral-400, #6D6D6D);

/* Body/Body 4/Semibold */
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 150% */
}

.single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li.skill {
    border-radius: 4px;
    border: 1px solid var(--EHS-Brand---primary---blue-100, #bcd9f8);
    background: var(--EHS-Brand---primary---blue-50, #e7f2fe);
    padding: 4px;
    color: var(--main-text-black-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
  /* end - Manage applicants*/

/*single-apply-job*/
.single-apply_job .company-inf-ad-job-tile {
    display: flex;
    justify-content: space-between;
}

.single-apply_job .head-prev, .single-apply_job .head-prev-inner {
    width: 100%;
}


.single-apply_job .right-tns {
    display: flex;
    gap: 12px;
}
.single-apply-jobs .applyjobs-content .post-on-prev.center-now {
    justify-content: center;
}
.single-apply_job .company-inf-ad-job-tile .logo img {
    width: 64px;
    height: 64px;
    border-radius: 100px;
}

.single-apply_job .company-inf-ad-job-tile span#title {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 4/Semibold */
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
}

.single-apply_job .company-inf-ad-job-tile .r1-tbn h4 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-top: 0;
}

.right-company-inf-ad-job-tile {
    margin-left: 76px;
    border-top: 2px solid #F4F4F4;
    padding-top: 10px;
}.apply-time p {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Italic */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.apply-time {
    border-top: 1px solid var(--EHS-Neutral-50, #F4F4F4);
    padding-top: 15px;
}

.right-company-inf-ad-job-tile {
    padding-bottom: 5px;
}

div#apply-job-form .setup-step #step1 .bth-next, #step2 .container-button, .step5 .container-button {
    position: fixed!important;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto!important; 
    z-index: 9999!important;
}

div#apply-job-form form#formStep2, 
div#apply-job-form div#step5 {
    padding-bottom: 80px;
}
.wp-application .tab {
    margin-bottom: 16px!important;
}

.wp-application .tab:last-child {
    margin-bottom: 0!important;
}
div#apply-job-form .setup-step {padding-bottom: 40px;}

.single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item+.tab-head-item:hover, .single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item+.tab-head-item:focus {
    background-color: #F4F4F4;
    color: #0E0E0E!important;
}
.single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item.is-active:hover, .single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item.is-active:focus, .single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item {
    color: #0E0E0E!important;
}
.single-apply-jobs .applyjobs-tabs .tabs-head .tab-head-item:hover {
        background-color: #F4F4F4;
}
.single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li.skill, .single-apply-jobs .applyjobs-content .certificate-and-skill-prev .lists span#skills li {
    display: flex;
    align-items: center;
    gap: 4px;
}
.single-apply-jobs .application-filter .application-filter-select select {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-image: url(/wp-content/uploads/2025/03/Right-Icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 99% 50% !important;
}.single-apply-jobs .post-on-prev button.not-a-fit.active {
    border-radius: 8px;
    border: 1px solid var(--EHS-Functional-Orange---Warning-100, #FBE0B6);
    background: var(--EHS-Functional-Orange---Warning-50, #FFF0E3);
}

.single-apply-jobs .post-on-prev button.shortlisted.active {
    border-radius: 8px;
    border: 1px solid var(--EHS-Functional-Green-Success-100, #D1F2B5);
    background: var(--EHS-Functional-Green-Success-50, #F6FFED);
}
.single-apply-jobs .applyjobs-content .post-on-prev button.active::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 9px;
    margin-right: 8px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none"><path d="M4.79515 8.6053C4.55503 8.6053 4.32691 8.50925 4.15883 8.34117L0.761131 4.94347C0.412956 4.5953 0.412956 4.01901 0.761131 3.67084C1.1093 3.32266 1.68559 3.32266 2.03377 3.67084L4.79515 6.43222L10.9662 0.261131C11.3144 -0.0870435 11.8907 -0.0870435 12.2389 0.261131C12.587 0.609305 12.587 1.18559 12.2389 1.53377L5.43147 8.34117C5.26338 8.50925 5.03527 8.6053 4.79515 8.6053Z" fill="%230E0E0E"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.single-apply_job .company-inf-ad-job-tile span#title {
    display: flex;
    align-items: center;
}
div#applied li.see-all-btn-container, .single-apply-jobs li.see-all-btn-container {
    background: none!important;
    border: none!important;
}

div#applied li.see-all-btn-container button.see-all-btn, .single-apply-jobs li.see-all-btn-container button.see-all-btn {
    background: none!important;
    border: none!important;
    color: var(--EHS-Brand---primary---blue-500, #084483);

/* Body/Body 3/Regular */
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

div#applied li.see-all-btn-container button.see-all-btn:hover, .single-apply-jobs li.see-all-btn-container button.see-all-btn:hover {
    opacity: 0.8;
}
.single-apply-jobs .applyjobs-content .certificate-and-skill-prev span#totalskills {
    margin-bottom: 20px;
    display: block;
}.postjob-container .row.preview-post-jobs-r .col-9 .post-on-prev a:focus {
    color: #fff!important;
}

a.visited-pro {
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    background: none!important;
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.postjob-container .row.preview-post-jobs-r .col-9 .post-on-prev a.visited-pro:hover, .postjob-container .row.preview-post-jobs-r .col-9 .post-on-prev a.visited-pro:focus {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3) !important;
    opacity: 0.8;
}p.time-ap {
    color: var(--EHS-Neutral-600, #2B2B2B)!important;

/* Body/Body 3/Regular */
    font-family: "Open Sans";
    font-size: 14px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}.applied-show {
    display: flex;
    align-items: center;
    gap: 8px;
}
#apply-job-form .setup-step #step1 span {
    font-size: 16px;
}.author .fre-page-section .information.no-setup .infor .title .country {
    border: none!Important;
    padding: 0;
}.information.no-setup .infor {
    display: flex;
    flex-direction: column;
    justify-content: center;
}.single-apply-jobs .applicant-card .info.no-setup .info-footer {
    justify-content: end;
}
/*end single-apply-job*/

/*CSS video intro*/
.video-wrapper {
  position: relative;
  max-width: 550px; /* giới hạn chiều rộng */
  margin: auto;
}
.video-placeholder {
  position: relative;
  cursor: pointer;
}
.video-placeholder img {
  width: 100%;
  display: block;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.play-btn img {
  width: 72px; /* chỉnh kích thước nút play */
  height: auto;
}
.intro-video-platform {
    border-top: 2px solid #F4F4F4;
    padding-top: 22px;
    margin-top: 32px;
}

.intro-video-platform .row {
    display: flex;
    align-items: center;
}

.intro-video-platform h2 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 4/Semibold */
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    margin-bottom: 12px!important;
}

.intro-video-platform p {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.intro-video-platform .col-sm-4 a {
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    padding: 8px 12px;
    display: inline-block;
    margin-top: 10px;
}
.intro-video-platform a:hover {
	opacity:0.8;
}
@media (min-width: 768px) {
    .intro-video-platform .col-sm-4 {
        width: 37%;
    }.intro-video-platform .col-sm-8 {
        width: 63%;
    }
}
@media (max-width: 767px) {
	.intro-video-platform .row {
    flex-direction: column;
}
div#join-now {
    padding-top: 0;
}
.intro-video-platform .video-wrapper {
    margin-top: 20px;
	}.fre-authen-wrapper {
		padding-top:0;
	}
}
/*End css video intro*/

.company-detail.full-container .not-fault {
    padding-top: 80px;
    padding-bottom: 295px;
}

/*custom width*/

#progress-container, .setup-step h2, .setup-step #step1 .bth-next .container-button, #step2 .container-step, #step2 .bottom-btn, .step5 .bottom-btn, .author.apply-job-content-preview, .setup-step, .single-apply-jobs .applyjobs-container {

}
#step2 .container-step, .author.apply-job-content-preview {
	padding-left:0;
	padding-right:0;
}
.setup-step #step1 .container-step, div#apply-job-form .step {
	padding:0;
}
div#apply-job-form .setup-step #step1 .bth-next {
    text-align: right;
    width: 100%;
    display: block;
}
#step2 .err {
    border: 2px solid var(--EHS-Functional-Red-Error-400, #C63200)!important;}
/* Base style for .container */
.container, .single-apply-jobs {
    width: 1340px;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: auto;
    margin-right: auto;
}.info-row span.label, .single-apply-jobs .applyjobs-content .section-information .row-inf .info-row .value {
    font-size: 16px;
}

.info-row:first-child {
  flex: 0 0 45%; /* Không co giãn */
  overflow: hidden; /* Ẩn phần vượt quá (nếu cần) */
	width:auto;
}
.info-row:last-child {
  flex: 0 0 55%; /* Không co giãn */
  overflow: hidden; /* Ẩn phần vượt quá (nếu cần) */
		width:auto;
}
.row-inf {
	gap:12px;
}
.row-inf .info-row span.value {
    font-size: 16px;
}.info-row {
    font-size: 16px;
}.popup-duplicate-profile h3 {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Heading/Heading 3/Semibold */
    font-family: "Open Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px; /* 140% */
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 25px;
}

.popup-duplicate-profile p {
    color: var(--EHS-Neutral-600, #2B2B2B);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.popup-duplicate-profile .btn-em {
}

.btn-em button {
    border-radius: 8px;
    border: 2px solid var(--EHS-Brand---primary---blue-400, #1D75D3);
    padding: 8px 12px;
    background: none;
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);

/* Body/Body 2/Semibold */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.btn-em button>a {
	
    color: var(--EHS-Brand---primary---blue-400, #1D75D3);
}
.btn-em>a {
    border-radius: 8px;
    border: 2px solid #3B99FC;
    padding: 8px 12px;
    background: #3B99FC;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
}

.btn-em {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.btn-em>a:hover, .btn-em button:hover {
    opacity: 0.7;
}

.btn-em>a:hover {
    border-radius: 8px;
    border: 2px solid #3B99FC;
    padding: 8px 12px;
    background: #3B99FC;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #fff!important;
}.popup-duplicate-profile h3 {
    margin-top: 0;
}.btn-em button>a:hover {
	
    color: var(--EHS-Brand---primary---blue-400, #1D75D3)!important;
}
.copyright-wrapper.footer-copyright-wrapper {
    border-top: 1px solid var(--EHS-Neutral-100, #D1D1D1);
    background: var(--EHS-Neutral-50, #F4F4F4);
    padding: 12px;
}

p.cp-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 0;
}

p.cp-footer span.left-cp a {
    color: var(--EHS-Neutral-500, #4F4F4F);

/* Body/Body 3/Regular */
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

p.cp-footer span.right-cp a {
    color: var(--EHS-Neutral-500, #4F4F4F);

/* Body/Body 3/Semibold */
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.employer-profile-setup form#organisationForm .logo-group .description-org textarea#description {
    width: 100%;
    height: 152px !important;
    overflow-y: auto!important;
    /* resize: !important; */
    box-sizing: border-box;
}

.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    position: fixed;
    margin-left: 30px;
    margin-top: 120px;
}

#uploadAvatar .modal-content {
    height: 950px;
}

div#container_crop_avatar {
    height: 730px;
}.cropper-canvas {
    height: 740px !important;
    object-fit: cover;
}

.cropper-container img {
    height: auto!important;
    object-fit: cover;
}
p.cp-footer span.left-cp {
    border-right: 2px solid #D1D1D1;
    padding-right: 16px;
}.page-template-pricing-page .copyright-wrapper.footer-copyright-wrapper, .page-template-manage-jobs .copyright-wrapper.footer-copyright-wrapper, .page-template-manage-subcription-page .copyright-wrapper.footer-copyright-wrapper {
    display: block!important;
}.fre-page-wrapper, .wp-application.container-not-full, .page-id-2371>.container-not-full, .single-apply-jobs {
    min-height: calc(100vh - 100px);
    height: 100%;
}.active-page, .full-container {
    min-height: calc(100vh - 200px);
    height: 100%;
}.page-template-pag-professional-setup .copyright-wrapper.footer-copyright-wrapper {
    display: none;
}

.single-apply-jobs .level, #apply-job-form .level {
    color: var(--EHS-Neutral-700, #0E0E0E);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-right: 15px;
    border-right: 2px solid #F4F4F4;
    margin-right: 12px;
}.single-apply-jobs .job-ad .level,.single-apply-jobs .job-ad .country, #apply-job-form .job-ad .level,#apply-job-form .job-ad .country {
    align-items: center;
    display: flex;
    gap: 8px;
}
.employer-profile-setup.step2 .iti__selected-flag, .employer-profile-setup .iti__selected-flag {
    color: var(--EHS-Neutral-700, #0E0E0E);

/* Body/Body 2/Regular */
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
span.iti__country-name, span.iti__dial-code {
    font-size: 16px;
}.post-job-wrap .setstatus-container p {
    color: var(--EHS-Neutral-500, #4F4F4F);

/* Body/Body 3/Italic */
    font-family: "Open Sans";
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.single-apply-jobs .applyjobs-content .certificate span {
    font-style: italic;
    padding-bottom: 10px;
}
.single-apply-jobs .applyjobs-content .section-information .resume .resume-item .file-info .meta a {
    font-weight: 500;
    color: #333;
    text-decoration: none;
}
.warning-notcompled.aj .right-setup .re-setup:hover {
    background: var(--EHS-Brand---primary---blue-50, #e7f2fe) !important;
	opacity:1;
}
div#edit-job-modal .modal-content {
    max-height: 90%;
}.ehs-support {
    margin-top: 18px;
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.ehs-support a {
font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; /* 155.556% */ color: #1D75D3;
}

/* Khi nhỏ hơn hoặc bằng 1440px */
@media (max-width: 1440px) {
    .container, .single-apply-jobs {
        width: 100%;
        padding-left: 48px;
        padding-right: 48px;
    }
	div#main_header>.container {
        padding-left: 48px!important;
        padding-right: 48px!important;}
}

/* Mặc định cho container-edit */
div#apply-job-form, .container-edit, .setup-step #step1 .bth-next .container-button, #step2 .bottom-btn, .step5 .bottom-btn {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

/* Khi nhỏ hơn 1200px thì co lại */
@media (max-width: 1199.98px) {
    div#apply-job-form, .container-edit, .setup-step #step1 .bth-next .container-button, #step2 .bottom-btn, .step5 .bottom-btn, .applyjobs-container {
        width: 100%;
        padding-left: 48px;
        padding-right: 48px;
    }
	div#main_header>.container {
        padding-left: 48px!important;
        padding-right: 48px!important;}
}
@media screen and (max-width: 1200px) {
    div#main_header {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
@media screen and (max-width: 1024px) {
    
	div#main_header>.container, .applyjobs-container {
        padding-left: 15px!important;
        padding-right: 15px!important;}    header.fre-header-wrapper {
        padding: 0px!important;
    }
	
	
}
div#close-job-modal p {
    color: var(--EHS-Neutral-600, #2B2B2B);
	font-size:16px;
}
input#discuss_with_applicants {
    width: 20px;
    height: 20px;
}div#edit-job-modal {
    height: 100%!important;
}#apply-job-form .setup-step #step1 span.iti__country-name, #apply-job-form .setup-step #step1 span.iti__dial-code {
    font-weight: 400;
}


/*RESPONSIVE ALL PAGES*/
@media only screen and (max-width: 768px) {
form#signin_form, .fre-authen-lost-pass, form#resetpass_form {
    padding-left: 15px;
    padding-right: 15px;
}
.fre-login>li:last-child {
    margin-left: 0;
}.copyright-wrapper .text-copyright {
    display: none;
}
.copyright-wrapper.footer-copyright-wrapper {
    padding-bottom: 30px;
}
div#apply-job-form, .container-edit, .setup-step #step1 .bth-next .container-button, #step2 .bottom-btn, .step5 .bottom-btn {
    padding-left: 10px;
    padding-right: 10px;
}#apply-job-form .job-form-group-row {
    gap: 10px;
}.job-form-group-row.custom-last {
    flex-direction: column;
}

#apply-job-form .setup-step #step1 .container-step {
    padding-bottom: 30px;
}
div#apply-job-form select#currency {
    width: 30% !important;
}	div#apply-job-form select#current_unit {
    width: 50% !important;
}.setup-step #step1  .container-button {
    padding-left: 15px!important;
    padding-right: 15px!important;
}#apply-job-form .setup-step h2 {
    font-size: 24px;
}#apply-job-form #step2 label.titles {
    width: 100%;
}
	.author.apply-job-content-preview .fre-page-section {
    padding: 10px;
}.custom-popup-apply-success .popup-content {
    margin-left: 15px;
    margin-right: 15px;
}
	.single-apply_job .head-prev, .single-apply_job .head-prev-inner {padding-left: 5px;padding-right: 5px;}

.apply-time {
    padding-left: 10px;
    padding-right: 10px;
}.single-apply-jobs .head-prev {
    padding-left: 10px;
    padding-right: 10px;
}div#deleteAccountPopup {
    width: 100%!important;
}

div#deleteAccountPopup .popup-content .title-pop h3 {
    font-size: 24px;
    line-height: 1.5;
}

div#deleteAccountPopup .button-reqess {
    flex-direction: column;
    align-items: baseline!important;
    gap: 10px;
}div#confirmPopup {
    width: 100%;
}

.title-pop h3 {
    font-size: 24px;
    line-height: 1.5;
}
	
}


@media (max-width: 1199px) {
	.fre-account-wrap {display:block;}
	.fre-account-info {
    display: block;
    max-width: 100%;
    width: 60px;
    position: absolute;
    top: -56px;
    right: 43px;
	}.fre-account .dropdown-menu {display:none;}div#main_header {
    bottom: 0;
}.fre-header-wrapper .container {
    background: #fff;
    padding: 0!Important;
    height: 70px;
}ul.fre-menu-main {
    background: #fff;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
}.dropdown-backdrop {
    display: none;
}.fre-account-info, .fre-account-info.dropdown-toggle {
    padding-left: 35px;
        width: auto;
}.fre-account-info.dropdown-toggle {
    top: -54px;
}ul.fre-menu-main {
    padding-left: 30px;
    padding-right: 15px;
}.fre-account .dropdown-menu > li.ava {
    display: flex;
    flex-direction: row;
}

.fre-account .dropdown-menu > li {
    margin-bottom: 10px;
}.copyright-wrapper.footer-copyright-wrapper {
    padding: 12px;
}
}

@media screen and (max-width: 1198px) {header.fre-header-wrapper .fre-account-wrap {
    position: absolute;
    top: -6px;
    right: 120px;
}header.fre-header-wrapper .fre-account-wrap.dropdown {
    position: relative;
    top: unset;
    right: unset;
}

}
@media screen and (max-width: 1024px) {header.fre-header-wrapper .fre-account-wrap {
    position: absolute;
    top: -6px;
    right: 60px;
}header.fre-header-wrapper .fre-account-wrap.dropdown {
    position: relative;
    top: unset;
    right: unset;
}
}


@media screen and (max-width: 1440px) and (min-width: 1200px) { .single-apply-jobs, .single-post-jobs .container {
	
        padding-left: 48px!important;
        padding-right: 48px!important;
	}}