.color-main{color: #f07f1d;}
.ul_search_job li a{
	white-space: normal;
	
}
input[readonly] {
	 cursor: text !important;
	 background-color: #fff;
}
.company-box-job .box-star{
	position: absolute;
    color: #ffc107;
    top: -7px;
    right: -6px;
}
.company-box-job .box-star i{font-size: 15px;background-color: #fff; border-radius: 50%;}
.box-com-cont{
	position: relative;
	text-align: center;		
}
.box-com-cont img{
	margin: auto;
    top: 0;
    right: 0;
    padding: 15px;
    margin-top: 20px;		
}
.pointer{
	cursor:pointer;
    color: #1d1d1d;
}
.tuyendung-job{
	border-radius: 15px;
    color: #f7bd4f;
    font-size: 13px;
}
.hide-star{display: none;}
.hide-bg::after{background-color: transparent!important;}
.hide-bg{
	display:none !important;
}

.company-box-job .box-star2 .star{
	    color: #ffffff;
    font-size: 15px;
    padding-top: 6px;
    position: absolute;
    right: 11px;
    z-index: 11;
    top: 0px;
}

.company-box-job .box-star2::after {
    content: "";
    height: 86px;
    transform: rotate(
        325deg
    );
    width: 86px;
    float: left;
    z-index: 13;
    background-color: #f7bd50;
    position: absolute;
    top: -58px;
    right: 188px;
    display: flex;
    text-align: center;
}
.company-box-job .box-star2 {
    position: relative;
    overflow: hidden;
    height: 42px;
    top: -42px;
}

.box-com-cont{
	position: relative;
	text-align: center;
	overflow: hidden;		
}
.pointer{
	cursor:pointer;
	    font-size: 11px!important;
    color: #1d1d1d;
}
.tuyendung-job{
	border-radius: 15px;
    color: #f7bd4f;
    font-size: 13px;
}
.hide-star{display: none;}
.hide-bg::after{background-color: transparent!important;}
.rating2 {
    position: absolute;
    right: -37px;
    top: 4px;
    font-weight: 700;
    cursor: pointer;
    font-size: 11px !important;
    background-color: #ffc107;
    color: #fff !important;
    padding: 0px 30px;
    line-height: 1;
    z-index: 1;
    -webkit-transform: rotate( 40deg );
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate( 40deg );
    }
.mar-h3{margin-top: 5px;}
.rating {
	position: absolute;
    right: -75px;
    top: 18px;
    font-weight: 700;
    font-size: 10px !important;
    background-color: #4caf50;
    color: #fff !important;
    padding: 0px 75px;
    line-height: 1;
    z-index: 1;
    -webkit-transform: rotate(40deg );
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg );
    cursor: pointer;
  }
  .hover_box {
	position: absolute;
    width: 186px;
    height: 170px;
    right: 5%;
    top: -8px;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    border: 1px solid rgb(229, 231, 235);
    z-index: 2;
    visibility: hidden;
    background-color: #FFF;
    transform: translateY(30px);
    transition-duration: 200ms;
    transition-property: opacity, transform;
    padding: 10px;
    font-size: 12px;
  }
  .hover_box:before {
	content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid #fff;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    position: absolute;
    right: -7px;
    top: 13px;
	z-index: 9;
}

  .hover_box.on_hover {
    visibility: visible;
    opacity: 1;
  }
  .hover_box ul{position: relative;}
  .hover_box ul li{list-style: circle;margin-left: 15px;}
  .hover_box ul{padding-bottom: 5px; }
  .hover_box p{text-transform: uppercase; color: red;border-top: 1px solid #e1e1e1; padding-top: 10px; font-weight: bold;}
  .hover_box p .bold{background-color: red; color: #fff; padding: 5px;}     
  .title-h2{text-transform: uppercase;color:#f07e1d;font-weight:600;font-size:25px;text-align:center; margin-bottom: 10px; margin-top: 5px;}   
  .content{margin-top: 50px;}      
  .new-tags a {
    border: 1px solid transparent;
    padding: 0px 10px 0px 10px;
    line-height: 2.5rem;
    border-radius: 2px;
    display: inline-block;
    margin: 5px 3px 5px 0px;
    background-color: #f6f6f6;
}
.container-margin {
	margin: 15px auto;
}
.container.content{
	margin-top: 63px;
	/* margin-bottom: 0px; */
	padding-bottom: 0px;
}
input.input_tukhoa {
	width: 100% !important;
	margin-left: 0;
}
.ptimhoso-btn-search-ungvien {
	width: 100%;
}
.widget .widget-header {
	margin-top: 10px !important;
}
.widget .widget-header h3 {
	font-size: 15px;
}
@media (max-width: 760px){
	.content {padding-top: 10px !important;padding-left: 0; padding-right: 0;}
	.text-overflow-line2 a {font-size: 18px; padding: 0;}
	.box-com-cont { display: grid;grid-template-columns: 1fr 2.5fr;}
	.box-imgcompany{grid-row: span 1;grid-column: span 1;}
	.box-com-cont img { margin: auto; top: 0; right: 0; padding: 22px; margin-top: -12px;    max-height: 90px;}
	.title_listcompany{grid-row: span 1;grid-column: span 1;font-size: 18px;text-align: left;padding-right: 10px;}
	.company-box-job .box-star{    grid-row: span 1;color: #ff9800; background-color: transparent;
    grid-column: span 1;
    grid-column-start: 2;
    text-align: left;    margin-left: inherit;height: 22px;    margin-bottom: 0; padding: 0;}
	.danhmuc_listcompany{    padding: 0 5px;
    line-height: 18px;
    grid-row: span 1;
    grid-column: span 2;}
	.tuyendung_listcompany{    grid-row: span 1;
    grid-column: span 2;
    display: block;
    margin-left: auto;
    margin-right: auto;}
	.box-com-cont{height: auto;}
	.box-imgcompany {height: 60px;}
	.tuyendung-job { font-size: 13px;    color: #ff9800;}
	.text-overflow-line2{margin-top: 10px;}
	
	.company-box-job .box-star .star {padding-top: 4px;right: 5px;top: 0px;font-size: 12px;}
	.company-box-job .box-star::after {height: 68px;width: 90px;top: -52px;right: -40px;}
	
	.company-box-job .box-star2 {height: 30px;}
	.company-box-job .box-star2 .star {padding-top: 4px;right: 5px;top: 0px;font-size: 12px;}
	.company-box-job .box-star2::after {height: 68px;width: 90px;top: -52px;right: -40px;}
	.hover_box {left: 22%;}
	.btn.ptimhoso-btn-search-ungvien{background-color: #f07e1d!important; color: #fff!important;}
	.title-h2{font-size: 20px;}
	.txt-xacthuc{display: flow-root;}
	.company-box-job {padding-top: 5px;}
}
.dropdown {
	position: relative;
	/*display: inline-block;*/
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.huongdan-a{    font-size: 15px;}

body{font-size: 13px;}
.gr-title-company{display: grid; grid-template-columns: 1fr auto; grid-column-gap: 10px; grid-row-gap: 10px;}
.form-control{height: 34px!important;}
.btn-gpkd{ font-weight: normal;
    font-size: 16px;
    border: 1px solid #c5c5c5 !important;
    font-size: 13px !important;
    padding: 7px 8px 1px 20px !important;
    background-color: #fff;} 
.txt-center{display: flex; align-items: center;}
.box-center{display: flex; justify-content: right; align-items: center;}
.grid-searchcompany{    border-radius: 4px;display: grid; grid-template-columns: 0.5fr 2fr; grid-column-gap: 10px;  grid-row-gap: 5px; background-color: #fff;box-shadow: 0 2px 8px rgb(0 0 0 / 8%);}
.txt-overflow{
	font-weight: 600;
    display: block;
    display: -webkit-box;
    height: 20px;
    font-size: 16px;
    line-height: 1.2;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	text-transform: capitalize;width: 85%;
}
.title_listcompany{
    font-weight: 400;
}
.font-14{font-size: 13px;line-height: 1.2;}
.box-imgcompany{    border-radius: 4px;width: 60px; height: 60px; margin: auto;overflow: hidden; border-width: 1px; border-style: solid;border-color: #e8e8e8;display: flex; align-items: center;justify-content: center;
}
.gr-tags{grid-column: 1/3;}
.color-xam{color: #b8b8b8;}
.property-margin-top-job { margin-top: 0px;}
.box-searchjob-jobseeker{background-color: transparent;}
.item-company{    position: relative;  min-height: 1px; padding-left: 15px; padding-right: 15px;}
.m-l-20{margin-left: -20px;}
.list-company li{line-height: 23px;}
.item-company{display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 15px; grid-row-gap: 15px;}
.company-box-job{position: relative;}

.lbl-check{display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.lbl-check input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark{
    position: absolute;
    top: 1px;
    left: -15px;
    height: 15px;
    width: 15px;
    border: 2px solid #d5d5d5;
    border-radius: 50%;
}

.lbl-check:hover input ~ .checkmark{
  /*background-color: #ccc;*/
}
.lbl-check input:checked ~ .checkmark{
  background-color: #fbc10a;
      border: 2px solid #fbc10a;
}

.checkmark::after{
  content: "";
  position: absolute; display: none;
}

.lbl-check input:checked ~ .checkmark::after{
  display: block;
}


.lbl-check .checkmark:after{
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
 }

 .ptimhoso-btn-search-ungvien{ color: #fff;background-color: #e95f07;}
.ptimhoso-btn-search-ungvien:hover{background-color: #e45900; color: #fff!important;}

.m-t-35{margin-top: 35px;}
.item-job{margin-left: 10px; margin-bottom: 10px;font-size:10px;}
.txt-xacthuc{font-size: 13px;margin-bottom: 1rem;}
.p-10{padding:10px 0 10px 0px;}
.pagination {
	margin-top: 0px !important;
	margin-bottom: 0px;
}
.pull-right.pagination {
	margin-bottom: 0px;
}
.employer_list_header{
    border-radius: 1rem;
}
.container_list_company_inner{
    padding:1.5rem;
}
.path{
    padding: 1.5rem 0;
}
.pagination_container{
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (max-width: 480px) {
    .row_mobile{
        margin-left: 0;
        margin-right: 0;
    }
    .pagination_container .pagination{
        margin: 0;
    }
	.rating {position: absolute;top: 18px;}
	.huongdan-a{ font-size: 13px!important;}
	.gr-title-company{grid-template-columns: 1fr;}
	.company-box-job{width: 100%; float: left; margin-left: 0!important; margin-right: 0!important;}
	.property-margin-top-job{margin-top: 0;}
	.txt-xacthuc{margin-bottom: 0;}
	.m-l-20{margin-left: -5px;}
	.item-company{grid-template-columns: 1fr;}
	.m-t-35{margin-top: 0px;}
	.text-overflow-line2{margin-top: 0px;}
	.new-tags a{
		margin: 2px 2px 2px 0px;
		padding: 0px 6px;
	}
	
	.item-job{margin-bottom: 0px;}
	.txt-xacthuc{
		font-size: 11px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.item-company {grid-column-gap: 10px;grid-row-gap: 2px;padding: 0;}
	.title-h2 {font-size: 15px;}
	.p-10{padding:0px 0 10px 0px;}
	.load_search_macdinh{padding-top: 0;}
	.select2-container {margin-bottom: 0px!important;}
	.padding_bt_15px {padding-bottom: 3px;}
	input.input_tukhoa{height: 35px}
	.content{margin-top: 0px;}   
	.content_js{margin-top:50px !important}
	.container-margin {
		margin: 10px auto;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.container.content {
		margin-top: 64px !important;
		padding: 0px !important;
		margin: 0px;
	}
	.title-h2 {
		margin-top: 10px;
	}
}
@media (min-width: 481px) and (max-width: 640px) {
	.huongdan-a{ font-size: 13px!important;}
	.gr-title-company{grid-template-columns: 1fr;}
	.company-box-job{width: 100%;margin-left: 0!important; margin-right: 0!important;}
	.property-margin-top-job{margin-top: 0;}
	.txt-xacthuc{margin-bottom: 0;}
	.m-l-20{margin-left: -5px;}
  .m-t-35{margin-top: 0px;}
	.item-company{grid-template-columns: 1fr;}
   .text-overflow-line2{margin-top: 0px;}
   .new-tags a{margin: 2px 2px 2px 0px;}
    .item-job{margin-bottom: 0px;}
    .txt-xacthuc{font-size: 11px;}
    .item-company {grid-column-gap: 10px;grid-row-gap: 2px;}
    .title-h2 {font-size: 15px;}
    .p-10{padding:0px 0 10px 0px;}
     .load_search_macdinh{padding-top: 0;}
     .select2-container {margin-bottom: 0px!important;}
     .padding_bt_15px {padding-bottom: 3px;}
     input.input_tukhoa{height: 35px}
	 .content{margin-top: 0px;}   

}
@media (min-width: 641px) and (max-width: 768px) {
	.gr-title-company{grid-template-columns: 1fr;}
	.company-box-job{width: 100%;margin-left: 0!important; margin-right: 0!important;}
	.property-margin-top-job{margin-top: 0;}
	.txt-xacthuc{margin-bottom: 0;}
	.m-l-20{margin-left: -5px;}
 .m-t-35{margin-top: 0px;}
  .text-overflow-line2{margin-top: 0px;}
  .new-tags a{margin: 2px 2px 2px 0px;}
   .item-job{margin-bottom: 0px;}
   .txt-xacthuc{font-size: 11px;}
   .item-company {grid-column-gap: 10px;grid-row-gap: 2px;}
   .title-h2 {font-size: 15px;}
   .p-10{padding:0px 0 10px 0px;}
    .load_search_macdinh{padding-top: 0;}
    .select2-container {margin-bottom: 0px!important;}
    .padding_bt_15px {padding-bottom: 3px;}
    input.input_tukhoa{height: 35px}
	.content{margin-top: 0px;}   
}
@media (min-width: 769px) and (max-width: 1024px) {
	.gr-title-company{grid-template-columns: 1fr;}
	.company-box-job{width: 100%;}
  .new-tags a{margin: 2px 2px 2px 0px;}
	.txt-xacthuc{margin-bottom: 0;}
	.content{margin-top: 0px;}   

}
.header--item--lang{
	top:-16px;
}