body {
  font-family: Roboto-Regular, sans-serif;
  font-size: 13px;
  color: #4f4f4f;
  line-height: 1.428571429;
  background: #f2f2f2;
}

* {
  outline: 0;
  box-sizing: border-box;
}

*,
body,
p {
  margin: 0;
}

*,
p,
ul {
  padding: 0;
}

.right_item_vl a:not(.job_chat),
.select2-container .select2-selection--single .select2-selection__rendered {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ctn_chung_hr {
  text-align: center;
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 16px;
  line-height: 39px;
}

.clear {
  clear: both;
}

@font-face {
  font-family: Roboto-Medium;
  font-display: swap;
  src: url(../fonts/Roboto-Medium.woff2);
}

@font-face {
  font-family: Roboto-Regular;
  font-display: swap;
  src: url(../fonts/Roboto-Regular.woff2);
}

@font-face {
  font-family: Roboto-Bold;
  font-display: swap;
  src: url(../fonts/Roboto-Bold.woff2);
}

header {
  background-color: #4c5bd4;
  display: block;
  float: left;
  width: 100%;
  height: 64px;
  z-index: 99;
}

.menu_item,
.menu_item a {
  color: #fff;
}

a {
  text-decoration: unset;
}

li {
  list-style-type: none;
}

.displayblock,
.menu_item.ctn_menu_item .sub_domain:hover .box_sub {
  display: block !important;
}

.menu_item.ctn_menu_item .box_sub .ctn_box_ch:last-child,
h3,
h4 {
  margin-bottom: 0;
}

.select2-container {
  margin-top: 0 !important;
  margin-bottom: 19px !important;
  float: left;
}

.new_banner_th .main_search {
  width: 100%;
  position: absolute;
  top: 100px;
  padding: 0 5%;
}

.new_banner_th #fts_id {
  border-radius: 40px;
  border: none;
  padding-left: 55px;
  font-size: 16px;
  float: left;
  box-sizing: border-box;
}

.main_search input {
  position: relative;
}

.box_m_search .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  box-sizing: border-box;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.new_banner_th .box_m_search .select2-container--default .select2-selection--single {
  line-height: 36px;
  background-color: #fff;
  border: none;
  border-left: 1px solid #4c5bd4;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 41px !important;
  border: none;
  float: left;
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-radius: 3px;
}

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

.banner_tai_app {
  float: left;
}

.banner_tai_app .item_tai_app {
  margin-left: 0;
}

.right_item_vl a:not(.job_chat) {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
  font-weight: 400;
}

.name_com {
  line-height: 17px;
}

.online_item a {
  float: left;
  width: 100%;
}

.online_item img {
  float: left;
  border: 1px solid #ccc;
}

.hidden {
  display: none;
}

.chat_notifice {
  float: left;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cacef2;
  border-radius: 4px;
}

.overlay {
  float: left;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.logo_user_th {
  position: relative;
  display: inline-block;
}

.new_banner_th .box_m_search {
  width: 1047px;
  float: unset;
}

.new_banner_th .new_search {
  width: 570px;
  float: left;
  position: relative;
}

.new_banner_th .box_input {
  position: relative;
  float: left;
  width: 100%;
}

.new_banner_th .box_input:before {
  content: url('/timviecejs/images/New_images/ic_search_indx.png');
  position: absolute;
  width: 16px;
  height: 16px;
  left: 30px;
  top: 25px;
  z-index: 1;
}

.new_banner_th .box_m_search .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  font-size: 16px;
}

.new_banner_th .mobi-bor {
  float: left;
  width: 123px;
}

.new_banner_th .box_m_search .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

@media screen and (min-width: 1300px) {
  .new_banner_th .main_search {
    padding: 0 5%;
  }
}

@media screen and (min-width: 1400px) {
  .new_banner_th .main_search {
    padding: 0 11%;
  }
}

@media screen and (min-width: 1700px) {
  .new_banner_th .main_search {
    padding: 0 14%;
  }
}

@media screen and (max-width: 1165px) {
  .menu_item.ctn_menu_item {
    display: none;
  }

  #fts_id {
    height: 40px !important;
  }

  .logo_header img {
    margin-top: 21px;
  }

  .mobi_sh_ul {
    display: none;
    min-height: 1000px;
  }

  .ctn_mobi_sub_ul {
    width: 100%;
  }

  .new_banner_th .new_search {
    width: 100%;
    float: left;
  }

  .select2-container--default .select2-selection--single {
    float: left;
    width: 100% !important;
  }

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

  .right_item_vl {
    margin-top: 10px;
  }

  .new_banner_th .box_m_search {
    width: 100%;
    float: unset;
  }

  .new_banner_th .main_search {
    top: 105px;
    padding: 0 20%;
  }

  .new_banner_th .box_input:before {
    left: 20px;
    top: 12px !important;
  }

  .new_banner_th .box_input2:before {
    top: 20px !important;
  }

  .new_banner_th .mobi-bor {
    float: left;
    width: calc(100% - 50px);
  }
}

@media (max-width: 700px) {
  #fts_id {
    font-family: Roboto-Regular, sans-serif;
  }

  .box_qmk_do {
    float: left;
  }

  .main_search {
    padding: 0 10%;
  }

  .right_item_vl {
    margin-top: 10px;
    width: calc(100% - 100px) !important;
  }

  .auth_form {
    float: left;
  }

  .form_btn_do {
    padding: 0 30px;
  }

  .form_btn_app {
    padding: 15px 30px;
  }

  .form_btn_app img {
    width: 135px;
    float: left;
    margin: 10px;
  }

  .logo_header img {
    margin-top: 17px;
  }

  .new_banner_th .main_search {
    padding: 0 5%;
  }
}

@media screen and (max-width: 376px) {
  .form_btn_app img {
    width: 126px;
  }

  .overlay .auth_form .form_login {
    margin-bottom: 35px;
  }

  .logo_header img {
    margin-top: 14px;
  }
}

.t_box_input {
  display: flex;
}

.t_box_input_ntd {
  display: flex;
  width: 100%;
  height: 100%;
}

.t_select_cate,
.t_select_city {
  width: 223px;
}

@media (max-width: 1024px) {
  .t_box_input {
    display: block;
  }

  .t_select_cate,
  .t_select_city {
    width: 100%;
    margin-bottom: 15px;
  }

  .t_box_input_ntd {
    display: block;
  }
}