/*@media (min-width: 576px) {
  .modal-dialog {
    max-width: 80vw;
    margin: 1.75rem auto;
  }
}*/


.privacy-policy .lower-alpha li::marker{
	list-style-type:lower-alpha !important;

}
.privacy-policy ol.main >li > ol>  li::marker{
	content: counters(list-item,".",list-item)" ";
}

.faq .br-c4 .col-12 a{
    
    line-height: 30px;
}
.faq .br-c4{
    
    padding:15px 15px;
    margin-bottom: 30px;
    
}

.div_pm_area a{
	word-break: break-all;
	display: contents;
}

.div_pm_input .file_count{
	border-radius: 50px;
    background: #F00;
    color: #FFF;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    float: right;
    position: absolute;
    right: 0;
	top: 50%;
}

.div_to .col_to {
    background: #EEE;
    color: #000;
    padding: 5px 10px;
    border-radius: 20px;
	word-break: break-all;
}

.div_from .col_from{
	background: #02A88C;
	color:#FFF;
	padding:5px 10px;
	border-radius:20px;
	word-break: break-all;
}

.div_pm_area .header , .div_pm_list .header{
	top: 0;
    position: absolute;
    width: 100%;
	height:40px;
}

.border-top{
	border-top:solid;
}

.div_pm_input td , .div_pm_input td textarea{
	padding:0;
	margin:0
}

.div_pm_msg{
	margin-top:40px;
	padding:5px;
	overflow-y:auto;
	border:solid 2px #000;
	max-height:410px;
	height:408px;
	display:block;
	min-height: 345px;
	
}

.div_pm_input textarea{
	font-size:18px;
	min-height:30px;
	max-height:100px;
	padding:3px 5px !important;
	
	box-sizing: border-box;
	width:100%
}
.div_pm_input{
	min-height:fit-content;
	bottom: 0;
    position: absolute;
    width: 100%;
}

.div_pm_list{
	display:block;
	position:fixed;
	width:400px;
	height:500px;
	bottom:0;
	right:0;
	border:solid 1px #ccc
}
.div_pm_list_group{
	
	padding:10px;
	border-bottom: 1px solid #000;
}
.div_pm_msg_list {
    margin-top: 35px;
    
}

.div_pm_area{
	display:block;
	position:fixed;
	width:400px;
	height:500px;
	bottom:0;
	right:0;
	border:solid 1px #ccc
}

@keyframes pm_box {
  0% { opacity:0.5} 
  50% {opacity:1}
  100% { opacity:0.5} 
}

.pm_box.hm{
	animation-name: pm_box;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}



nav.navbar{
max-width: 300px;

	
}


.div_whatsapp{
	position:fixed;
	bottom:5%;
	right:3%;
	font-size:30px;
}

.box_people{
	min-height:340px;
}

.div_photo .sortable li a{
	right:5px
	
}
.ui-icon-arrowthick-2-n-s {
    background-position: 2px -79px !important;
}
.div_photo .sortable li{
    width: calc( 100% - 10px);
    float: left;
    margin: 5px 5px 5px 0;
	
}

.div_photo .sortable li img{
	width:100%
}


.step-3 .hr-text {
  display: inline-block;
  padding: 0 15px;
  position: absolute;
  left: 50%;
  TRANSFORM: translate(-50%, 0);
  top: 4px;
  background: #FFF;
}

.form-check-input:checked {
  background-color: #00CCA5;
  border-color: #00CCA5;
}

.form-check-input:checked[type=radio] {
  background-image: none;
}

/*
input[type=radio]{
	display:none;
}*/
input[type=radio] {
  /*	content:"";
	width:30px;
	height:30px;
	border-radius:50%;*/
  border: solid 2px #00CCA5
}

input[type=radio]+label {
  margin-right: 15px
}

img {
  /*image-rendering: -webkit-optimize-contrast;*/
  /*image-rendering: auto;*/
  /*  image-rendering: crisp-edges;*/
  /*  image-rendering: pixelated;*/
}
.mr-3{
margin-right: 1rem!important;
 
}
.my-8 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}

.px-8 {
  padding-left: 4.8rem !important;
  padding-right: 4.8rem !important;
}

.px-10 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-8 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}

.py-10 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.pb-10 {
  padding-bottom: 6rem !important;
}

.my-10 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.pb-10 {
  padding-bottom: 6rem !important;
}

.mt-10 {
  margin-top: 6rem !important;
}

.mt-8 {
  margin-top: 4.8rem !important;
}

.mb-10 {
  margin-bottom: 6rem !important;
}

.mw-50 {
  min-width: 50%
}

/*Font size
========================================================*/
@font-face {
  font-family: "abraham";
  src: url("/includes/fonts/abraham-webfont.woff");
}

.fa {
  font-family: 'FontAwesome';
}

.fs-1, h1 {
  font-size: 30px;
  letter-spacing: 5px;
}

.fs-2, h2 {
  font-size: 30px;
  letter-spacing: 5px;
}

.fs-3, h3 {
  font-size: 22px;
  letter-spacing: 5px;
}

.fs-32 {
  font-size: 25px;
  letter-spacing: 5px;
}

.fs-s2 {
  font-size: 18px;
  letter-spacing: 0px;
}


.fs-5{
	font-size: 15px  !important;
}

.fs-6{
	font-size: 14px  !important;
}

.fs-s1 {
  font-size: 19px;
  letter-spacing: 1px;
}

.fs-desc {
  font-size: 13px !important;
}

/*Color*/
/*

.bg_c2{
	background:#E4F4F1
}
.bg_c3{
	background:#E4F4F1
}*/
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00CCA5
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #00CCA5
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #00CCA5
}

.bg-c1 {
  background: #E4F4F1
}

.bg-c2 {
  background: #00CCA5
}

.col-000{
	color: #000
}

.bg-fff {
  background: #fff !important
}

.col-gray {
  color: #ACACAC
}

.col-gray2 {
  color: #969696
}

.col-fff {
  color: #fff
}

.col-main-2 {
  color: #02A88C !important
}

.col-main, nav a {
  color: #00CCA5 !important
}

.bs-1{
	 box-shadow: #aaa 0 0 5px
}

table, th, td {
 
    border:1px solid #CCC;
	padding:3px 20px
}

thead,
tfoot {
    background-color: #00CCA5;
    color: #fff;
}


body, html {
  background: #E4F4F1;
}

.tab-lab img {
  padding: 0 10px 0 0;
  margin-top: -3px;
}

.tab-lab>li {
  font-weight: bold;
  padding: 5px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 0 10px;
}

.tab-lab>li:nth-child(1) {
  background: #FFF8E9;
  color: #02A88C
}

.tab-lab>li:nth-child(2) {
  background: #00CCA5;
  color: #FFF
}

.tab-lab>li:nth-child(3) {
  background: #02A88C;
  color: #FFF
}

/*=========================================================*/
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: underline;
}

a:hover img , input[type=button]:hover{
    opacity: 0.6;
    }

input, textarea {
  border: solid 1px #00CCA5;
  border-radius: 5px;
  color: #00CCA5;
  margin: 10px 0; 
}

.home-bg-1 input[type="text"] {
  padding: 7px 7px 7px 40px;
}

.home-bg-1 input[type="text"]:nth-child(1) {
  background-image: url(/images/ico-keyword.png);
  background-repeat: no-repeat;
  background-position: 7% 50%;
}

.home-bg-1 input[type="text"]:nth-child(2) {
  background-image: url(/images/ico-jobs.png);
  background-repeat: no-repeat;
  background-position: 7% 50%;
}

.home-bg-1 .div-box {
  padding: 20px 50px 40px 50px;
}

.home-bg-2 img {
  margin-top: -10px;
}

.home-bg-2 h3 {
  line-height: 38px;
}

input[type='button'].dark_bg {
  background: #00CCA5;
  color: #FFF;
  background-image: url(/images/ico-search.png);
  background-repeat: no-repeat;
  padding: 7px 80px 7px 20px;
  background-position: 90% 50%;
  border: solid 1px #FFF;
}

input[type='button'] {
  background: #00CCA5;
  color: #FFF;
  background-image: url(/images/ico-search.png);
  background-repeat: no-repeat;
  padding: 7px 80px 7px 20px;
  background-position: 90% 50%;
}


.div_slide{
	display:none;
}
.c-pad {
  padding: 100px 0
}

.vh80 {
  height: 80vh;
}

.vh70 {
  height: 70vh;
}

.br-c1 {
  border-radius: 15px;
}

.br-c2 {
  border: solid 2px #02A88C;
  border-radius: 5px;
}

.br-c3 {
  border: solid 1px #FFF;
  border-radius: 5px;
}

.br-c4 {
  border: solid 1px #00CCA5;
  border-radius: 11px;
}
.br-c5 {
  border-radius: 6px;
}

.br-r1 {
  border-right: solid 2px #E6E4DE;
}

.line1{
	width:100%;
	height:1px;
	border-bottom:1px solid #ccc	
}


.nav-item:first-child .br-tab-jobs {
  margin-left: 0
}

.nav-item:last-child .br-tab-jobs {
  margin-right: 0
}

.br-tab-jobs.active {
  background-image: url(/images/ico-bg-click.png);
  background-repeat: no-repeat;
  background-position: 90% 50%;
}

.br-tab-jobs {
  cursor: pointer;
  border-bottom: solid 3px #00CCA5;
  border-left: solid 1px #00CCA5;
  border-right: solid 1px #00CCA5;
  border-radius: 5px;
  padding: 5px 50px 5px 5px;
  margin: 0 15px;
}

nav a {
  font-weight: bold
}

.dropdown-toggle::after {
  display: none
}

nav {}

header {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  background: #FFF
}

.header_2 {}

.header_1 {
  z-index: 1;
  position: absolute;
  transform: translate(-50%, 0px);
  left: 50%;
}

#main_nav {
  margin-top: 50px;
}

.main {
  min-height: calc(100vh - 110px);
  padding-top:150px;
}

.navbar-nav {
  float: right
}

.ul-none li {
  list-style: none;
}

li, ul {
  margin: 0;
  padding: 0
}


header .tab-lab{
	height:40px
}
/*
header .tab-lab li, ul.fl li {
  float: right;

}*/

footer, .bgc-main {
  background: #02A88C
}

footer .div-logo li {
  margin-right: 25px;
}

footer .icon-set li {
  width: 25%;
  float:left
}

footer .div-nav li {
  width: 100%;
}

footer .container>.row {
  padding: 50px 0
}

footer .img-footer-qr {
  max-height: 105px;
}

footer .div-app img {
  max-height: 45px;
}

.nav-pills .nav-link.active {
  border-bottom: 3px solid #00CCA5;
  color: #00CCA5;
  background-color: transparent;
}

.nav-pills .nav-link, .nav-pills .show>.nav-link {
  color: #000;
  border-radius: 0px;
  background-color: transparent;
}

.modal-header, .nav-pills {
  border-bottom: 1px solid #dee2e6;
}

.btn-popup-search {
  background-repeat: no-repeat !important;
  background-position: 10% 50% !important;
  background: #00CCA5 url(/images/ico-btn-search.png) !important;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  background: transparent url(/images/ico-popup-close.png) center no-repeat;
  opacity: 1;
}

.nav-pills.last {
  border-bottom: none;
}

.page-top-space {
/*  padding-top: 180px;*/
}

.err-msg {
  padding: 0 20px;
 /* font-size: 14px;*/
  color: #F00;
}

input.err, textarea.err {
  background: #F00;
}

.home-bg-1 {
  background: #E4F4F1;
  min-height: 600px;
  background-image: url(/images/home-bg-1.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.find-job .search-list li {
  padding-left: 45px !important;
  width: calc(25% - 15px);
  float: left;
  margin-right: 15px;
  background-position: 15px 50% !important;
  background-repeat: no-repeat !important;
}

.find-job .search-list li:nth-child(1) {
  background-image: url(/images/ico-time.png);
}

.find-job .search-list li:nth-child(2) {
  background-image: url(/images/ico-budget.png);
}

.find-job .search-list li:nth-child(3) {
  background-image: url(/images/ico-place.png);
}

.find-job .search-list li:nth-child(4) {
  background-image: url(/images/ico-item.png);
}

.find-job .job_border_div1 {
  background-color: #fff;
  padding: 20px 50px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom: 1px solid #E1E1E1;
}

.find-job .job_border_div2 {
  background-color: #fff;
  padding: 20px 50px;
}

.job-list .bg-c2, .find-job .bg-c2 {
  padding: 15px 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.find-job .job_border_div1 .ico-new {
  position: absolute;
  right: 0;
  top: 0;
  color: #FCD87E;
}

.find-job .desc, .find-job .item-list {
  padding: 10px 0px;
  color: #969696;
}

.find-job .job_border_div2 .lab {
  background-image: linear-gradient(to right, rgb(0, 157, 128), rgb(0, 196, 253));
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100px;
  padding: 5px 0;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-weight: 600;
}

.find-job .job_border_div2 .lab-desc {
  margin-bottom: 10px;
  padding: 5px 20px 5px 10px;
  background-color: #E4F4F1;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  min-width: 200px;
}

.find-job .shadow_jobbox1 {
  box-shadow: rgb(0 204 165 / 50%) 0px 0px 10px 0px;
  border-radius: 20px;
}

.bg-setting {
  background-repeat: no-repeat !important;
}

.ico-bg-search {
  background-image: url(/images/ico-search.png);
  background-position: right 15px center;
  height: 40px;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
background: #CCC;
}
.btn-bg-next {
  background-image: url(/images/ico-submit.png) !important;
}

.btn {
  padding: 5px 60px 5px 50px;
  /*  border-radius: 40px;*/
  background-repeat: no-repeat !important;
  background-position: 90% 50% !important;
  background: #00CCA5;
  color: #FFF
}

.bg-btn-2 {
  background: rgb(0, 157, 128);
  background-image: url(/images/ico-submit.png),
    linear-gradient(90deg, rgba(0, 159, 134, 1) 0%, rgba(0, 196, 253, 1) 100%) !important;
}

.home .three-step .step {
  position: absolute;
  top: -35%;
  text-align: center;
  width: 100%
}

.home .three-step .step>div:nth-child(1) {
  float: left
}

.home .three-step .step>div:nth-child(3) {
  float: right
}

.home .three-step .step .col img {
  max-width: 160px;
}

.home .three-step .step .col>div {
  margin-left: 30px;
  padding-top: 10px
}

.home .three-step .line-01 {
  width: calc(80%);
  margin: auto;
}

.bookmark_ico {
  cursor: pointer;
}

.job-item .ico-bg-search {
  width: 50px;
  margin-top: -5px;
}

.job_list .ul_search>li  , .find-job .ul_search>li {
  position: relative;
  cursor: pointer;
  width: 25%;
  float: left
}

.job_list .ul_search li ul  ,.find-job .ul_search li ul{
  position: absolute;
  width: calc(100% - 1rem);
      z-index: 1;
}

.job_list .ul_search .div_c li:hover , .find-job .ul_search .div_c li:hover {
  text-decoration: underline;
}

.job_list .ul_search .div_c li , .find-job  .ul_search .div_c li {
  cursor: pointer;
}

.job_list .ul_search .div_c li .cb  , .find-job  .ul_search .div_c li .cb {
  width: 25px;
  height: 25px;
  float: right;
  padding: 0 2px;
}

.job_list .ul_search .cho , .find-job  .ul_search .cho {
  float: right;
  display: inline-block;
  border: solid 1px #ccc;
  width: 25px;
  height: 25px;
  padding: 0 2px;
  text-align: center;
  border-radius: 3px;
}
.ul_search  img{
	padding-right:10px;
	margin-top:-3px;
}
.job_list .div_c1  , .job-detail .div_c1 , [class^="bookmark"] .div_c1 , .find-job  .div_c1{
	display: flex;
}
    
.job_list .div_c1 .t , .job-detail .div_c1 .t, [class^="bookmark"] .div_c1 .t, .find-job .div_c1 .t{
	float:right;
	width:70%;
	padding:3px 10px;
	border-bottom-right-radius: 13px;
	border-top-right-radius: 13px;
}
.job_list .div_c1 .lab img , .job-detail .div_c1 .lab img , [class^="bookmark"] .div_c1 .lab img,  .find-job .div_c1 .lab img{
	padding:0 10px;
	margin-top:-3px;
} 
.job_list .div_c1 .lab , .job-detail .div_c1 .lab, [class^="bookmark"] .div_c1 .lab, .find-job .div_c1 .lab {
    white-space: nowrap;
	width:30%;
	float:left;
	border-bottom-left-radius: 13px;
	border-top-left-radius: 13px;
	padding:3px 10px;
	background: rgb(0,161,140);
	background: linear-gradient(90deg, rgba(0,161,140,1) 0%, rgba(0,194,248,1) 50%);
}
.job_list .div_foot  , [class^="bookmark"]  .div_foot ,.find-job .div_foot  {
	display: flex;
}
.job_list .div_foot .div_like ,.job_list .div_foot .div_next,
.find-job .div_foot .div_like ,.job_list .div_foot .div_next,
[class^="bookmark"] .div_foot .div_like ,[class^="bookmark"]  .div_foot .div_next{
	width:10%;
	
}

.find-job .div_foot .div_more ,.job_list .div_foot .div_more ,[class^="bookmark"]  .div_foot .div_more{
text-align:center;
	width:80%;
	float:left;
} 
.find-job .div_foot .div_like ,  [class^="bookmark"]  .div_foot .div_like{
	float:left;
}
.find-job .div_foot .div_next ,.job_list .div_foot .div_next ,[class^="bookmark"]  .div_foot .div_next{
	
	float:left;
	
}

.find-job .div_foot ,.job_list .div_foot , [class^="bookmark"]  .div_foot, .user .div_foot{
	padding:10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

 

.find-job .item .new, .job_list .item .new , [class^="bookmark"]  .item .new{
	margin-top: -3px;
	background:#FFF8E9;
	display:inline-block;
	border-radius: 20px;
	padding:3px 10px;
	color:#efaf0f;
	float:right;
}
.history  .div_type_menu a{
	background: #00CCA5;
    color: #FFF;
	padding: 5px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.history a.active{
	font-weight:bold;
	color: #000;
	
}

.user .img_profile img{
	border-radius: 100%;
}

.lb-data .lb-caption {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.5em !important;
}

.div_cate_list li , .div_cate_sublist li{
	display: inline-block;
    float: left;
    list-style: none;
    border: 1px solid;
    padding: 3px 10px;
    border-radius: 30px;
	margin:10px 10px 0px 0;
}

ul .active{
	background: #00CCA5;
}

.div_data .div_banner {
	height:120px;
	overflow:hidden;
	border-radius:10px;
}
.div_data .div_banner  img{
	width: 100%;
    transform: translate(0px, -50%);
}

.div_data .div_icon{
	width:15%;
	border-radius:100%
	
	
}
.search_scroll_ok{
position: sticky;
    bottom: 0px;	
}

.search_scroll{

overflow-y:auto;
max-height:60vh
}


.clear{
	clear: both;
}