html,
body {
  height: 100%;
}

@media screen and (min-width: 992px) {
  html,
  body {
    overflow-x: hidden;
    width: 100%;
  }
}

#contentWrapper {
  /* height: 100vh; */
  overflow-y: auto;
}

.color_ffc107 {
  color: #ffc107 !important;
}
footer {
  font-size: 13px;
}
.content .padding_bt_15px {
  padding: 15px 24px 10px 24px;
}
.navbar {
  border-radius: 0px !important;
}
.badge.badge-pill.badge-primary.ml-2 {
  background-color: #2196f3 !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid transparent;
}
.collapse.in {
  padding-left: 35px;
  padding-right: 20px;
}
.navbar-inverse {
  border: 1px solid #1e4b8c !important;
}
#submenu1 {
  padding-left: 35px;
  padding-right: 20px;
}
.nav-sidebar .open > a,
.nav-sidebar .open > a:focus,
.nav-sidebar .open > a:hover,
.nav-sidebar > li > a:active,
.nav-sidebar > li > a:focus,
.nav-sidebar > li > a:hover {
  color: #f07f1c !important;
}
a.list-group-item {
  color: #1e4b8b;
}
.navbar-menu .header--item a.active {
  padding: 4px 0px;
  border-radius: 100px;
}
.navbar-menu .header--item li a {
  background-color: #006ac1;
  padding: 4px 0px;
  border-radius: 100px;
  color: #fff;
  margin-right: 15px;
}
/* Tuong */
@media (min-width: 601px) {
  .list-group-item {
    background-color: transparent;
    border: 0px solid transparent;
  }
  .sticky .list-group {
    margin-bottom: 0px;
    background-color: #fff;
    height: 162px;
  }
}
.logo--header > img {
  width: 110px;
}
.nav .open > a i,
.nav .open > a i,
.nav > li > a i,
.nav > li > a i,
.nav > li > a i {
  background-color: transparent;
  padding: 6px;
  border-radius: 50%;
  font-size: 14px;
}
#footer-m .minu {
  color: #fff;
  padding-left: 5px;
}
/* .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
			background-color: #f5f5f5
		} */
#footWrapper ul li {
  line-height: 12px;
}
.fb_customer_chat_bounce_in_v2 {
  min-height: 0 !important;
}
.header .websitetitle {
  top: 23px;
  right: 42px;
}
.dky-dnhap {
  padding: 35px 6px 0 0;
}
.body.header-not-at-top .menu-main-vo a.nav-link img {
  display: none;
}
.navbar.navbar-default.navbar-fixed-top {
  border: 0;
}
.zalo-chat-widget {
  bottom: 100px !important;
  right: 30px !important;
}
.header__fixedBottom {
  display: none;
}
/* Message box */
.image__message {
  top: 14px !important;
}
.btn-danhmuc {
  display: none;
}
.fb_dialog_content iframe {
  bottom: 8px !important;
}
#button-contact-vr {
  position: fixed;
  bottom: 66px;
  z-index: 99999;
  right: 9px;
}
.zalo-chat-widget {
  bottom: 152px !important;
  right: 24px !important;
}
#button-contact-vr {
  position: fixed;
  bottom: 66px;
  z-index: 99999;
  right: 9px;
}
.zalo-chat-widget {
  bottom: 152px !important;
  right: 24px !important;
}
@media screen and (max-width: 600px) {
  .header__fixedBottom {
    display: flex !important;
    width: 100%;
  }
  .btn-danhmuc {
    display: block;
  }
  .zalo-chat-widget {
    bottom: 115px !important;
    right: 10px !important;
  }
  /* .mar-em{margin-top:15px;margin-bottom:10px;} */
  .content .padding_bt_15px {
    padding: 0 24px 10px 24px;
  }
  .USListJob-title {
    padding-top: 5px;
  }
  .header-inner .logo img:not(.cart-thumb) {
    padding-top: 0px;
  }
  /* .navbar-header {
			display: none;
			} */
  .menu-ic-logo {
    float: right;
    padding: 15px 15px 0px 0px !important;
  }
  .menu-main-vo {
    display: flex;
    bottom: 0;
    position: fixed;
    background-color: #1e4b8c;
    margin-left: -15px !important;
  }
  .drop-menu-em {
    left: -151px !important;
  }
  .menu-main-vo li.nav-item a.nav-link {
    background-color: transparent !important;
  }
  /* .fb_dialog_content iframe {
				bottom: 172px !important;
				right: -7px !important;
			} */
  /* .menu-main-vo li.nav-item a.nav-link .minu {display: none !important;} */
  .menu li.nav-item i {
    display: block !important;
  }
  .speedup_mobi {
    position: absolute;
    left: 70%;
    top: 26px;
    display: none !important;
  }
  .speedup_web {
    display: none !important;
  }
  .nav-item.search-hs .fa.fa-search {
    color: #fff !important;
  }
  .nav-item.postjob .fa.fa-briefcase {
    color: #fff !important;
  }
  .menu .active .nav-link,
  .menu .nav-link.active {
    background: #e95f07 !important;
    color: #fff;
  }
  .menu li.nav-item i {
    text-align: center;
  }
  .navbar-nav li.nav-item a.active i {
    color: #e95f07 !important;
  }
  .navbar-nav > li > a {
    font-size: 10px;
    line-height: 10px;
  }
  .menu-main-vo li.nav-item a.nav-link .minu {
    font-size: 10px;
  }
  .menu li.nav-item i {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .menu-main-vo li.nav-item a.nav-link {
    text-align: center;
  }
  .dangtintd a {
    display: grid;
  }
  .dangtintd img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .switch-accounts {
    background-color: #f07e1d;
    color: #fff;
    padding: 3px 5px;
    border-radius: 2px;
  }
  .menu-ic-logo label {
    margin-left: 10px;
    margin-right: -3px;
  }
  .lbl-dk {
    margin-left: -10px !important;
  }
  .btn-danhmuc {
    margin-right: -11px;
  }
  .sign-up {
    margin-right: 10px !important;
  }
  .dropdown-menu {
    left: -283px !important;
    width: 322px;
  }
  .list-group-item:first-child,
  .list-group-item:last-child {
    border: 0;
  }
  .content-intro-jobseeker {
    margin-top: 30px;
  }
  .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(1) {
    width: 17% !important;
  }
  .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(2) {
    width: 18% !important;
  }
  .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(3) {
    width: 18% !important;
  }
  .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(4) {
    width: 18% !important;
  }
  .nav.navbar-nav.clearfix.menu-main-vo.logged li:nth-child(5) {
    width: 29% !important;
  }
  /* menu cam nang nghe nghiep */
  .menu-camnangnn {
    margin-bottom: 0px !important;
  }
  .menu-camnangnn .menu-ic-logo {
    padding-top: 4px !important;
  }
  .menu-camnangnn .collapse,
  .menu-camnangnn .collapsing {
    height: auto;
    width: 99vw;
    position: absolute;
    right: 0px;
    top: 25px;
  }
  .left_200_camnang {
    left: -200px !important;
  }
  .menu-camnangnn .list-group-item a {
    width: 100%;
  }
  .list-group {
    margin-bottom: 0;
    padding-top: 15px;
  }
  .panel-heading {
    padding: 9px 15px;
    border: 1px solid #e1e1e1;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .menu-ic-logo {
    padding-top: 4px !important;
  }
  .list-group-item ul .dropdown {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
}
.dropdown {
  display: inline-block;
}
.hidden {
  display: none;
}
#nav-icon1 {
  width: 30px;
  height: 20px;
  position: relative;
  /* margin: 50px auto; */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 100;
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 6px;
}
#nav-icon1 span:nth-child(3) {
  top: 13px;
}
#nav-icon1.open span:nth-child(1) {
  top: 7px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 7px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.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);
  padding: 12px 16px;
  z-index: 1;
  color: #000;
}
.dropdown-content a {
  color: #000;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.box-images-Logo {
  width: 55px;
  height: 55px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #efefef;
}
.header--item li a {
  background-color: #006ac1;
  padding: 4px 0px;
  border-radius: 100px;
  color: #fff;
  margin-right: 15px;
}
.header--item__dropdown {
  border-radius: 100px;
  padding: 6px 0px;
  background-color: #006ac1 !important;
  margin-bottom: 10px !important;
}
#sidabar--item-2 {
  display: none;
}
.nav__769 {
  display: none;
}
/* footer apply sidebar */
#footWrapper {
  width: 85.3% !important;
  float: right;
}

/* Fix #footWrapper width 100% cho các trang cụ thể - ĐẶT NGAY SAU RULE MẶC ĐỊNH */
/* Trang: stg.viecoi.vn, nha-tuyen-dung.html, gioi-thieu-tim-ho-so-ung-vien.html, gioi-thieu-dang-tin-tuyen-dung.html, gioi-thieu-cong-ty với preview=1 */
body.page-intro-find-cv #footWrapper,
body.page-intro-post-job #footWrapper,
body.page-company-detail-preview #footWrapper,
body.intro-find-cv #footWrapper,
body.intro-post-job #footWrapper,
body.company-detail-preview #footWrapper {
  width: 100% !important;
  float: right !important;
}
/* button contact */
/* #button-contact-vr {
			position: fixed;
			bottom: 0;
			z-index: 99999;
		} */
/*phone*/
#button-contact-vr .button-contact {
  position: relative;
}
#button-contact-vr .button-contact .phone-vr {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  left: 0;
  bottom: 0;
  display: block;
}
.phone-vr-circle-fill {
  /* will-change: transform;
			width: 65px;
			height: 65px;
			top: 12px;
			left: 12px;
			position: absolute;
			background-color: rgb(230 211 8 / 73%);
			border-radius: 50%;
			border: 2px solid transparent;
			-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
			animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
			transition: all .5s;
			-webkit-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animuiion: zoom 1.3s infinite;
			animation: zoom 1.3s infinite; */
}
.phone-vr-img-circle {
  background-color: #f07e1d;
  width: 50px;
  height: 50px;
  line-height: 50px;
  top: 25px;
  left: 15px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
  display: block;
  line-height: 37px;
}
.phone-vr-img-circle img {
  max-height: 25px;
  max-width: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@-webkit-keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
.phone-bar a {
  position: fixed;
  bottom: 25px;
  left: 30px;
  z-index: -1;
  color: #fff;
  font-size: 16px;
  padding: 8px 15px 7px 50px;
  border-radius: 100px;
  white-space: nowrap;
}
.phone-bar a:hover {
  opacity: 0.8;
  color: #fff;
}
/* wrapper */
#button-contact-vr .chat-wrapper {
  color: #383838;
  font-size: 16px;
  width: 100%;
  position: relative;
}
#button-contact-vr .chat-wrapper {
  display: none;
}
.popup_chat-show {
  min-width: 270px;
  /* min-height: 300px; */
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  margin-left: -260px;
  bottom: -75px;
}
.contact-info {
  display: grid;
  grid-template-columns: 60px 1fr;
  border: 2px solid #f2f2f2;
  border-radius: 5px;
  grid-gap: 10px;
  padding: 5px;
}
.contact-info + .contact-info {
  margin-top: 10px;
}
.contact-info img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.contact-info_text {
  font-size: 14px;
}
.contact-info_text p {
  margin-bottom: 0px;
  font-weight: bold;
}
.popup_chat-header {
  font-style: italic;
  text-align: center;
  margin-bottom: 10px;
}
/* .chat-wrapper {
			height: calc(100% - 78px);
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: flex-end;
			align-items: flex-end;
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
		}
		#button-contact-vr .phone_chat_bounce_out {
			-webkit-animation-name: phone_bounce_out_br;
			animation-name: phone_bounce_out_br;
		}
		#button-contact-vr .phone_chat_bounce_in, #button-contact-vr .phone_chat_bounce_out {
			-webkit-animation-duration: .3s;
			animation-duration: .3s;
			transition-timing-function: ease-in;
		}
		#button-contact-vr .phone_chat_bounce_in {
			-webkit-animation-name: phone_bounce_out_br;
			animation-name: phone_bounce_out_br;
		} */
@media (max-width: 736px) {
  .popup_chat-show {
    margin-left: 0px;
  }
  .phone-bar {
    display: none;
  }
}
/* #zalo-vr .phone-vr-circle-fill {
			box-shadow: 0 0 0 0 #2196F3;
			background-color: rgba(33, 150, 243, 0.7);
		}
		#zalo-vr .phone-vr-img-circle {
			background-color: #2196F3;
		}
		#viber-vr .phone-vr-circle-fill {
			box-shadow: 0 0 0 0 #714497;
			background-color: rgba(113, 68, 151, 0.8);
		}
		#viber-vr .phone-vr-img-circle {
			background-color: #714497;
		}
		#contact-vr .phone-vr-circle-fill {
			box-shadow: 0 0 0 0 #2196F3;
			background-color: rgba(33, 150, 243, 0.7);
		}
		#contact-vr .phone-vr-img-circle {
			background-color: #2196F3;
		} */
/*css all in one*/
#gom-all-in-one #phone-vr {
  transition: 0.7s all;
  -moz-transition: 0.7s all;
  -webkit-transition: 0.7s all;
}
#all-in-one-vr .phone-bar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  color: #fff;
  padding: 5px 15px 5px 48px;
  border-radius: 50px;
  margin-left: -64px;
  width: max-content;
  cursor: pointer;
}
/* end phone */

/* zalo */

#gom-all-in-one .button-contact_zalo {
  transition: 1.6s all;
  -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}
#gom-all-in-one .button-contact_zalo {
  transition: 1.6s all;
  -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}

#button-contact-vr .button-contact_zalo .phone-vr_zalo {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  left: 0;
  bottom: 0;
  display: block;
}
#zalo-vr .phone-vr-circle-fill_zalo {
  box-shadow: 0 0 0 0 #2196f3;
  background-color: rgba(33, 150, 243, 0.7);
}

.phone-vr-circle-fill_zalo {
  width: 65px;
  height: 65px;
  top: 12px;
  left: 12px;
  position: absolute;
  box-shadow: 0 0 0 0 #c31d1d;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite;
}

#zalo-vr .phone-vr-img-circle_zalo {
  background-color: #2196f3;
}

.phone-vr-img-circle_zalo {
  background-color: #e60808;
  width: 50px;
  height: 50px;
  line-height: 50px;
  top: 25px;
  left: 25px;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.phone-vr-img-circle_zalo a {
  display: block;
  line-height: 37px;
}

.phone-vr-img-circle_zalo img {
  max-height: 25px;
  max-width: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
/* endzalo */
/* Sidebar Employer */
/* sidebar */
@media (min-width: 1130px) {
  .icon-sidebar {
    min-height: 63px;
  }
}
@media (min-width: 991px) and (max-width: 1130px) {
  .icon-sidebar {
    background-color: #1e4b8c;
    padding-bottom: 30px !important;
  }
  .icon-sidebar {
    min-height: 98px;
  }
  /* .icon-sidebar>a>img {
				max-w
				idth:80% !important;
			} */
}
.sidebar {
  display: none;
}
.icon-sidebar {
  background-color: #1e4b8c;
  padding-bottom: 8px;
  padding-top: 5px;
}
/* .menuLeft--mypay {
			color: #1e4b8c;
			padding: 10px 20px !important;
		} */
.menuLeft--mypay {
  color: #1e4b8c;
  /* padding: 10px 20px !important; */
}
.header--item__dropdowns:hover > .dropdown-menu {
  display: block;
  background-color: #fff !important;
  margin-top: -3px;
  left: 37px !important;
}
@media (min-width: 768px) {
  .sidebar {
    min-width: 160px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: block;
    padding: 0 20px !important;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
  }
}
.nav-sidebar {
  margin-right: -21px;
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}
/*Menu Employer */
.header--item__dropdown > a i {
  padding: 0px !important;
}
.button-toggle {
  display: none;
}
.num--notify {
  padding: 2px 4px !important;
  top: 8px;
  right: 12px;
}
.dropwdown--items {
  text-align: left !important;
  color: #1e4b8b !important;
}
#header--item__id {
  margin-bottom: 15px;
  padding-top: 25px;
  margin-right: 15px;
}
@media only screen and (max-width: 600px) {
  .header--togglez {
    position: absolute;
    right: 12px !important;
    padding-top: 15px;
    display: flex !important;
  }
  #footer-m {
    display: block !important;
  }
  .dropdown-menu {
    left: -268px !important;
  }
  .navbar-nav {
    margin: 0px -16px !important;
  }
  #footWrapper {
    width: 100% !important;
    float: right;
  }
  .navbar {
    margin-bottom: 0;
  }
  .dis-flex {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 991px) {
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
@media (min-width: 768px) and (max-width: 1899px) {
  #footWrapper {
    margin-left: 275px;
    float: inline-start;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .fb_dialog_content iframe {
    bottom: 210px !important;
    right: 15px !important;
  }
  .logo--header > img {
    max-width: 80% !important;
  }
  #footWrapper {
    width: 100% !important;
    float: right;
  }

  /* Exception: Không áp dụng float: right cho các trang cụ thể */
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper {
    float: right !important;
  }

  .navbar {
    margin-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .navbar-nav {
    margin: 0px;
  }
  .header--togglez {
    position: absolute;
    right: 60px !important;
    padding-top: 15px;
    display: flex !important;
  }
  .button-toggle {
    display: block !important;
    padding: 0px !important;
    position: absolute !important;
  }
  #footWrapper {
    width: 100% !important;
    float: right;
  }

  /* Exception: Không áp dụng float: right cho các trang cụ thể */
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper {
    float: right !important;
  }

  .navbar {
    margin-bottom: 0;
  }
  /* .header--item {
			margin-right: 0px;
			border-radius:5px;
			margin: 0 25% 10px;
			background-color:#428bca;
			padding: 10px;

			}
			.header--item__dropdown {
			margin-right: 0px !important;
			margin-bottom:10px !important;
			} */
}
@media (min-width: 991px) and (max-width: 1130px) {
  .logo--header {
    width: 120px !important;
  }
  .header--item {
    padding: 5px !important;
  }
  .navbar--margin {
    margin: 14px 0px;
  }
  .header--item__dropdown {
    padding: 5px 0px !important;
  }
}
@media (min-width: 769px) and (max-width: 917px) {
  .nav__769 {
    display: block !important;
  }
  .header--item {
    font-size: 12px !important;
    margin-right: 5px !important;
  }
  .header--item__dropdown {
    background-color: transparent !important;
    padding: 0px !important;
    margin-right: 0px !important;
    width: auto !important;
  }
  .header--item__user {
    display: block !important;
    background-color: transparent !important;
    padding: 0px !important;
    margin-right: 0px !important;
  }
  .header--togglez {
    position: absolute;
    right: 10px !important;
    padding-top: 15px;
    display: block !important;
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header--item__id {
    display: block;
  }
  .header--togglez {
    position: absolute;
    right: 4px;
    display: flex !important;
  }
  #sidebarz {
    display: none !important;
  }
  .num--notify {
    top: 2px !important;
    right: 2px !important;
  }
  .header--item__user {
    display: block !important;
    border-radius: 100px;
    padding: 5px;
    background-color: #006ac1;
    margin-bottom: 10px;
  }
  .header--item {
    padding: 0px !important;
    /* margin-right: 0px !important; */
  }
  .logo--header > img {
    max-width: 80% !important;
  }
  .navbar__right--padding {
    margin-top: 80px !important;
    border-top: 1px solid #000;
  }
  .header--item__dropdown {
    padding: 5px;
    width: auto;
  }
  .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
}
@media (min-width: 990px) {
  .header--item__dropdown:hover > .dropdown-menu {
    display: block;
    background-color: #fff !important;
    margin-top: 13.5px !important;
  }
  /* .foot__padding {
			padding-left:180px !important;
			} */
  #footer-m {
    display: none !important;
  }
  #menuclosezz {
    display: none !important;
  }
  #menuopenzz {
    display: none !important;
  }
}
@media (max-width: 991px) {
  #footWrapper {
    width: 100% !important;
    float: right;
  }

  /* Exception: Không áp dụng float: right cho các trang cụ thể */
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper {
    float: right !important;
  }
}
@media (max-width: 990px) {
  .header__fixedBottom {
    float: none !important;
  }
  #footer-m {
    width: 100%;
  }
  /* .header--item__dropdown {
			background-color:transparent !important;
			} */
  .header--toggle {
    display: none;
  }
  .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
  .navbar {
    border-radius: 0px !important;
  }
  /* #menuclosezz {
			right:65px !important;
			} */
  #menuopenzz {
    display: none;
    right: 65px !important;
  }
  #sidebarz.is-shift-sidebar {
    width: 100%;
    transition: 0.5s;
    display: flex !important;
    justify-content: space-between;
  }
  #sidabar--item-2 {
    display: none;
  }
  #sidabar--item-2.is-hidden-sidebar {
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: right;
  }
  #sidabar--item-1 {
    width: auto;
  }
  #sidabar--item-1.is-setWidth {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .menu-main-vo li.nav-item a.nav-link.show_web {
    display: none !important;
  }
  #header--item__id {
    display: none;
  }
  .num--notify {
    top: 2px !important;
    right: 2px !important;
  }
  .dropdown-language .dropdown-menu {
    min-width: 46px !important;
    width: 46px !important;
    left: 3px !important;
  }
  .dropdown-menu {
    left: -262px;
    width: 322px;
  }
  .header__fixedBottom {
    display: block;
  }
  .header--item {
    margin-bottom: 10px;
  }
  .header--item__dropdown {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    padding: 0px 8px !important;
  }
  .header--item__user {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    /* padding: 0px 8px !important; */
    border-radius: 100px;
    background-color: #006ac1 !important;
  }
  #sidabar--item-2 {
    display: flex !important;
    flex-direction: column !important;
    width: 50% !important;
    text-align: right !important;
  }
  #sidabar--item-2.is-hidden-sidebar {
    display: none;
  }
  #sidabar--item-1 {
    width: 80% !important;
  }
  #sidabar--item-1.is-setWidth {
    width: auto;
  }
  /* .is-shift-content{
			left: -250px;
			} */
  #header--item__id {
    margin-left: 30%;
  }
}
.header--item__dropdown .dropdown-menu {
  background-color: #fff !important;
  margin-top: 8px !important;
}
.dropdown-language .dropdown-menu {
  min-width: 48px !important;
  margin-top: 3px !important;
  background-color: #f5f5f5 !important;
}
.dropdown-language:hover .dropdown-menu {
  min-width: 48px !important;
  margin-top: 3px !important;
  background-color: #f5f5f5 !important;
}
.header--item__user .dropdown-menu:not(.dropdown-menu-menuleft) {
  background-color: #fff !important;
  left: -140px !important;
  margin-top: 3px !important;
  -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
  box-shadow: 0 6px 15px rgb(0 0 0 / 20%);
  min-width: 188px;
  padding-left: 10px;
  color: #333;
}

/* Override for dropdown-menu-menuleft */
.header--item__user .dropdown-menu-menuleft {
  left: auto !important;
  right: 0 !important;
  padding-left: 0 !important;
}
.header--item__user .dropdown-menu .dropwdown--items i {
  color: #1e4b8b;
}
/* .navbar{margin-bottom: 0;} */
/*End Menu Employer */
.navbar-menu .active {
  background-color: #f07e1d;
}
.navbar-menu .header--item a.active {
  background-color: #03a9f4;
  padding: 4px 0px;
  border-radius: 100px;
}
.navbar-menu .header--item a:focus {
  background-color: #03a9f4;
  color: #fff;
}
.navbar-menu .header--item a {
  background-color: #006ac1;
  padding: 6px 12px !important;
  border-radius: 100px;
  color: #fff !important;
  margin-right: 15px;
}
.navbar-menu .header--item a:hover {
  background-color: #03a9f4 !important;
}

.nav__769 .header--item a.active {
  background-color: #f07e1d;
  padding: 4px 0px;
  border-radius: 100px;
}
.nav__769 .header--item a {
  background-color: #006ac1;
  padding: 6px 12px !important;
  border-radius: 100px;
  color: #fff;
  margin-right: 15px;
}
.nav__769 .header--item a:hover {
  background-color: #f07e1d !important;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #f07e1d;
}
.nav-singout .header--item a.active {
  background-color: #f07e1d;
  border-radius: 100px;
}
.nav-singout .header--item a {
  background-color: #006ac1;
  padding: 6px 12px !important;
  border-radius: 100px;
  color: #fff;
  margin-right: 15px;
}
.nav-singout .header--item a:hover {
  background-color: #f07e1d !important;
}
.navbar-nav .open .dropdown-menu li {
  text-align: left !important;
}
/* .navbar-inverse .navbar-nav>.open>a{background-color: #f07e1d!important;padding: 6px 12px!important; border-radius: 100px;} */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-align: left !important;
}
.dropdown-menu > li > a {
  text-align: left !important;
}
.bg-blue {
  margin-right: 10px;
}
.bg-blue a {
  background-color: #006ac1;
  padding: 6px 12px !important;
  border-radius: 100px;
}
.bg-blue a:hover,
.bg-blue a:focus {
  background-color: #f07e1d;
  border-radius: 100px;
}
.sectionWrapper {
  margin-top: 50px;
}
.content {
  margin-top: 50px;
}
.drop-language li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-mypage-postjob {
  background-color: #f07e1e !important;
}
.btn-mypage-postjob:hover {
  background-color: #e66900 !important;
}
.flex_logo {
  display: flex;
}
.flex_logo .foot-logo {
  height: 40px;
  margin: 0 auto 5px;
  text-align: center;
  width: 150px;
  margin: 0;
}
.flex_logo .icon_business_check {
  margin-bottom: 0px;
}
@media only screen and (max-width: 480px) {
  .popup_chat-show {
    margin-left: 20px;
    left: -100px;
  }
  .menu-main-vo li.nav-item a.show_web.nav-link {
    display: none !important;
  }
  .fb_dialog_content iframe {
    bottom: 210px !important;
    right: 15px !important;
  }
  .logo--header {
    width: 110px;
  }
  .fb_dialog_content > iframe {
    right: 0px !important;
  }
  #button-contact-vr {
    bottom: 225px;
    right: -3px;
  }
  #button-contact-vr .button-contact .open-phone-vr {
    right: -200px;
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    transition: visibility 0.5s;
    /* bottom: 0; */
    display: block;
  }
  #button-contact-vr .button-contact .phone-vr {
    right: 0px;
  }
  .show_mobile_480.smart-banner.mar-em {
    display: none !important;
  }
  .mobi-footer li .mobi-footer-active.active span {
    color: #f07e1d;
  }
  .content,
  .sectionWrapper {
    margin-top: 75px !important;
  }
  .menu-main-vo li.nav-item a.nav-link .minu {
    margin-top: 0;
  }
  .flex_logo {
    display: flex;
  }
  .foot-logo {
    width: 50%;
    height: 48px;
  }
  .w_50 img {
    width: 175px !important;
    height: 60px !important;
  }
  .w_50 {
    width: 50%;
  }
  .dropdown-menu {
    left: -200px !important;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .show_mobile_480.smart-banner.mar-em {
    display: none !important;
  }
  .mobi-footer li .mobi-footer-active.active span {
    color: #f07e1d;
  }
  .content,
  .sectionWrapper {
    margin-top: 75px !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  .navbar-right.header--togglez li {
    height: fit-content;
  }
  .header--item__user {
    padding: 0px 8px !important;
  }
  .navbar-toggle {
    top: 15px !important;
  }
  .show_mobile_480.smart-banner.mar-em {
    display: none !important;
  }
  .content,
  .sectionWrapper {
    margin-top: 75px !important;
  }
}
@media (min-width: 769px) and (max-width: 990px) {
  .header--item__user {
    padding: 0px 2px !important;
  }
  .navbar-toggle {
    top: 15px !important;
  }
  .show_mobile_480.smart-banner.mar-em {
    display: none !important;
  }
  .content,
  .sectionWrapper {
    margin-top: 75px !important;
  }
}
@media (min-width: 991px) and (max-width: 1024px) {
  .content,
  .sectionWrapper {
    margin-top: 80px !important;
  }
}
/* button mobile cam nang */
.btn-danhmuc {
  position: absolute;
  right: 14px;
  top: 10px;
}
#sidebar-container .list-group.nav-sidebar li a {
  padding: 10px 5px 10px 8px !important;
}
.dropdown-menu-camnang {
  left: 0 !important;
}
@media screen and (max-width: 600px) {
  .menu-main-vo li.nav-item a.nav-link {
    text-align: center !important;
    display: flex !important;
  }
}
.backgroud-color_1e4b8c {
  background-color: #1e4b8c !important;
}
.color_red {
  color: red !important;
}
.color_333 {
  color: #333 !important;
}
.navbar-brand.logo--header {
  height: auto;
}
.width_110-height_40 {
  width: 110px;
  height: 40px;
}
.navbar-right.header--togglez {
  display: none;
  padding-top: 15px;
}
.dropdown-language {
  margin-right: 15px;
  display: flex !important;
  align-items: center !important;
}
.dropdown-language .dropdown-language-item {
  color: #fff;
  display: flex;
  background-color: transparent;
}
.align-self_center {
  align-self: center;
}
.color_#fff {
  color: #fff;
}
.header-language_custom {
  margin-right: 15px;
  width: 47px;
}
.header-language_custom .header-language_custom-link {
  color: #fff;
  display: flex;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  padding-top: 10px !important;
}
.header-language_custom .header-language_custom-icon {
  color: #fff;
  width: 15px;
  height: 15px;
}
.text-align_center {
  text-align: center !important;
}
.header--item__user .header--item__user-link {
  color: #fff;
  display: flex;
  background-color: transparent;
}
.padding-right_5 {
  padding-right: 5px;
}
.header--item__user .header--item__user-link .dropdown-menu {
  margin-top: 3px;
}
.header--item__user .header--item__user-link .header--item__user-icon {
  color: #fff;
  width: 15px;
  height: 20px;
  display: flex;
  align-items: center;
  margin-right: 6px;
}

#header--item__id .header--item_id_custom .header--item__id-link {
  color: #fff;
  text-align: center;
}
#footer-m .header__fixedBottom {
  z-index: 1000;
}
.color_0f0f0f {
  color: #0f0f0f !important;
}
.color_fff {
  color: #fff !important;
}
.display_none {
  display: none;
}
.navbar-right.header--right .btn-dnhap {
  border-right: 0px;
  color: #fff;
  text-align: center;
}
.navbar-right.header--right .btn-dky {
  color: #fff;
  text-align: center;
}
.padding-top_24 {
  padding-top: 24px;
}
.navbar-right.navbar-right__nli .btn-dnhap {
  border-right: 0px;
  color: #fff;
  text-align: center;
}
.navbar-right.navbar-right__nli .btn-dky {
  color: #fff;
  text-align: center;
}

.height_1 {
  height: 1px;
}
.not_login_dropdown .menu-main-vo {
  z-index: 1000;
  width: 100%;
  border-top: 1px solid #fff;
}
.backgroud-color_f4a43d {
  background-color: #f4a43d !important;
}
.padding-top_15 {
  padding-top: 15px;
}
.margin-right_15 {
  margin-right: 15px;
}
.header--item__dropdown-camnang .header--item__dropdown-camnang-link {
  color: #fff;
  display: flex;
  background-color: transparent;
  height: 46px;
  width: 51px;
  align-items: center;
  justify-content: center;
}
.header--item__dropdown-camnang .header--item__dropdown-camnang-icon {
  color: #fff;
  width: 15px;
  height: 15px;
}
#header__left--li {
  padding-top: 24px;
  margin-right: 15px;
}
#header__left--li .header--item .nav-link {
  color: #fff;
  text-align: center;
}
#dropdown__menu--lo .menu-main-vo {
  z-index: 1000;
  width: 100%;
  margin-bottom: 14px;
  border-top: 1px solid #fff;
}
.padding_0 {
  padding: 0px;
}
.margin-top_0 {
  margin-top: 0px !important;
}
#footWrapper {
  position: relative;
  z-index: 11;
  width: 100%;
}
.footer-top.footer-top-2 {
  padding: 15px 15px 50px;
}
.padding-top_10 {
  padding-top: 10px !important;
}
.footer-top.foot__padding .text-inner_footer {
  float: left;
  text-align: justify;
}
.line-height_15 {
  line-height: 15px !important;
}
.font-size_14 {
  font-size: 14px !important;
}
.display_inline-block {
  display: inline-block !important;
}
.zalo-chat-widget-container {
  width: 350px !important;
  height: 420px !important;
}
.flex_logo .icon_business_check .logo_dangkybocongthuong {
  width: 96px;
  height: 36px;
  display: flex;
  align-items: end;
  position: relative;
  right: 8px;
  bottom: -5px;
}
.navbar > .container-fluid .navbar-brand {
  margin-left: unset;
  color: #fff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover {
  background-color: transparent;
  color: #fff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  display: flex;
  align-items: center;
}
.flex-gap_4 {
  display: flex;
  align-items: center;
  gap: 4px;
}
.height_20 {
  height: 20px;
}
.flex_center {
  display: flex;
  align-items: center;
}
.text_align_end {
  text-align: end;
}
@media only screen and (max-width: 480px) {
  .navbar-brand {
    padding: 15px 4px;
  }
  .navbar-nav {
    margin: 0px 0px !important;
  }
  .menu-main-vo {
    left: 0;
  }
  .categories .subCategories {
    position: relative;
    top: 0;
    width: auto;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0 10px;
  }
  .list-group-item .dropdown_item_camnang {
    display: grid;
    grid-template-columns: fit-content(100%) 1fr;
    align-items: center;
  }
  .dropdown_item_camnang .dropdown_item_text {
    padding: 0 !important;
    height: fit-content;
    width: fit-content;
  }
}
.header--item__dropdown.dropdown-transaction {
  position: relative;
  margin-right: 15px !important;
  padding: 0 !important;
}

.header--item__dropdown.dropdown-transaction > a {
  background-color: #006ac1 !important;
  padding: 9px 12px !important;
  border-radius: 100px !important;
}

.dropdown-menu-transaction {
  border-radius: 8px !important;
  height: 91px;
  overflow: hidden;
}

.drop-menu-em {
  padding: 12px 0px !important;
}

.drop-menu-em > li:last-child > a {
  margin-top: 9px !important;
}

.drop-menu-em > li > a:hover {
  background-color: #f5f5f5 !important;
  color: #e95f07 !important;
}

/* Dropdown menu with menuleftMinh styling */
.dropdown-menu-menuleft {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 260px;
  max-width: 260px;
  padding: 0;
  margin-top: 8px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  z-index: 1000;
  display: none;
}

/* Ẩn khi có class closed */
.dropdown-menu-menuleft.closed {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Show dropdown menu when parent has open class */
.header--item__user.open > .dropdown-menu-menuleft,
.header--item__user.open .dropdown-menu-menuleft,
.drop-info-account.open > .dropdown-menu-menuleft,
.drop-info-account.open .dropdown-menu-menuleft {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.dropdown-menu-menuleft .dropdown-close-btn {
  position: absolute;
  top: 12px;
  left: 12px;
  background: transparent;
  border: none;
  font-size: 18px;
  color: #6b7280;
  cursor: pointer;
  z-index: 1001;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.dropdown-menu-menuleft .dropdown-close-btn:hover {
  background-color: #f3f4f6;
  color: #111928;
}

.dropdown-menu-menuleft .sidebar {
  margin-top: 0;
  min-width: 100%;
  max-width: 100%;
  position: relative;
}

.dropdown-menu-menuleft-home .sidebar {
  padding: 0 !important;
}
.dropdown-menu-menuleft #sidebar-container {
  position: relative;
  height: auto;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.dropdown-menu-menuleft .sidebar-expanded {
  display: block !important;
}

.dropdown-menu-menuleft .sidebar-expanded.d-none {
  display: block !important;
}

.dropdown-menu-menuleft .nav-sidebar {
  padding: 48px 12px 16px 12px !important;
  margin: 0;
  border-radius: 0;
}

.dropdown-menu-menuleft .sidebar {
  padding-top: 0;
}

/* Nút đóng: desktop ẩn, mobile hiện với padding */
.dropdown-menu-menuleft__close {
  display: none;
  padding-top: 12px !important;
  padding-bottom: 20px !important;
}

/* Hide sidebar when in dropdown on desktop view */
@media (min-width: 768px) {
  .dropdown-menu-menuleft .sidebar {
    display: block;
  }
}

/* ===== Mobile: dropdown menuleft full màn hình (cùng nội dung desktop), đè footer ===== */
@media (max-width: 768px) {
  .header--item__user.open .dropdown-menu-menuleft,
  .header--item__user.open .dropdown-menu-menuleft:not(.closed) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 !important;
    z-index: 10050 !important;
    display: flex !important;
    flex-direction: row !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  .dropdown-menu-menuleft-overlay {
    display: none;
    flex: 1;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    pointer-events: none;
  }
  .header--item__user.open
    .dropdown-menu-menuleft
    .dropdown-menu-menuleft-overlay {
    display: block !important;
    pointer-events: auto !important;
  }
  .dropdown-menu-menuleft-panel {
    display: none;
    width: 75%;
    max-width: 320px;
    height: 100%;
    min-height: 0;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    box-shadow: -2px 0 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
  }
  .header--item__user.open
    .dropdown-menu-menuleft
    .dropdown-menu-menuleft-panel {
    display: block !important;
  }
  /* Override d-none d-md-block: hiện nội dung menuleft trong panel trên mobile */
  .dropdown-menu-menuleft-panel #sidebar-container,
  .dropdown-menu-menuleft-panel #sidebar-container.d-none.d-md-block,
  .dropdown-menu-menuleft-panel .sidebar-expanded.d-none.d-md-block,
  .dropdown-menu-menuleft-panel .sidebar,
  .dropdown-menu-menuleft-panel #sidebarz {
    display: block !important;
    visibility: visible !important;
  }
  .dropdown-menu-menuleft-panel .sidebar,
  .dropdown-menu-menuleft-panel #sidebarz {
    padding-top: 32px;
    margin-top: 0 !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    padding-left: 0;
    padding-right: 0;
  }
  .dropdown-menu-menuleft-panel #sidebar-container {
    height: auto !important;
    max-height: none !important;
    padding-bottom: 24px;
  }
  .dropdown-menu-menuleft-panel .nav-sidebar {
    padding: 48px 12px 32px 12px !important;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
  }
  .dropdown-menu-menuleft__close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: none;
    border: none;
    padding: 12px 16px 20px 16px !important;
    padding-top: 12px !important;
    padding-bottom: 20px !important;
    cursor: pointer;
    color: #1f2a37;
    font-size: 22px;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
  }
  .dropdown-menu-menuleft__close:hover,
  .dropdown-menu-menuleft__close:focus {
    color: #111;
  }
  .dropdown-menu-menuleft__close {
    display: block !important;
  }
  .dropdown-menu-menuleft__close i {
    display: block;
  }
}

@media (min-width: 769px) {
  .dropdown-menu-menuleft__close {
    display: none !important;
  }
}

/* Fix #footWrapper width 100% cho các trang cụ thể - ĐẶT NGAY SAU RULE MẶC ĐỊNH */
/* Trang: nha-tuyen-dung.html, gioi-thieu-tim-ho-so-ung-vien.html, gioi-thieu-dang-tin-tuyen-dung.html, gioi-thieu-cong-ty với preview=1 */
body.page-intro-find-cv #footWrapper,
body.page-intro-post-job #footWrapper,
body.page-company-detail-preview #footWrapper,
body.intro-find-cv #footWrapper,
body.intro-post-job #footWrapper,
body.company-detail-preview #footWrapper {
  width: 100% !important;
  float: right !important;
}

/* Override cho tất cả media queries */
@media (min-width: 768px) and (max-width: 1899px) {
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper,
  body[data-page="intro-find-cv"] #footWrapper,
  body[data-page="intro-post-job"] #footWrapper,
  body[data-page="company-detail-preview"] #footWrapper {
    width: 100% !important;
    float: right !important;
  }
}

@media (min-width: 481px) and (max-width: 640px) {
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper {
    width: 100% !important;
    float: right !important;
  }
}

@media (min-width: 600px) and (max-width: 768px) {
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper {
    width: 100% !important;
    float: right !important;
  }
}

@media (max-width: 991px) {
  body.page-intro-find-cv #footWrapper,
  body.page-intro-post-job #footWrapper,
  body.page-company-detail-preview #footWrapper,
  body.intro-find-cv #footWrapper,
  body.intro-post-job #footWrapper,
  body.company-detail-preview #footWrapper {
    width: 100% !important;
    float: right !important;
  }
}

/* Khi menu mobile mở: phần đằng sau không scroll được */
body.employer-menu-open {
  overflow: hidden !important;
  touch-action: none;
}

/* Submenu item trong dropdown: cố định chiều cao 1 dòng, tránh thẻ a đầu tiên/quá cao làm vỡ layout */
.dropdown-menu-menuleft .sidebar-submenu .list-group-item {
  display: flex !important;
  align-items: center !important;
  min-height: 41px !important;
  max-height: 48px !important;
  padding: 10px 8px 10px 51px !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.dropdown-menu-menuleft .sidebar-submenu .list-group-item span,
.dropdown-menu-menuleft .sidebar-submenu .list-group-item .menu-collapsed {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Submenu collapse trong dropdown menuleft: đóng = ẩn, mở = hiện (áp dụng mọi viewport) */
.dropdown-menu-menuleft .collapse:not(.in):not(.show),
.dropdown-menu-menuleft .sidebar-submenu:not(.in):not(.show) {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
.dropdown-menu-menuleft .collapse.in,
.dropdown-menu-menuleft .collapse.show,
.dropdown-menu-menuleft .sidebar-submenu.in,
.dropdown-menu-menuleft .sidebar-submenu.show {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  visibility: visible !important;
}