* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Roboto;
}

body {
  font-size: 15px;
  color: #000;
  font-family: Roboto;
  line-height: 19px;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
span {
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/roboto-v16-vietnamese_latin-ext-regular.woff2)
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/roboto-v16-vietnamese_latin-ext-500.woff2)
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/roboto-v16-vietnamese_latin-ext-700.woff2)
}

.Roboto-Medium {
  font-family: Roboto-Medium !important;
}

.weight-500 {
  font-weight: 500 !important;
}

.txt_alct {
  text-align: center;
}

#header_company_manager {
  padding: 5px 20px;
  background: #203043;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  float: left;
  width: 100%;
  position: relative;
  height: auto;
}

#header_company_manager .top {
  float: left;
  margin-right: 23px;
  margin-top: 5px;
}

#header_company_manager .center {
  display: inline-block;
  padding-left: 0;
  width: 32%;
}

#header_company_manager .center img {
  float: left;
  margin-right: 6px;
  width: 60px;
  border-radius: 50%;
  object-fit: cover;
}

#header_company_manager .center p {
  display: inline-block;
  width: calc(100% - 66px);
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
  color: #ffffff;
}

.orange {
  color: #23527c !important;
}

.m_ico:before {
  display: inline-block;
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 22px;
}

.m_ico.fa-home:before {
  background: url("../images/icon365_manager/icon_trangchu.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.fa-bg:before {
  background: url("../images/icon365_manager/icon_banggia.png") left top no-repeat;
  background-size: 100%;
}

.muahangic.fa-bg:before {
  background: url("../images/khuyenmai-muahang/iconmuahang.png") left top no-repeat;
  background-size: 100%;
}

.active .muahangic.fa-bg:before {
  background: url("../images/khuyenmai-muahang/iconmuahang-white.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.fa-dangtin:before {
  background: url("../images/icon365_manager/icon_dangtin.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.fa-timuv:before {
  background: url("../images/icon365_manager/icon_timkiem.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.fa-noti:before {
  background: url("../images/icon365_manager/chuong_thongbao.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.fa-logout:before {
  background: url("../images/icon365_manager/icon_dangxuat.png") left top no-repeat;
  background-size: 100%;
}

#header_company_manager .right,
#header_company_manager .right_mb {
  float: right;
  vertical-align: middle;
  padding: 13px 0px;
  margin-top: 9px;
  width: auto;
}

#header_company_manager .right a,
#header_company_manager .right_mb a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  display: inline-flex;
  color: #ffffff;
  margin-right: 15px;
}

#header_company_manager .right a.m_ico.fa-logout,
#header_company_manager .right_mb a.m_ico.fa-logout {
  background: #00baba;
  border-radius: 5px;
  padding: 5px 12px;
  color: #ffffff;
}

#header_company_manager .right a:last-child,
#header_company_manager .right_mb a:last-child {
  margin-right: 0;
}

.main {
  background: #f8f8f8;
  padding: 20px;
  float: left;
  width: 100%;
}

.main .left {
  float: left;
  width: 18%;
}

.main .left .top {
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px 15px 25px;
}

.main .left .top .avt_com {
  width: 150px;
  text-align: center;
  margin-bottom: 10px;
  height: 100px;
  margin: 0 auto 10px;
  position: relative;
}

.main .left .top .avt_com div {
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  height: 100px;
  cursor: pointer;
  width: 100%;
}

.main .left .top .avt_com div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main .left .top .avt_com div img#img_change {
  width: 28px;
  height: 28px;
  right: -5px;
  position: absolute;
  bottom: -10px;
  cursor: pointer;
}

.main .left .top .name_company {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 5px;
  color: #000;
}

.main .left .top .id_company span {
  margin-bottom: 25px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.green {
  color: #00e132 !important;
}

.main .left .top .diem_km {
  margin-top: 25px;
  margin-bottom: 10px;
}

.main .left .top .diem_km,
.main .left .top .diem_matphi {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.m_ico.quanlychung:before {
  background: url("../images/icon365_manager/icon_quanlychung.png") left top no-repeat;
  background-size: 100%;
}

.active .m_ico.quanlychung:before {
  background: url("../images/icon365_manager/icon_quanlychung2.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.quanly_tintd:before {
  background: url("../images/icon365_manager/icon_tintuyendung.png") left top no-repeat;
  background-size: 100% 100%;
}

.m_ico.quanlyhosouv:before {
  background: url("../images/icon365_manager/icon_quanlyhosouv.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.icon_blog:before {
  background: url("../images/icon365_manager/icon_blog.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.icon_quanlytaikhoan:before {
  background: url("../images/icon365_manager/icon_quanlytaikhoan.png") left top no-repeat;
  background-size: 100%;
}

.m_ico.icon_feedback:before {
  background: url("../images/icon365_manager/icon_feedback.png") left top no-repeat;
  background-size: 100%;
}

.active .m_ico.icon_feedback:before {
  background: url("../images/icon365_manager/icon_feedback2.png") left top no-repeat;
  background-size: 100%;
}

.menu_danhmuc {
  float: left;
  width: 100%;
  margin-top: 10px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}

.menu_danhmuc li,
.menu_danhmuc_mb li {
  padding: 8px 15px;
}

.menu_danhmuc li a,
.menu_danhmuc_mb li a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  display: inline-flex;
  vertical-align: middle;
}

.menu_danhmuc li a.active,
.menu_danhmuc_mb li a.active {
  background: #f48600;
}

.menu_danhmuc li.dropdown {
  position: relative;
}

.menu_danhmuc li.dropdown a:after,
.menu_danhmuc_mb li.dropdown a:after {
  content: url("../images/icon365_manager/show_down.png");
  position: absolute;
  right: 10px;
}

.menu_danhmuc li.dropdown:hover {
  cursor: pointer;
}

.sub_menu li {
  text-align: left;
  background: #caf2f2;
  padding-left: 40px;
}

.menu_danhmuc li.active,
.menu_danhmuc_mb li.active {
  background: #00baba;
}

.menu_danhmuc li.active a,
.menu_danhmuc_mb li.active a {
  color: #ffffff;
}

.main .right {
  float: left;
  width: 25%;
  padding-left: 20px;
  position: unset;
  margin-top: 0;
}

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

.thongke_tindang h4 {
  font-size: 20px;
  line-height: 23px;
  font-family: Roboto;
  margin-bottom: 15px;
}

.thongke_tindang p {
  margin-bottom: 8px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.box-top-right {
  float: right;
  width: 57%;
}

.box-top-right .box img {
  width: 50px;
  height: 54px;
}

.box-top-right .box {
  display: inline-block;
  width: 24%;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  margin-right: 6px;
  vertical-align: top;
  min-height: 120px;
}

.box-top-right .box:last-child {
  float: right;
  margin-right: 0;
}

.box-top-right .box a {
  width: 100%;
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin-top: 5px;
  text-align: center;
  color: #000;
}

.box-top-right .banner {
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;
  height: 140px;
  float: left;
  margin-top: 15px;
}

.title_table {
  font-family: Roboto-Medium;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 10px;
  display: inline-block;
}

.center {
  float: left;
  width: calc(100% - 18%);
  padding-left: 20px;
}

.table_tinmoinhat {
  margin-top: 31px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c4c4c4;
  float: left;
  margin-bottom: 11px;
  width: 100%;
}

.table_tinmoinhat table,
.table_tinmoinhat tr,
.table_tinmoinhat td,
.table_hosoungtuyen table,
.table_hosoungtuyen tr,
.table_hosoungtuyen td {
  border: 1px solid #cdcdcd;
}

.table_tinmoinhat tr:nth-child(2n + 1) td,
.table_hosoungtuyen tr:nth-child(2n + 1) td {
  background: #caf2f2;
}

.table_tinmoinhat th,
.table_hosoungtuyen th {
  padding: 10px;
  text-align: center;
  border-right: 1px solid #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  background: #05bab9;
  color: #ffffff;
  font-family: Roboto;
}

.table_tinmoinhat th:last-child,
.table_hosoungtuyen th:last-child {
  border-right: 0;
}

.table_tinmoinhat td,
.table_hosoungtuyen td {
  background: #ffffff;
  padding: 10px;
  text-align: center;
}

.confirm {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  color: #00e132;
  margin-bottom: 0px;
  margin-left: 0px;
  width: calc(100% - 20px);
  text-align: left !important;
}

.time-expired {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  padding-right: 12px;
  position: relative;
  color: #ff5757;
  width: calc(100% - 20px);
}

.tichdo {
  width: 15px;
  height: 15px;
  background-image: url("../images/icon365_manager/icon_hethan.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.expiry-date {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  padding-right: 0px;
  position: relative;
  color: #00e132;
  width: calc(100% - 20px);
  text-align: left;
}

.tichxanh {
  width: 15px;
  height: 15px;
  background-image: url(../images/icon365_manager/icon_daxacnhan.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.xacnhan {
  display: flex;
  align-items: center;
  gap: 5px;
}

.hantin {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}

.table_tinmoinhat .box,
.table_hosoungtuyen .box {
  display: inline-block;
  width: 30%;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 10px 15px;
  vertical-align: top;
  height: 85px;
  text-align: center;
}

.table_tinmoinhat img,
.table_hosoungtuyen img {
  width: 25px;
  height: 25px;
  margin-bottom: 2px;
}

.table_tinmoinhat .job_name,
.table_hosoungtuyen .job_name {
  font-family: Roboto-Medium;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #000;
}

.table_tinmoinhat .update_time,
.table_hosoungtuyen .update_time {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #565656;
}

.table_tinmoinhat .cit_name,
.table_hosoungtuyen .cit_name {
  margin: 10px 0;
}

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

.table_hosoungtuyen .show-all {
  background: #169a99;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  float: right;
  padding: 9px 32px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
}

.table_hosoungtuyen table {
  margin-top: 10px;
}

#btn-left,
#btn-right {
  display: none;
}

#btn-left {
  position: absolute;
  left: 20px;
  top: 20px;
  background-image: url("../images/icon365_manager/btn-left.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

#btn-right {
  background-image: url("../images/icon365_manager/img-nav.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.table_tinmoinhat_mb {
  display: none;
}

.giaiphap {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
}

.show_all_mb,
.table_hosoungtuyen_mb,
.chuyenvien_mb {
  display: none;
}

.tieude_thongtinvieclam {
  font-family: Roboto-Medium;
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.tindang.main .right {
  width: 61%;
}

#title_new {
  width: 100%;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 15px;
}

.select2-container .select2-selection--single {
  height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
  color: #707070;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.tindang .form-group label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.tindang .form-group label:after {
  content: "*";
  margin-left: 5px;
  display: inline-block;
  color: #ff5757;
}

.dangtin {
  padding-left: 75px;
}

.sl_soluong,
.thoigianthuviec {
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 15px;
  height: auto;
}

.hosobaogom textarea,
.quyenloiduochuong textarea,
.yeucaucongviec textarea,
.motacongviec textarea {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
}

.dangtin textarea,
.dangtin text,
.dangtin input[type="text"],
input[type="number"] {
  width: 100%;
}

.dangtin input[type="date"] {
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 15px;
  width: 100%;
}

#new_namecontact,
#new_addresscontact,
#new_phonecontact,
#new_phonecontact,
#new_emailcontact {
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 15px;
}

.dangtin input[type="submit"] {
  background: #00baba;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 10px 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #00baba;
  color: #ffffff;
  margin-right: 20px;
}

.dangtin input[type="button"] {
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 10px 36px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  border: 1px solid #ffffff;
}

label.error,
p.error {
  color: #ed5565 !important;
  font-size: 16px;
  margin-top: 5px;
  width: 100%;
  float: left;
  font-family: Roboto-Bold, sans-serif;
  font-weight: 700;
}

label.error:after {
  content: "" !important;
}

input.error,
input.error,
textarea.error,
span.error,
input.error:focus,
input.error:focus,
textarea.error:focus,
span.error:focus,
.error .select2-selection {
  border: 1px solid #ff001b !important;
  border-color: #ff001b !important;
  outline: none;
}

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

.tindadang h4 {
  font-size: 20px;
  line-height: 23px;
  font-family: Roboto;
}

.tindadang a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  background: #00baba;
  border-radius: 5px;
  color: #ffffff;
  padding: 9px 26px;
  float: right;
  position: relative;
  padding-left: 40px;
}

.main .right#right_tindadang {
  width: calc(100% - 18%);
}

.table_tinmoinhat#table_tatcatin {
  margin-top: 6px;
  border-bottom: none;
}

.table_tinmoinhat#table_tatcatin .title_table {
  display: none;
}

.tangtoctuyendung:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/icon365_manager/icon_tenlua.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  position: absolute;
  left: 10px;
}

.pagination_wrap {
  width: 100%;
  margin-top: 10px;
  text-align: right;
}

.pagination_wrap a {
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 5px 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #000;
  display: inline-block;
}

.pagination_wrap .jp-current {
  background: #00baba;
  color: #ffffff;
}

.filter {
  padding: 5px 15px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #000;
  margin-right: 20px;
  border: 1px solid #00baba;
}

#filter_point_uv {
  margin-top: 20px;
  margin-bottom: 20px;
}

#filter_point_uv button[type="submit"] {
  background: #00baba;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  border: 1px solid #00baba;
  text-align: center;
  padding: 6px 14px;
  color: #ffffff;
  position: relative;
  padding-right: 35px;
}

#filter_point_uv button[type="submit"]:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../images/icon365_manager/icon_download.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: 7px;
}

.viewed {
  background: #00e132;
  border-radius: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
  padding: 3px 8px;
  margin-left: 2px;
  display: inline-block;
}

.opened {
  background: #f48600;
  border-radius: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
  padding: 3px 8px;
  margin-left: 2px;
  display: inline-block;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.table_candi_mb {
  display: none;
}

table .filter {
  margin-right: 0;
}

.full {
  width: calc(100% - 18%) !important;
}

.tt {
  font-family: Roboto-Medium;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #f48600;
  margin-bottom: 20px;
}

.form_update {
  float: left;
  width: 50%;
}

.form-control[readonly] {
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
}

.form_update .form-group label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.form_update .form-group .form-control {
  height: 36px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.form_update hr {
  border-top: 1px solid #c4c4c4;
}

.form_update .required:after {
  content: "*";
  display: inline-block;
  color: #ff5757;
  margin-left: 5px;
}

.form_update .form-group textarea {
  height: 190px !important;
}

.form_update input[type="submit"] {
  background: #00baba;
  border-radius: 5px;
  border: 1px solid #00baba;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 7px 30px;
  color: #ffffff;
  float: right;
}

.form_update:first-child {
  padding-right: 40px;
}

.main_feedback {
  float: left;
  width: 100%;
  padding: 22px;
  background: #ffffff;
}

.main_feedback p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;

  color: #000;
}

.form_feedback {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

.question {
  font-family: Roboto-Medium;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 20px;
  color: #000;
  margin-bottom: 10px;
}

.answer {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  display: inline-block;
  width: 120px;
}

div.div_answer {
  width: 280px;
  margin: 0 auto;
}

.question input[type="text"] {
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 7px 10px;
}

.star a {
  background-image: url("../images/icon365_manager/star.png");
  width: 20px;
  height: 20px;
  background-size: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  cursor: pointer;
}

.star.active a,
.star.selected a {
  background-image: url("../images/icon365_manager/star_active.png");
}

.question ul,
.question ul li {
  display: inline-block;
}

.question ul {
  margin-left: 10%;
}

.main_feedback textarea {
  height: 138px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px;
}

#feedback_chuyenvien,
#feedback_website {
  background: #00baba;
  border-radius: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 7px 26px;
  color: #ffffff;
  display: inline-block;
  margin-top: 22px;
}

.main_feedback#website {
  padding: 0 22px 60px;
}

#website div.div_answer {
  width: 50%;
}

.popup_ungtuyen {
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.popup_ungtuyen .divmain {
  background: #f8f8f8;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 15px;
  width: 50%;
  margin: 0 auto;
  margin-top: 7%;
}

.popup_ungtuyen .divmain label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  display: inline-block;
  width: 100%;
}

.popup_ungtuyen .divmain .text-center {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #f48600;
  float: left;
  width: 100%;
}

.popup_ungtuyen .divmain .close {
  background: #00baba;
  border-radius: 5px;
  padding: 5px;
  color: #ffffff;
  opacity: 1;
}

.popup_ungtuyen .divmain .form-group {
  display: inline-block;
  width: 100%;
  padding: 45px 23px 0;
}

.popup_ungtuyen #interview select.form-control {
  display: inline-block;
  width: 25%;
}

.popup_ungtuyen #interview .form-group:last-child {
  padding-top: 0;
}

.popup_ungtuyen .divmain button[type="submit"] {
  background: #00baba;
  border-radius: 5px;
  padding: 7px 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #00baba;
  margin-top: 10px;
  color: #ffffff;
}

input.error,
input.error,
textarea.error,
select.error {
  border: 1px solid #ff001b !important;
}

.popup_notify {
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.main_notify {
  background: #f8f8f8;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 15px;
  width: 50%;
  margin: 0 auto;
  margin-top: 7%;
  display: flow-root;
}

.main_notify .close {
  background: #f48600;
  border-radius: 5px;
  padding: 5px;
  color: #ffffff;
  opacity: 1;
}

.main_notify p.text-center {
  float: left;
  width: 100%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #f48600;
}

.main_notify .itemleft {
  float: left;
  width: 15%;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  background: #fff;
  padding: 5px 5px;
  height: 64px;
}

.main_notify img {
  width: 100%;
  height: 100%;
}

.main_notify .item {
  float: left;
  width: 100%;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
}

.itemcenter {
  float: left;
  padding: 0 5px;
  width: 80%;
  word-break: break-word;
}

.itemright {
  float: right;
  font-size: 20px;
  color: #f48600;
  cursor: pointer;
}

.itemcenter p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #000;
}

.itemcenter .time {
  font-family: Roboto-Medium;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  margin-top: 9px;
  color: #000000;
}

.main_item {
  float: left;
  width: 100%;
  max-height: 350px;
  overflow: auto;
  padding: 0 5px;
  margin-top: 30px;
}

/* width */
.main_item::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.main_item::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.main_item::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.main_item::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.botnoti {
  float: left;
  width: 100%;
  text-align: center;
}

.botnoti a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  padding: 8px 10px;
  text-align: center;
  background: #f48600;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 30px;
  display: inline-block;
}

.createnew_success .tt {
  font-size: 25px;
  line-height: 33px;
  text-transform: uppercase;
}

.createnew_success .body p {
  line-height: 27px;
  margin-bottom: 20px;
  font-size: 17px;
  font-family: none;
}

.createnew_success .bottom a {
  display: inline-block;
  border: 1px solid #00baba;
  padding: 5px 15px;
  border-radius: 5px;
  background: #00baba;
  color: #fff;
}

.gr_half {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.gr_half:nth-child(2n) {
  padding-left: 20px;
  padding-right: 0;
}

.main_city,
#main_add_city {
  float: left;
  width: 100%;
}

.m_ct {
  float: left;
  width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.9718);
  border: 0.2px solid #c5c5c5;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 14px 17px 12px;
}

.m_ct .fa-times-circle {
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
  color: #e24c4b;
}

#main_add_city {
  margin-bottom: 12px;
}

.m_ct .fa-map-marker,
.m_ct .line {
  color: #00baba;
}

.m_ct .fa-map-marker {
  margin-right: 12px;
}

.m_ct .line {
  margin: 0 18px;
}

#main_add_city .tt_add {
  color: #00baba;
  font-weight: 500;
  font-family: "Roboto-Medium";
  line-height: 24px;
}

#add_city,
#add_cate {
  border: none;
  background: transparent;
  font-weight: 500;
  font-family: Roboto-Medium;
  font-size: 15px;
  line-height: 24px;
  color: #00baba;
  margin-bottom: 15px;
}

#add_city .fa-plus-circle,
#add_cate .fa-plus-circle {
  margin-right: 8px;
}

.main_category .clear_category {
  width: 40% !important;
}

.main_category .gr_clear {
  margin-top: 30px;
  float: left;
  width: 10%;
  text-align: center;
  cursor: pointer;
  color: #d1403f;
}

@media screen and (max-width:1100px) {
  .hantin {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 0px;
  }

  p.time-expired {
    padding-left: 0px !important;
  }
}

.box_ip_updatepass {
  position: relative;
}

.box_ip_updatepass .show_hide_pass {
  position: absolute;
  right: 10px;
  bottom: 11px;
  width: 19px;
  height: 15px;
}

.pull-right {
  width: 100%;
  text-align: center;
}

.txtslchu,
.sluong_chu {
  text-align: right;
  font-size: 14px;
}

.txt_title_news {
  margin-bottom: 0px !important;
}


.tindang .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

.tindang .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 40px;
  user-select: none;
  -webkit-user-select: none;
}

#loader {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11111;
  text-align: center;
  padding-top: 150px;
}

.loader {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 75px;
  display: inline-block;
  vertical-align: middle;
}


/*LOADER-6*/

.loader-6 {
  border: 6px groove #00baba;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: loader-1-inner 1s ease-out alternate infinite;
  animation: loader-1-inner 1s ease-out alternate infinite;
}

.loader-6 .loader-inner {
  border: 0px inset #00baba;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: border-zoom 1s ease-out alternate infinite;
  animation: border-zoom 1s ease-out alternate infinite;
}

.fieldgroup_controls :is(.fa-plus, .fa-minus, .fa-edit) {
  padding-right: 5px;
}

@-webkit-keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}


.form_update .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.form_update .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}

.form_update .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 40px;
  user-select: none;
  -webkit-user-select: none;
}

/* Chuyen vien ho tro */
.main_goiyungvien {
  display: flex;
  gap: 10px;
}

.main_right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 245px);
}

.chuyenvien {
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px;
}

.goiyungvien {
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px;
  width: 100%;
}

.container_chuyenvien {
  display: flex;
  gap: 10px;
  align-items: center;
}

.avatar_cv {
  border-radius: 50%;
}

.titlecv,.name_cv ,.sdt_cv,.email_cv {
  color: #23527c !important;
  font-weight: 400;
  word-break: break-word;
}

.txt_cus {
  color: #FF0000;
}

.inforchuyenvien {
  width: calc(100% - 80px);
}

/* end chuyen vien */
.main_all_job .m_main_center {
  width: 100%;
  padding: 0;
}

.main_all_job .right#right_tindadang {
  width: 100%;
  padding: 0;
}

.main_all_job {
  display: flex;
  gap: 15px;
}

.tindadang {
  float: left;
  width: 100%;
  padding: 10px;
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

.box_ungviengy {
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px;
  width: 100%;
}

.title_ungvienphuhop {
  font-family: 'Roboto-Medium';
}

.frame_uv {
  display: flex;
  gap: 10px;
  width: 334px;
  padding: 10px;
  border: 1px solid #c6c6c6;
  border-radius: 10px;
}

.infor_uv {
  width: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.txt_chung_gyuv {
  display: flex;
  gap: 5px;
  align-items: center;
}

.box_kntime {
  display: flex;
  gap: 5px;
  align-items: start;
  flex-direction: column;
}

.cv_title_uv {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Roboto-Medium';
}

.txt_nameuv.cl_red {
  font-family: 'Roboto-Regular';
}

.txt_mnuv,
.txt_knuv,
.txt_chung_gyuv {
  font-family: 'Roboto-Regular';
}

.container_uv {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 20px 0px;
  flex-wrap: wrap;
}

.m_box_thongke {
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
}

.main_all_job .m_right {
  padding: 0;
}

.box-top-right {
  float: right;
  max-width: calc(100% - 258px);
  width: 100%;
}

/* goi y ung vien ai */
.xemthemuv {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.txtxemthem {
  padding: 7px 20px;
  border: 1px solid #00baba;
  border-radius: 5px;
  font-family: 'Roboto-Medium';
  color: #FFF;
  cursor: pointer;
  background: #00baba;
}

/* tai anh va video len cho ntd */
.luutaivideo {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 365px;
  width: 100%;
  border: 1px dotted #007d7d;
  padding: 10px;
  border-radius: 10px;
  margin: auto;
  cursor: pointer;
}

.img_luutaivideo {
  width: 18px;
}

section.main.main_all_job.main_edit .m_right {
  width: 100% !important;
  padding: 20px !important;
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

label#label_u_video {
  display: flex;
  width: 100%;
  margin: 20px 0px 40px;
}

form.update_anhvideo {
  float: left;
  width: 50%;
  padding: 20px 0px;
}

.btn_luuvataianh {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.txtluuvataianh {
  background: #235a84;
  border-radius: 5px;
  border: 1px solid #235a84;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 10px 20px;
  color: #FFF !important;
  cursor: pointer;
}

/* ====================================================== */
.box_listanhntd,
.box_listanhtintd {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.frame_anhvideo {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.box_img_video {
  width: 132px;
  height: 132px;
  background: #F4F4F4;
  position: relative;
}

.box_img_video .anhvideo_preview {
  width: 132px;
  height: 132px;
  object-fit: cover;
}

:is(.box_listanhntd,
  .box_listanhtintd) .icon_delete {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}

.box_listanhtintd {
  margin-bottom: 20px;
}

.add_picture {
  width: 132px;
  height: 132px;
  background: #F4F4F4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
}

.add_picture img {
  width: 18px;
  height: 18px;
}

@media screen and (max-width:1260px) {
  .main_goiyungvien {
    flex-direction: column;
    gap: 10px;
  }

  .main_right {
    width: 100%;
  }

  .main_all_job {
    flex-direction: column;
  }

  .main_edit .form_update:first-child {
    padding-right: 0;
    padding-top: 0px;
  }

  .frame_uv {
    display: flex;
    gap: 10px;
    width: calc(50% - 10px);
    padding: 15px 10px;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
  }

  .left.main_left {
    display: none;
  }
}

@media screen and (max-width:1023px) {
  .m_box_thongke {
    flex-direction: column;
  }

  .box-top-right {
    width: 100%;
  }

  .box-top-right {
    max-width: 100%
  }
}

@media screen and (max-width:800px) {
  .frame_uv {
    padding: 20px 10px;
    width: calc(50% - 5px);
  }

  .container_uv {
    gap: 5px;
  }

  .box_ungviengy,
  .chuyenvien,
  .goiyungvien {
    padding: 20px 10px;
  }
}

@media screen and (max-width:750px) {
  .frame_uv {
    padding: 20px 10px;
    width: 100%;
  }

  .container_uv {
    gap: 15px;
  }
}

/* ghim tin dich vu */

#m_select_ghim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0006;
  padding: 20px 10px;
  z-index: 9999;
  display: none;
}

#m_sudung_ghim,
#m_chondonhang {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0006;
  padding: 20px 10px;
  z-index: 999;
  display: none;
}

.container_slghim {
  margin: auto;
  max-width: 556px;
  width: 100%;
  min-height: 238px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: space-around;
  padding: 24px 20px;
  margin-top: 60px;
}

.container_sudungghim,
.container_sudungdh {
  margin: auto;
  max-width: 556px;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: start;
  justify-content: space-around;
  padding: 24px 20px;
}

.content_slghim {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}

.footer_slghim {
  display: flex;
  gap: 10px;
}

.button_tieptucdangtin {
  width: 150px;
  height: 44px;
  border-radius: 5px;
  border: 1px solid #007d7d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #007d7d;
}

.button_sudungdichvu,
.button_xacnhansudungghim,
.button_xacnhansudungdh,
.asudungdvu {
  width: 150px;
  height: 44px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007d7d;
  color: #FFF;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
}

.content_sudungghim,
.content_sudungdh {
  width: calc(100% - 56px);
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 10px;
}

.txt_contentsdg {
  width: 100%;
  text-align: left;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}

#sudungghim,
#sudungdh {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 10px;
  color: rgba(71, 71, 71, 1);
  cursor: pointer;
}

/* giay phep kinh doanh */

.mbox_giayphepkd {
  width: 100% !important;
  padding: 20px !important;
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  min-height: 635px;
}

.title_thongtingpkd {
  font-size: 16px;
  font-family: 'Roboto-Medium';
  text-transform: uppercase;
  color: #000;
}

.container_gpkd {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 950px;
  width: 100%;
  margin: auto;
  min-height: 400px;
  border-radius: 5px;
}

.trangthai_gpkd {
  display: flex;
  gap: 5px;
  width: 100%;
}

.txt_trangthaigpkd {
  font-family: 'Roboto-Medium';
  color: #23527c;
  font-weight: 400;
}

.show_trangthaigpkd {
  color: #333;
  font-weight: 400;
}

.success_gpkd {
  color: green;
}

.error_gpkd {
  color: red;
}

.loai_gpkd {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.txt_loaigpkd {
  font-family: 'Roboto-Regular';
  color: #000;
}

.luuygpkd {
  font-family: 'Roboto-Regular';
  font-size: 15px;
  color: #000;
  font-style: italic;
}

.luutaifilegpkd {
  display: flex;
  gap: 5px;
  max-width: 450px;
  min-height: 100px;
  width: 100%;
  border: 1px dotted #333;
  padding: 10px;
  border-radius: 5px;
  margin: auto;
  cursor: pointer;
  align-items: center;
  font-family: 'Roboto-Medium';
  color: #007d7d;
  flex-direction: column;
  justify-content: center;
}

.container_button {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.huytaigpkd {
  max-width: 120px;
  width: 100%;
  color: #000;
  border: 1px solid #333;
  background: #FFF;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-family: 'Roboto-Medium';
  cursor: pointer;
}

.capnhatgpkd {
  max-width: 120px;
  width: 100%;
  color: #FFF;
  background: #23527c;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-family: 'Roboto-Medium';
  cursor: pointer;
}

.container_txtluutaifilegpkd {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: 'Roboto-Medium';
}

.namegpkd {
  font-family: 'Roboto-Medium';
}

.show_gpkd {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu_danhmuc li a, .menu_danhmuc_mb li a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #444444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.txt_general_sidebar {
  font-weight: 400;
  font-size: 16px;
}

.icon_general_sidebar_white {
  display: none;
}

.menu_danhmuc li.active a .txt_general_sidebar {
  color: #FFF;
}

.menu_danhmuc li.active a .icon_general_sidebar {
  display: none;
}

.menu_danhmuc li.active a .icon_general_sidebar_white {
  display: block;
}