@charset "UTF-8";
@font-face {
  font-family: "SF UI Text";
  font-weight: 700;
  src: url("../fonts/SFUIText-Bold.ttf");
}
/** Bold Italic */
@font-face {
  font-family: "SF UI Text";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/SFUIText-BoldItalic.ttf");
}
/** Heavy */
@font-face {
  font-family: "SF UI Text";
  font-weight: 800;
  src: url("../fonts/SFUIText-Heavy.ttf");
}
/** Heavy Italic */
@font-face {
  font-family: "SF UI Text";
  font-weight: 800;
  font-style: italic;
  src: url("../fonts/SFUIText-HeavyItalic.ttf");
}
/** Light */
@font-face {
  font-family: "SF UI Text";
  font-weight: 200;
  src: url("../fonts/SFUIText-Light.ttf");
}
/** Light Italic */
@font-face {
  font-family: "SF UI Text";
  font-weight: 200;
  font-style: italic;
  src: url("../fonts/SFUIText-LightItalic.ttf");
}
/** Medium */
@font-face {
  font-family: "SF UI Text";
  font-weight: 500;
  src: url("../fonts/SFUIText-Medium.ttf");
}
/** Medium Italic */
@font-face {
  font-family: "SF UI Text";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/SFUIText-MediumItalic.ttf");
}
/** Regular */
@font-face {
  font-family: "SF UI Text";
  font-weight: 400;
  src: url("../fonts/SFUIText-Regular.ttf");
}
/** Semibold */
@font-face {
  font-family: "SF UI Text";
  font-weight: 600;
  src: url("../fonts/SFUIText-Semibold.ttf");
}
/** Semibold Italic */
@font-face {
  font-family: "SF UI Text";
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/SFUIText-SemiboldItalic.ttf");
}
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: SF UI Text, sans-serif;
  font-style: normal;
  font-size: 16px;
  margin: 0 !important;
}
body .inputIcon {
  position: relative;
}
body .inputIcon input {
  width: 100%;
  height: 100%;
  border: 1px solid #D4D5D9;
  box-sizing: border-box;
  border-radius: 4px;
  padding-right: 40px;
  padding-left: 10px;
}
body .inputIcon img {
  position: absolute;
  right: 10px;
  top: 8px;
}
body ul.recruitment {
  list-style-type: none;
  margin-bottom: unset !important;
}
body ul.recruitment li {
  cursor: pointer;
}
body button, body input[type=checkbox], body label[for^=cbx] {
  cursor: pointer;
}
body label {
  font-weight: normal;
  margin: 0;
}
body .W25F2400-spanWorkPlace, body .W25F2400-spanDateTo, body .W25F2400-spanSalary {
  font-size: 12px;
  color: #7F828E;
}
body .W25F2400-divWorkPlace, body .W25F2400-divDateTo, body .W25F2400-divSalary {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
body .W25F2400-divWorkPlace img, body .W25F2400-divDateTo img, body .W25F2400-divSalary img {
  width: 12px;
  height: 12px;
  margin-top: 2px;
  margin-right: 5px;
}
body .W25F2400-divWorkPlace, body .W25F2400-divDateTo {
  margin-bottom: 5px;
}
body .W25F2400-recBorder {
  border-bottom: 1px solid #D4D5D9;
}
body .mg10 {
  margin: 10px 0;
}
body a, body a:hover {
  text-decoration: none;
}
body .disabled {
  pointer-events: none !important;
}
body .loaderCont {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 9999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: unset;
  background-color: rgba(255, 255, 255, 0.7);
}
body .loader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  animation: spin 2s linear infinite;
}
body .hidden {
  display: none !important;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body #scrollToTop {
  display: block;
  background: linear-gradient(0deg, #0095FF, #0095FF);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
}
body #scrollToTop:after {
  content: "🠕";
  color: #fff;
  font-size: 2em;
  line-height: 40px;
}
body #scrollToTop:hover {
  cursor: pointer;
  background: linear-gradient(0deg, #0056B7, #0056B7);
}
body #scrollToTop.show {
  opacity: 1;
  visibility: visible;
}
body .W25F2400-divHeader {
  display: flex;
  flex-direction: column;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-blend-mode: multiply;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: 64px;
  margin: 0 auto;
  justify-content: flex-start;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar img {
  height: 48px;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar ul {
  display: flex;
  flex-direction: row;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar ul li {
  padding: 0 10px;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar ul li a {
  color: white;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar ul .actived {
  color: #0095FF;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divLanguageCont {
  justify-self: flex-end;
  margin-left: auto;
  display: flex;
  align-items: center;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divLanguageCont .W25F2400-divLanguage {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divLanguageCont .W25F2400-divLanguage span {
  margin-left: 10px;
}
body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divLanguageCont button {
  display: flex;
  align-items: center;
  height: 32px;
  background: #0095FF;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 10px 12px;
  color: white;
}
body .W25F2400-divHeader .W25F2400-divHeaderText {
  display: flex;
  flex-direction: column;
  margin: auto;
  color: white;
  justify-content: center;
  min-height: 352px;
  padding-bottom: 64px;
}
body .W25F2400-divHeader .W25F2400-divHeaderText .W25F2400-h1Header {
  font-weight: bold;
  font-size: 64px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 18px;
  padding: 0 10px;
  word-break: break-word;
}
body .W25F2400-divHeader .W25F2400-divHeaderText .W25F2400-h2SubHeader {
  font-weight: 500;
  font-size: 20px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  padding: 0 10px;
  margin: unset;
  word-break: break-word;
}
body .W25F2400-divSearchCont {
  height: 160px;
  background: rgba(27, 27, 27, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .W25F2400-divSearchCont .W25F2400-spanTotaljobs {
  margin-bottom: 16px;
  padding: 0 50px;
  font-size: 18px;
  line-height: 22px;
}
body .W25F2400-divSearchCont .W25F2400-divSearch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
}
body .W25F2400-divSearchCont .W25F2400-divSearch .W25F2400-labelInputIcon {
  width: 600px;
  height: 40px;
}
body .W25F2400-divSearchCont .W25F2400-divSearch button {
  padding: 0 10px;
  margin-left: 24px;
  background: linear-gradient(0deg, #0095FF, #0095FF);
  border-radius: 24px;
  outline: none;
  border: none;
  width: 185px;
  height: 40px;
  color: white;
  font-weight: 700;
  font-size: 14px;
}
body .W25F2400-divSearchCont .W25F2400-divSearch button:hover {
  background: linear-gradient(0deg, #0056B7, #0056B7);
}
body .W25F2400-divContent {
  display: flex;
  flex-direction: row;
  width: 95%;
  margin: 60px auto 0;
  padding-bottom: 10px;
}
body .W25F2400-divContent .W25F2400-divFilter {
  width: 15%;
  height: fit-content;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divFilterIcon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #0095FF;
  font-size: 20px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divFilterIcon div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divFilterIcon div img {
  margin-right: 8px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divFilterIcon .W25F2400-spanArrow:after {
  content: "▲";
  font-size: 16px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divFilterIcon .W25F2400-spanArrow.isHidden:after {
  content: "▼";
  font-size: 16px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-spanChild {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 12px;
  text-align: left;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-spanChild:after {
  content: "▲";
  font-size: 14px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-spanChild.isHidden:after {
  content: "▼";
  font-size: 14px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-labelChild {
  width: 100%;
  height: 32px;
  margin-bottom: 12px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-labelChild input {
  padding-right: 35px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-labelChild img {
  width: 16px;
  height: 16px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: unset;
  padding: unset;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter ul li {
  display: flex;
  align-items: center;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter ul li input {
  min-width: 14px;
  min-height: 14px;
  margin: 7px 7px 7px 0;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter ul li label {
  text-align: left;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-divShareIcons {
  margin-top: 8px;
}
body .W25F2400-divContent .W25F2400-divFilter .W25F2400-divChildFilter .W25F2400-divShareIcons img {
  margin-right: 15px;
  cursor: pointer;
}
body .W25F2400-divContent .W25F2400-divJob {
  width: 70%;
  padding: 0 50px;
  text-align: left;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divWelcome {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: 1px solid #D4D5D9;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divWelcome .W25F2400-spanWelcome, body .W25F2400-divContent .W25F2400-divJob .W25F2400-divWelcome .W25F2400-spanSubWelcome {
  white-space: pre-wrap;
  text-align: left;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divWelcome .W25F2400-spanWelcome {
  font-size: 28px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divWelcome .W25F2400-spanSubWelcome {
  font-size: 14px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-spanDepartmentName {
  font-size: 28px;
  color: #0095FF;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #D4D5D9;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  width: calc(100% - 150px);
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo .W25F2400-divRecTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo .W25F2400-divRecTitle .W25F2400-spanRecTitle {
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
  text-align: left;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo .W25F2400-divRecTitle .W25F2400-spanRecTitle:hover {
  color: #0056B7;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo .W25F2400-divRecTitle img {
  margin-left: 10px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo .W25F2400-spanRecDes {
  font-weight: 300;
  font-size: 14px;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec button {
  font-weight: bold;
  font-size: 12px;
  color: white;
  background: linear-gradient(0deg, #0095FF, #0095FF);
  border-radius: 24px;
  border: none;
  outline: none;
  padding: 10px 20px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec button:hover {
  background: linear-gradient(0deg, #0056B7, #0056B7);
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 65px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .page_icon, body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .page_number {
  display: flex;
  align-items: center;
  margin: 4px;
  border-radius: 4px;
  border: 1px solid white;
  cursor: pointer;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .page_icon:hover, body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .page_number:hover {
  background: linear-gradient(0deg, #F5F5F5, #F5F5F5);
  border: 1px solid #C4C4C4;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .page_icon {
  padding: 6px 9px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .page_number {
  padding: 2px 9.27px;
}
body .W25F2400-divContent .W25F2400-divJob .W25F2400-divPagination .actived {
  pointer-events: none;
  background: linear-gradient(0deg, #0095FF, #0095FF);
  color: white;
}
body .W25F2400-divContent .W25F2400-divUrgent {
  width: 15%;
  height: fit-content;
}
body .W25F2400-divContent .W25F2400-divUrgent .W25F2400-divUrgentIcon {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #0095FF;
  font-size: 20px;
}
body .W25F2400-divContent .W25F2400-divUrgent .W25F2400-divUrgentIcon img {
  margin-right: 10px;
}
body .W25F2400-divContent .W25F2400-divUrgent .W25F2400-divUrgentRec {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
body .W25F2400-divContent .W25F2400-divUrgent .W25F2400-divUrgentRec .W25F2400-divRecInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 0;
}
body .W25F2400-divContent .W25F2400-divUrgent .W25F2400-divUrgentRec .W25F2400-divRecInfo .W25F2400-spanRecTitle {
  font-weight: 500;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: left;
}
body .W25F2400-divContent .W25F2400-divUrgent .W25F2400-divUrgentRec .W25F2400-divRecInfo .W25F2400-spanRecTitle:hover {
  color: #0056B7;
}
body .W25F2400-divCompanyDes {
  padding: 50px 15%;
  border-top: 1px solid #D4D5D9;
  border-bottom: 1px solid #D4D5D9;
}
body .W25F2400-divFooterCont {
  background: rgba(27, 27, 27, 0.04);
  border-top: 1px solid #D4D5D9;
}
body .W25F2400-divFooterCont .W25F2400-divFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 70%;
  margin: auto;
  padding: 50px 0;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact, body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2, body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 33.3333333333%;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact {
  text-align: left;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact .W25F2400-spanContact {
  font-weight: 600;
  text-transform: uppercase;
  word-break: break-word;
  margin-bottom: 5px;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact .W25F2400-divAddress {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact .W25F2400-divAddress img {
  margin-right: 10px;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2 {
  word-break: break-word;
  margin: 24px 24px 0;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2 div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2 div img {
  margin-right: 10px;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2 div a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: black;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont {
  text-align: left;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont .W25F2400-spanConnect {
  font-weight: 600;
  text-transform: uppercase;
  word-break: break-word;
  margin-bottom: 5px;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont .W25F2400-divConnect {
  display: flex;
  flex-direction: column;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont .W25F2400-divConnect a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: black;
}
body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont .W25F2400-divConnect a img {
  margin-right: 10px;
}
body .W25F2400-divFooterCont p {
  margin: unset;
  padding: 20px;
  background: rgba(27, 27, 27, 0.1);
}
body .W25F2405-divDetail {
  width: 80%;
  margin: 50px auto 0;
  text-align: left;
}
body .W25F2405-divDetail .W25F2405-divBreadcrumb .W25F2400-breadcrumbText {
  font-size: 16px;
  color: #0095FF;
}
body .W25F2405-divDetail .W25F2405-divBreadcrumb span {
  cursor: pointer;
}
body .W25F2405-divDetail .W25F2405-divBreadcrumb img {
  margin: 0 5px;
}
body .W25F2405-divDetail .W25F2405-divRecTitle {
  margin-top: 32px;
}
body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-spanRecTitle {
  font-weight: 500;
  font-size: 28px;
}
body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-divRecIcon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 16px;
}
body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-divRecIcon div {
  margin-right: 32px;
}
body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-divRecIcon div .W25F2405-recIcon {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}
body .W25F2405-divDetail .W25F2405-divRecCont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 45px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont {
  display: flex;
  flex-direction: column;
  width: 60%;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-divRecDes {
  padding-bottom: 45px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-spanFormTitle {
  font-weight: 500;
  font-size: 28px;
  margin: 0 0 30px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  position: relative;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild label {
  width: fit-content;
  font-weight: 500;
  color: #666666;
  margin-bottom: 10px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild input {
  padding: 0 15px;
  height: 32px;
  border: 1px solid #D4D5D9;
  box-sizing: border-box;
  border-radius: 4px;
  color: black;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .inputIcon {
  width: 100%;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .inputIcon img {
  top: 4px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divGenderCont {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divGenderCont .W25F2405-divGender {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divGenderCont .W25F2405-divGender input {
  margin-right: 10px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divGenderCont .W25F2405-divGender label {
  margin-bottom: unset;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(27, 27, 27, 0.05);
  border: 1px dashed #D4D5D9;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  z-index: 2;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume .W25F2405-divFileCont {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume .W25F2405-divFileCont .W25F2405-divFile {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  position: relative;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume .W25F2405-divFileCont .W25F2405-divFile img {
  width: 50px;
  height: 50px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume .W25F2405-divFileCont .W25F2405-divFile span {
  font-size: 14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume .W25F2405-divFileCont .W25F2405-divFile .W25F2400-spanRemoveIcon {
  position: absolute;
  top: 0;
  right: 25px;
  width: fit-content;
  display: none;
  align-items: center;
  justify-content: center;
  color: white;
  background: black;
  opacity: 0.5;
  line-height: 0.5;
  padding: 5px;
  border-radius: 50%;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild .W25F2405-divResume .W25F2405-divFileCont .W25F2405-divFile:hover > .W25F2400-spanRemoveIcon {
  display: flex;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild #W25F2405-resume {
  position: absolute;
  top: 35px;
  width: 100%;
  opacity: 0;
  z-index: 1;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob .W25F2405-divFormChild label.error {
  font-size: 14px;
  color: red;
  order: 4;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob input[type=submit] {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background: #0095FF;
  border-radius: 4px;
  padding: 5px 0;
  width: 100%;
  outline: none;
  border: none;
  margin-top: 15px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-shareThisJob {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 40px 0 50px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-shareThisJob .W25F2405-divShareIcons img {
  cursor: pointer;
  margin: 0 5px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont {
  width: 25%;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont button {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background: #0095FF;
  border-radius: 4px;
  outline: none;
  border: none;
  padding: 10px 0;
  width: 100%;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont button:disabled,
#btnSubmitForm:disabled {
  background: #9dbfd9;
  color: #eef6fc;
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divRecInfo {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divRecInfo span {
  padding: 10px 0;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divRecInfo .W25F2405-recBorder {
  border-bottom: 1px solid #D4D5D9 !important;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont {
  margin-top: 45px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobsTilte {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobsTilte img {
  margin-right: 7px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobsTilte span {
  color: #0095FF;
  font-size: 20px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs {
  display: flex;
  flex-direction: column;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-spanSJTitle {
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 15px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-spanSJTitle:hover {
  color: #0056B7;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divWorkPlace, body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divDateTo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divWorkPlace img, body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divDateTo img {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divWorkPlace span, body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divDateTo span {
  font-size: 12px;
  color: #7F828E;
}
body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-divWorkPlace {
  margin-bottom: 5px;
}

#w25f2405_employee_apply_modal .modal-body .form-group {
  margin-bottom: 0px !important;
}
#w25f2405_employee_apply_modal .modal-body #w25f2405_employee_apply_attachment_required_message {
  visibility: hidden;
  padding: 5px !important;
  margin-bottom:0px !important;
  font-size: 13px !important;
}
#w25f2405_employee_apply_modal .modal-body button {
  margin-top: 0px;
}

body .W25F2406-form {
  margin-top: 20px;
}
body .W25F2406-form .W25F2406-legend-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    width: 100%;
}
body .W25F2406-form .W25F2406-toggle-arrow {
    padding-right: 5px;
    transition-duration: 200ms;
}
body .W25F2406-form .W25F2406-toggle-arrow-transform {
    transform: rotateZ(-90deg);
}
body .W25F2406-form .W25F2406-toggle-container {
    display: none;
    padding-left: 25px;
}
body .W25F2406-form .W25F2406-toggle-container button {
    background: #7F828E;
    text-transform: uppercase;
    outline: none;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    padding: 12px;
    margin-top: 10px;
    margin-left: -15px;
}
.WW25F2406-divFormTitle-Container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.W25F2406-divFormTitle {
    display: inline-block;
    margin-right: 16px;
}

.scan-dropdown {
    position: relative;
    display: inline-block;
    font-family: inherit;
}
.scan-btn {
    border: 2px solid #A259FF;
    color: #A259FF;
    background: #FFF;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    outline: none;
}

.scan-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 110%;
    min-width: 180px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(44,62,80,0.08);
    padding: 6px 0;
    z-index: 100;
    margin-top: 6px;
}
.scan-menu.active {
    display: block;
}
.scan-menu-item {
    padding: 10px 20px;
    color: #1A1A1A;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}
.scan-menu-item:hover, .scan-menu-item.active {
    background: #e6f0ff;
}
.scan-menu-item svg {
    width: 20px;
    height: 20px;
}


body .bodyAdmin-divCont {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F5F5F5;
  height: 100vh;
}
body .bodyAdmin-divCont .adminLogin-divCont, body .bodyAdmin-divCont .adminConfig-divCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  padding: 20px;
  border: solid 1px #D4D5D9;
  border-radius: 4px;
  background: white;
}
body .bodyAdmin-divCont .adminLogin-divCont span {
  font-size: 20px;
  margin-bottom: 10px;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm {
  width: 100%;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm .adminLogin-divPassword {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm .adminLogin-divPassword label {
  width: fit-content;
  font-weight: 500;
  color: #666666;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm .adminLogin-divPassword input {
  width: 100%;
  height: 36px;
  border: 1px solid #D4D5D9;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 10px;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm .adminLogin-divPassword label.error {
  font-size: 14px;
  color: red;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm button {
  width: 100%;
  background: #0095FF;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 10px 12px;
  color: white;
}
body .bodyAdmin-divCont .adminLogin-divCont #adminLoginForm button i {
  font-size: 16px;
}
body .bodyAdmin-divCont .adminConfig-aLogout {
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  color: #212529;
  border: 1px solid transparent;
  background-color: #F5F5F5;
  outline: none;
}
body .bodyAdmin-divCont .adminConfig-aLogout:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
body .bodyAdmin-divCont .adminConfig-divCont span {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm {
  width: 100%;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divHost, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPort, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divDB, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divUser, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPass {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divHost label, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPort label, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divDB label, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divUser label, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPass label {
  width: fit-content;
  font-weight: 500;
  color: #666666;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divHost input, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPort input, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divDB input, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divUser input, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPass input {
  width: 100%;
  height: 36px;
  border: 1px solid #D4D5D9;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 10px;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divHost label.error, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPort label.error, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divDB label.error, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divUser label.error, body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm .adminConfig-divPass label.error {
  font-size: 14px;
  color: red;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm button {
  width: 100%;
  background: #0095FF;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 10px 12px;
  color: white;
}
body .bodyAdmin-divCont .adminConfig-divCont #adminConfigMongoForm button i {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .W25F2400-divContent {
    flex-direction: column !important;
  }
  .W25F2400-divContent .W25F2400-divFilter, .W25F2400-divContent .W25F2400-divJob, .W25F2400-divContent .W25F2400-divUrgent {
    width: 100% !important;
  }
  .W25F2400-divContent .W25F2400-divFilter, .W25F2400-divContent .W25F2400-divUrgent {
    margin-bottom: 50px;
  }
  .W25F2400-divContent .W25F2400-divJob {
    order: 3;
    padding: 0 !important;
  }
  .W25F2400-divContent .W25F2400-divUrgent {
    order: 2;
  }

  .W25F2400-divFooter {
    flex-direction: column !important;
  }
  .W25F2400-divFooter .W25F2400-divContact, .W25F2400-divFooter .W25F2400-divContact2, .W25F2400-divFooter .W25F2400-divConnectCont {
    width: 100% !important;
  }
  .W25F2400-divFooter .W25F2400-divContact2 {
    margin: 10px 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .W25F2400-divNavbar ul {
    padding-left: 10px !important;
  }

  .W25F2405-divRecIcon {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
@media screen and (max-width: 500px) {
  .W25F2400-divNavbarCont .W25F2400-divNavbar a img {
    height: 28px !important;
  }
}
@media screen and (max-width: 400px) {
  .W25F2400-divNavbarCont {
    width: 95% !important;
  }
}
@media screen and (max-width: 300px) {
  .W25F2400-divLanguage span {
    display: none;
  }
}

/*# sourceMappingURL=app.css.map */
/* Styles for ID card upload modal */
/* [HRJOB-298034] [W25f2406_HRJOB-298034] Phát triển tính năng Scan CCCD ở trang php Cổng tuyển dụng */
.w25f2406_modal_container .id-card-section {
    border: 1px dashed #bbb;
    border-radius: 8px;
    padding: 10px 8px;
    margin-bottom: 8px;
    min-height: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.w25f2406_modal_container .id-card-label {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.w25f2406_modal_container .id-card-actions {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.w25f2406_modal_container .id-card-invalid {
    color: #e11;
    font-size: 13px;
    margin-top: 3px;
    display: none;
}

.w25f2406_modal_container .id-card-container {
    position: relative;
    margin-top: 8px;
    width: 100%;
    max-width: 320px;
    /* or your desired max width */
    aspect-ratio: 1.586 / 1;
    /* ID card ratio */
    max-height: 202px;
    /* 320 / 1.586 ≈ 202 */
    background: #f8f8f8;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w25f2406_modal_container .id-card-img-preview {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

.w25f2406_modal_container .id-card-container.has-image .id-card-icons {
    display: none;
}

.w25f2406_modal_container .id-card-container.has-image:hover .id-card-icons {
    display: flex;
}
.w25f2406_modal_container .id-card-container .id-card-icons .btn-remove-image {
    display: none;
}
.w25f2406_modal_container .id-card-container.has-image:hover .id-card-icons .btn-remove-image {
    display: flex;
}

.w25f2406_modal_container .border-red {
    border: 2px solid red !important;
}

.w25f2406_modal_container .id-card-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    z-index: 2;
    gap: 18px;
}

.w25f2406_modal_container .id-card-icons .btn {
    width: 48px;
    height: 48px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
}

.w25f2406_modal_container .id-card-icons .glyphicon {
    font-size: 28px;
}

.w25f2406_modal_container .btn-id-card-upload {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background: #0095FF;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 10px 15px;
    display: block;
}

.w25f2406_modal_container .just-end {
    display: flex;
    justify-content: flex-end;
}

/* webcam capture image */
.w25f2406_modal_container #w25f2406_capture_id_modal {
    z-index: 1060 !important;
}

.w25f2406_modal_container #w25f2406_capture_id_modal .modal-dialog {
    z-index: 1061 !important;
}

.w25f2406_modal_container #w25f2406_capture_id_modal+.modal-backdrop {
    z-index: 1059 !important;
}

.w25f2406_modal_container .webcam-preview {
    background: #e5eaf1;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1.586 / 1.2;
    position: relative;
    height: auto;
    margin: 0 auto;
    /* Center horizontally */
}

@supports not (aspect-ratio: 1) {
    .webcam-preview {
        height: 0;
        padding-bottom: 63%;
        /* 1 / 1.586 ≈ 0.63 */
    }
}

.w25f2406_modal_container .webcam-preview video,
.w25f2406_modal_container .webcam-preview img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.w25f2406_modal_container .btn-group-capture {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.w25f2406_modal_container #snap {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background: #0095FF;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 10px 0;
    width: 100%;
    display: block;
}

.w25f2406_modal_container #snap:disabled {
    background: #ccc;
    color: #888;
    cursor: not-allowed;
    opacity: 0.7;
}

.w25f2406_modal_container .webcam-preview canvas#overlay-qr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
}
/* ensure processing canvas remains hidden */
.w25f2406_modal_container #canvas-qr { 
    display: none; 
}

/* Mobile responsive overrides for recruitment detail/application pages */
@media screen and (max-width: 991px) {
  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec {
    flex-direction: column;
    align-items: flex-start;
  }

  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo {
    width: 100%;
    margin-right: 0;
  }

  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec button {
    margin-top: 10px;
    align-self: flex-start;
  }

  body .W25F2405-divDetail {
    width: calc(100% - 32px);
    margin: 24px auto 0;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont {
    flex-direction: column;
    margin-top: 24px;
    gap: 20px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont,
  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont {
    width: 100%;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont {
    margin-top: 0;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont > button:not(#w25f2405_apply_btn) {
    display: none;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont {
    margin-top: 24px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont button,
  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont #W25F2405-formApplicationJob input[type=submit],
  body .W25F2406-form #btnSubmitForm {
    width: 100%;
    min-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec {
    flex-direction: column;
    align-items: flex-start;
  }

  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo {
    width: 100%;
    margin-right: 0;
  }

  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec button {
    margin-top: 10px;
    align-self: flex-start;
  }

  body .W25F2400-divHeader .W25F2400-divNavbarCont {
    width: calc(100% - 20px);
    height: 52px;
  }

  body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar img {
    height: 34px;
  }

  body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar ul {
    padding-left: 8px;
  }

  body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divNavbar ul li {
    padding: 0 6px;
  }

  body .W25F2400-divHeader .W25F2400-divNavbarCont .W25F2400-divLanguageCont .W25F2400-divLanguage span {
    margin-left: 6px;
    font-size: 13px;
  }

  body .W25F2405-divDetail {
    width: calc(100% - 16px);
    margin-top: 16px;
  }

  body .W25F2405-divDetail .W25F2405-divBreadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 6px;
  }

  body .W25F2405-divDetail .W25F2405-divBreadcrumb .W25F2400-breadcrumbText {
    font-size: 14px;
    line-height: 20px;
  }

  body .W25F2405-divDetail .W25F2405-divRecTitle {
    margin-top: 18px;
  }

  body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-spanRecTitle {
    font-size: 40px;
    line-height: 1.15;
    display: block;
    word-break: break-word;
  }

  body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-divRecIcon {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 0;
    margin-top: 12px;
  }

  body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-divRecIcon > div {
    width: 100%;
    margin-right: 0;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont {
    margin-top: 18px;
    gap: 16px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-divRecDes {
    padding-bottom: 20px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-spanFormTitle {
    font-size: 38px;
    margin: 0;
    line-height: 1.2;
  }

  body .WW25F2406-divFormTitle-Container {
    margin-bottom: 16px;
    gap: 10px;
  }

  body .scan-btn {
    width: 100%;
    justify-content: center;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 6px;
  }

  body .scan-btn svg {
    width: 18px;
    height: 18px;
  }

  body .scan-menu {
    min-width: 180px;
    left: auto;
    right: 0;
  }

  body .scan-menu-item {
    font-size: 14px;
    padding: 10px 14px;
  }

  body .W25F2406-form {
    margin-top: 12px;
  }

  body .W25F2406-form .W25F2406-toggle-container {
    padding-left: 0;
  }

  body .W25F2406-form fieldset {
    margin-bottom: 10px;
  }

  body .W25F2406-form .row {
    margin-left: -6px;
    margin-right: -6px;
  }

  body .W25F2406-form [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
  }

  body .W25F2406-form .wform-control,
  body .W25F2406-form .form-group {
    margin-bottom: 8px;
  }

  body .W25F2406-form .form-attachment {
    padding: 12px 10px;
  }

  body .W25F2406-form .form-attachment span {
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont > button:not(#w25f2405_apply_btn) {
    display: none;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divRecInfo {
    margin-top: 0;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divRecInfo span {
    padding: 8px 0;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobsTilte {
    margin-bottom: 14px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobsTilte span {
    font-size: 30px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont .W25F2405-divSimilarJobsCont .W25F2405-divSimilarJobs .W25F2405-divSimilarJob .W25F2405-spanSJTitle {
    margin-bottom: 10px;
  }

  body .W25F2400-divFooterCont .W25F2400-divFooter {
    width: calc(100% - 24px);
    padding: 24px 0;
    flex-direction: column;
    gap: 12px;
  }

  body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact,
  body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2,
  body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divConnectCont {
    width: 100%;
  }

  body .W25F2400-divFooterCont .W25F2400-divFooter .W25F2400-divContact2 {
    margin: 0;
  }

  body .W25F2400-divFooterCont > p {
    padding: 12px 10px;
    margin: 0;
    font-size: 13px;
    text-align: center;
  }
}

@media screen and (max-width: 575px) {
  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec {
    flex-direction: column;
    align-items: flex-start;
  }

  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec .W25F2400-divRecInfo {
    width: 100%;
    margin-right: 0;
  }

  body .W25F2400-divContent .W25F2400-divJob .W25F2400-divDepartment .W25F2400-divRec button {
    margin-top: 10px;
    align-self: flex-start;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divRightCont > button:not(#w25f2405_apply_btn) {
    display: none;
  }

  body .W25F2405-divDetail .W25F2405-divRecTitle .W25F2405-spanRecTitle {
    font-size: 34px;
  }

  body .W25F2405-divDetail .W25F2405-divRecCont .W25F2405-divLeftCont .W25F2405-spanFormTitle {
    font-size: 32px;
  }

  body .W25F2406-form .W25F2406-legend-toggle {
    font-size: 16px;
    line-height: 1.35;
  }

  body .W25F2406-form .W25F2406-toggle-container button {
    width: 100%;
    margin-left: 0;
  }

  body .W25F2400-divHeader .W25F2400-divNavbarCont {
    height: auto;
    min-height: 48px;
    padding: 8px 0;
  }
}