.section_form_create_order_list h1,
.section_form_line h1,
.section_form_line h2,
.section_info_list_po_search h1,
.select_company_home h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 26px; /*18px*/
  line-height: 22px;
  color: #008043;
  text-align: center;
  font-family: db_heavent;
  margin-bottom: 0;
}
body {
  margin: 0;
  border: 0;
  padding: 0;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f7f7f7;
  font-family: Prompt, sans-serif;
  position: relative;
  padding-bottom: 30px;
}
.body_line {
  background-color: #fff;
  font-family: db_heavent;
}
a,
input,
select {
  -webkit-appearance: none;
  border-radius: 0;
}
a[href^="mailto"],
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
.wrapper_page {
  width: 1280px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .wrapper_page {
    width: 1070px;
  }
}
@media (max-width: 1070px) {
  .wrapper_page {
    width: calc(100% - 80px);
  }
}
@media (max-width: 970px) {
  .wrapper_page {
    width: calc(100% - 90px);
  }
}
@media (max-width: 767px) {
  .wrapper_page {
    width: calc(100% - 50px);
  }
}
#section_logic .wrapper_outer_login {
  height: 100vh;
  display: flex;
  align-items: center;
}
#section_logic .wrapper_outer_login .wrapper_login {
  height: auto;
}
#section_logic .wrapper_outer_login .wrapper_login .wrap_logo {
  pointer-events: none;
}
#section_logic .wrapper_outer_login .wrapper_login .wrap_logo img {
  display: block;
  margin: 0 auto;
}
#section_logic .wrapper_outer_login .wrapper_login .wrap_input_login {
  padding-top: 52px;
}
#section_logic
  .wrapper_outer_login
  .wrapper_login
  .wrap_input_login
  .input_field {
  height: 50px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.4px;
}
#section_logic
  .wrapper_outer_login
  .wrapper_login
  .wrap_input_login
  .input_field::placeholder {
  color: #c8c8c8;
}
#section_logic
  .wrapper_outer_login
  .wrapper_login
  .wrap_input_login
  .btn_login {
  font-weight: 600;
  height: 50px;
  background-color: #85b850;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
  color: #fff;
}
#section_logic
  .wrapper_outer_login
  .wrapper_login
  .wrap_input_login
  .reset_password {
  text-align: center;
  text-decoration: underline;
  padding-top: 22px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
}
#section_logic
  .wrapper_outer_login
  .wrapper_login
  .wrap_input_login
  .reset_password
  a {
  color: #000;
}
header {
  width: 100%;
  height: 80px;
  background-color: #85b850;
}
@media (max-width: 767px) {
  header {
    height: 70px;
  }
}
header .wrapper_header {
  position: relative;
}
header .wrapper_header .topic_head_menu {
  position: absolute;
  display: block;
  margin: 0;
  top: 18px;
  left: 0;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 40px;
  color: #fff;
}
@media (max-width: 767px) {
  header .wrapper_header .topic_head_menu {
    font-size: 20px;
    line-height: 34px;
  }
}
header .wrapper_header .btn_logout {
  width: 158px;
  height: 45px;
  background: 0 0;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  position: absolute;
  top: 17px;
  right: 0;
  box-shadow: none;
  outline: 0;
  text-align: left;
  padding-left: 18px;
}
@media (max-width: 767px) {
  header .wrapper_header .btn_logout {
    width: 125px;
    height: 40px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    padding-left: 10px;
  }
}
header .wrapper_header .btn_logout .icon_logout {
  position: absolute;
  right: 10px;
}
@media (max-width: 767px) {
  header .wrapper_header .btn_logout .icon_logout {
    width: 20px;
    height: auto;
    right: 8px;
  }
}
header .wrapper_header_admin {
  display: flex;
  gap: 16px;
  align-items: center;
  height: 80px;
}
header .wrapper_header_admin h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 40px;
  color: #fff;
}
.header_line_oa {
  background-color: transparent;
  width: 100%;
  height: auto;
}
.header_line_oa .wrapHeaderLogoSection {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #008043;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header_line_oa .wrapHeaderLogoSection img {
  width: 80px;
  height: auto;
}
footer {
  width: 100%;
  height: 32px;
  position: absolute;
  bottom: 0;
}
footer p {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  color: #c8c8c8;
  padding-top: 2px;
  margin: 0;
}
#dashboard {
  padding-bottom: 70px;
}
#dashboard .wrap_text_head {
  padding: 35px 0;
  position: relative;
  border-bottom: 1px solid #000;
}
#dashboard .wrap_text_head h1 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0;
  padding-left: 0 !important;
}
@media (max-width: 970px) {
  #dashboard .wrap_text_head h1 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #dashboard .wrap_text_head h1 {
    line-height: 36px;
  }
}
#dashboard .wrap_text_head h4 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
  margin-top: 5px;
}
#dashboard .wrap_text_head .btn_create_user {
  position: absolute;
  right: 0;
  top: 52px;
  width: 158px;
  height: 45px;
  background: 0 0;
  border: 1px solid #222;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  #dashboard .wrap_text_head .btn_create_user {
    position: relative;
    top: 20px;
    margin-bottom: 20px;
  }
}
#dashboard .wrap_text_head .btn_create_user_disable {
  pointer-events: none;
  opacity: 0.2;
}
#dashboard .wrap_text_head_b {
  padding-top: 58px;
  padding-bottom: 32px;
}
#dashboard .wrap_text_head_rm_border {
  border: none;
  padding-bottom: 24px;
}
#dashboard .wrap_text_head_order {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
#dashboard .wrap_text_head_order .wrap_btn_title_admin {
  display: flex;
  gap: 30px;
}
#dashboard .wrap_text_head_order .wrap_btn_title_admin .btn {
  width: fit-content;
  min-width: 197px;
  border: 1px solid #000;
  padding: 12px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  border-radius: 0;
}

#dashboard  .wrap_btn_title_admin .span {
  background-color: #f7f7f7;
  border: 0px;
}

#dashboard  .wrap_btn_title_admin .btn_search {
  width: 130px;
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  bottom: 0;
  box-shadow: none;
  outline: 0;
}

#dashboard  .wrap_btn_title_admin .datepicker {
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  box-shadow: none;
  outline: 0;
}
#dashboard  .wrap_btn_title_admin .datepicker::placeholder {
  color: #c8c8c8;
}

#dashboard  .wrap_btn_title_admin .input_filter {
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  box-shadow: none;
  outline: 0;
}

#dashboard  .wrap_btn_title_admin .input_filter::placeholder {
  color: #c8c8c8;
}
#dashboard .wrap_top_description_a .wrap_text_description {
  padding: 0;
  padding-top: 52px;
  padding-bottom: 40px;
  position: relative;
}
#dashboard .wrap_top_description_a .wrap_text_description h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_text_description
  .btn_create_user_disable {
  pointer-events: none;
  opacity: 0.2;
}
#dashboard .wrap_top_description_a .btn_create_user {
  position: absolute;
  right: 0;
  top: 40px;
  width: 158px;
  height: 45px;
  background: 0 0;
  border: 1px solid #222;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  #dashboard .wrap_top_description_a .btn_create_user {
    position: relative;
    top: 20px;
    margin-bottom: 20px;
  }
}
#dashboard .wrap_top_description_a .wrap_btn_password {
  text-align: right;
}
#dashboard .wrap_top_description_a .wrap_btn_password .btn_create_user {
  position: static;
  margin-bottom: 12px;
  margin-right: 4px;
}
#dashboard .wrap_top_description_a .wrap_text_descriptionB {
  padding: 0;
  padding-bottom: 40px;
}
#dashboard .wrap_top_description_a .wrap_text_descriptionB .wrapBtnExport {
  display: flex;
  justify-content: flex-end;
}
#dashboard
  .wrap_top_description_a
  .wrap_text_descriptionB
  .wrapBtnExport
  .btnExport {
  width: 162px;
  height: 45px;
  font-size: 14px;
  background: 0 0;
  border: 1px solid #222;
  box-shadow: none;
  outline: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_text_descriptionB
  .wrapBtnExport
  .btnExport:hover {
  background: #222;
  color: #fff;
}
#dashboard .wrap_top_description_a .wrap_text_descriptionC {
  padding-bottom: 20px;
}
#dashboard .wrap_top_description_a .wrap_filter_dashboard_admin {
  padding: 0;
  margin-bottom: 35px;
  position: relative;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_filter_dashboard_admin
    .filter_dashboard_admin_side {
    margin-bottom: 20px;
  }
}
#dashboard .wrap_top_description_a .wrap_filter_dashboard_admin .filter_dashboard_admin_side .input_filter {
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  box-shadow: none;
  outline: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .input_filter::placeholder {
  color: #c8c8c8;
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .btnFilterGroup {
  width: 130px;
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  box-shadow: none;
  outline: 0;
  margin-right: 10px;
}
@media (max-width: 1090px) {
  #dashboard
    .wrap_top_description_a
    .wrap_filter_dashboard_admin
    .filter_dashboard_admin_side
    .btnFilterGroup {
    display: none;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_filter_dashboard_admin
    .filter_dashboard_admin_side
    .btnFilterGroup {
    width: 50px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .btnFilterGroupB {
  width: 130px;
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  box-shadow: none;
  outline: 0;
  margin-right: 10px;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_filter_dashboard_admin
    .filter_dashboard_admin_side
    .btnFilterGroupB {
    width: 130px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .btn_search {
  width: 130px;
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #f7f7f7;
  position: absolute;
  right: 15px;
  bottom: 0;
  box-shadow: none;
  outline: 0;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_filter_dashboard_admin
    .filter_dashboard_admin_side
    .btn_search {
    width: 50px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .label_filter {
  position: absolute;
  right: 15px;
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .label_filter
  .topic_status_filter {
  margin: 0;
  margin-right: 15px;
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_admin
  .filter_dashboard_admin_side
  .label_filter
  .select_filter {
  width: 153px;
  height: 45px;
  padding-left: 15px;
  border: 1px solid #000;
  border-radius: 0;
  background: url(../images/icon/arrow_dropdown.svg) no-repeat 92% #f7f7f7;
  box-shadow: none;
  outline: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_filter_dashboard_admin
    .filter_dashboard_admin_side_margin {
    margin-bottom: 30px;
  }
}
#dashboard .wrap_top_description_a .wrap_filter_dashboard_adminB {
  display: none;
}
@media (max-width: 1090px) {
  #dashboard .wrap_top_description_a .wrap_filter_dashboard_adminB {
    display: block;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_adminB
  .filter_dashboard_admin_side {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_filter_dashboard_adminB
  .filter_dashboard_admin_side
  .btnFilterGroupB {
  margin: 0;
  margin-left: 10px;
}
#dashboard .wrap_top_description_a .wrap_topic_description {
  height: auto;
}
#dashboard .wrap_top_description_a .wrap_topic_description .box_topic_desc {
  padding: 0;
}
#dashboard .wrap_top_description_a .wrap_topic_description .box_topic_desc h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 27px;
}
#dashboard .wrap_top_description_a .wrap_topic_description .box_topic_desc h4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .box_topic_desc
  .h4Center {
  text-align: center;
}
#dashboard .wrap_top_description_a .wrap_topic_description .box_topic_desc h5 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .box_topic_desc
  .admin_h3 {
  padding-left: 70px;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description
    .box_topic_desc
    .admin_h3 {
    padding-left: 27px;
  }
}
#dashboard .wrap_top_description_a .wrap_topic_description .box_topic_descB {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #dashboard .wrap_top_description_a .wrap_topic_description .box_topic_descB {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .box_topic_descB
  .admin_h4 {
  text-align: center;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description
    .box_topic_descB
    .admin_h4 {
    text-align: left;
  }
}
#dashboard .wrap_top_description_a .wrap_topic_description .select_type_report {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .select_type_report
  ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .select_type_report
  ul
  li {
  list-style: none;
  border: 1px solid #212529;
  padding: 12px 25px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .select_type_report
  ul
  li
  a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #212529;
  line-height: 22px;
  text-decoration: none;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .select_type_report
  ul
  .tab_active {
  background-color: #000;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .select_type_report
  ul
  .tab_active
  a {
  color: #fff;
}
#dashboard .wrap_top_description_a .wrap_topic_description .tab-content {
  width: 100%;
  display: none;
}
#dashboard .wrap_top_description_a .wrap_topic_description .tab-content-active {
  display: block;
}
#dashboard .wrap_top_description_a .wrap_topic_description .seclectDateReport {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  ul
  li {
  list-style: none;
  border: 1px solid #212529;
  padding: 12px 25px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  ul
  li
  a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #212529;
  line-height: 22px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  ul
  .menu_report_active {
  background-color: #000;
  color: #fff;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .pull-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .pull-left
  input {
  width: fit-content;
  font-weight: 400;
  font-size: 16px;
  color: #212529;
  border: 1px solid #212529;
  padding: 12px 25px;
  background-color: transparent;
  border-radius: 0;
  text-align: center;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .pull-left
  input::placeholder {
  color: #212529;
  opacity: 1;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .pull-left
  input:-ms-input-placeholder {
  color: #212529;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .pull-left
  input::-ms-input-placeholder {
  color: #212529;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .wrap_select_filter {
  position: relative;
  width: 300px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  button {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  background-color: #212529;
  width: 100%;
  min-width: 100%;
  border: none;
  padding: 12px 25px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  input {
  width: 100%;
  height: 45px;
  border: 1px solid #000;
  padding-left: 30px;
  background-color: transparent;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  .select_filter {
  width: 100%;
  padding: 12px 25px;
  outline: 0;
  box-shadow: none;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .seclectDateReport
  select:focus-visible {
  position: absolute;
  width: 300px;
}
#dashboard .wrap_top_description_a .wrap_topic_description .wrap_chart {
  margin-top: 0;
}
#dashboard .wrap_top_description_a .wrap_topic_description .wrap_chart h2 {
  font-weight: 300;
  font-size: 32px;
  line-height: 38px;
  font-family: db_heavent;
  margin-bottom: 32px;
}
#dashboard .wrap_top_description_a .wrap_topic_description .wrap_title_chart {
  margin-top: 76px;
  display: flex;
  justify-content: space-between;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description
  .wrap_title_chart
  h2 {
  font-weight: 300;
  font-size: 32px;
  line-height: 38px;
  font-family: db_heavent;
  margin-bottom: 32px;
}
#dashboard .wrap_top_description_a .wrap_title_table_order {
  display: grid;
  width: 100%;
  grid-gap: 10px;
  padding-left: 21px;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-right: 0;
}
#dashboard .wrap_top_description_a .wrap_title_table_order a {
  text-decoration: underline;
  color: #000;
}
#dashboard
  .wrap_top_description_a
  .wrap_title_table_order
  .wrap_topic_description_box
  .box_topic_desc
  h4 {
  font-weight: 400;
}
#dashboard .wrap_top_description_a .wrap_topic_description_box {
  background-color: #fff;
  height: 77px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  #dashboard .wrap_top_description_a .wrap_topic_description_box {
    height: 205px;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .wrap_desc_box_top {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .wrap_desc_box_top_b {
    padding-top: 25px;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .wrap_desc_box_top_no_data {
    padding: 0;
    height: auto;
  }
}
#dashboard .wrap_top_description_a .wrap_topic_description_box .box_topic_desc {
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  height: 77px;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc {
    padding: 0;
    height: auto;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .bar_status {
  width: 7px;
  height: 77px;
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc
    .bar_status {
    height: 205px;
    top: -30px;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc
    .bar_status_b {
    top: -25px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .status_green {
  background-color: #85b850;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .status_gray {
  background-color: #dfdfdf;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .status_yellow {
  background-color: #fbce24;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 27px;
  margin: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  h4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  h5 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .admin_h3 {
  padding-left: 70px;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc
    .admin_h3 {
    padding-left: 27px;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc
    .admin_h4 {
    padding-left: 27px;
    font-weight: 600;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .admin_h5 {
  padding-left: 70px;
  color: #c8c8c8;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc
    .admin_h5 {
    padding-left: 27px;
    margin-bottom: 10px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .admin_status {
  font-weight: 300;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc
    .admin_status {
    padding-left: 27px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .admin_status_unsolved {
  color: red;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .admin_status_solved {
  color: #0085ff;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc
  .p_no_data {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_descB {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_descB {
    text-align: left;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .admin_h4 {
  text-align: center;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field {
  margin-top: -14px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label {
  padding: 0;
}
@media (max-width: 970px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_descB
    .dashboard_box_field
    .checkbox_field_label {
    margin-left: -18px;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_descB
    .dashboard_box_field
    .checkbox_field_label {
    margin-left: 26px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_field {
  position: absolute;
  opacity: 1;
  cursor: pointer;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label
  .text_checkbox {
  padding-left: 30px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom {
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #e3e3e3;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom_noti {
  border: 2px solid #fbce24;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 20px;
  height: 0;
  width: 0;
  background-image: url(../images/icon/mark.svg);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
  opacity: 1;
  transform: rotate(0) scale(0);
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  -moz-transform: rotate(0) scale(0);
  -o-transform: rotate(0) scale(0);
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_descB
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_field:checked
  ~ .checkbox_custom::after {
  transform: rotate(0) scale(1);
  -webkit-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  -moz-transform: rotate(0) scale(1);
  -o-transform: rotate(0) scale(1);
  opacity: 1;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc_btn {
  background-color: #dfdfdf;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 20px;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box
    .box_topic_desc_btn {
    padding: 0;
    height: 205px;
    flex-direction: column;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc_btn
  .btn_icon {
  box-shadow: none;
  outline: 0;
  padding: 0;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box
  .box_topic_desc_btn
  .btnGetGroup {
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
}
#dashboard .wrap_top_description_a .wrap_topic_description_box_no_data {
  background-color: #dfdfdf;
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box_no_data
  .box_topic_desc {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box_no_data
    .box_topic_desc {
    height: 140px;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box_no_data
  .box_topic_descB {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box_no_data
    .box_topic_descB {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#dashboard
  .wrap_top_description_a
  .wrap_topic_description_box_no_data
  .box_topic_descB
  .admin_h4 {
  text-align: center;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_top_description_a
    .wrap_topic_description_box_no_data
    .box_topic_descB
    .admin_h4 {
    text-align: left;
  }
}
#dashboard .wrap_top_description_a .wrap_text_head_history {
  padding: 0;
  margin-bottom: 20px;
}
#dashboard .wrap_top_description_a .wrap_text_title_history {
  padding: 0;
}
#dashboard .wrap_input_dashboard .wrap_input_dashboard_box {
  padding: 0;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .topic_in_dashboard_box {
  border-bottom: 1px solid #000;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .topic_in_dashboard_box
  h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .topic_in_dashboard_box_position_update {
  margin-top: 58px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .topic_in_dashboard_box_position_status {
  margin-top: 42px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field {
  margin-top: 22px;
  position: relative;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  h4,
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  h5
  a {
  text-decoration: underline;
  color: #000;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .show_alert_field {
  font-size: 16px;
  color: #e61c1c;
  position: absolute;
  bottom: -40px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .password_wrap {
  position: relative;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .password_wrap
  .hide_password {
  position: absolute;
  right: 15px;
  top: 18px;
  opacity: 0.2;
  cursor: pointer;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .input_field_dashboard {
  height: 45px;
  border: 1px solid #e3e3e3;
  margin-top: 5px;
  box-shadow: none;
  outline: 0;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .input_field_dashboard_noti {
  border: 2px solid #fbce24;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .input_field_dashboard_alert {
  border: 2px solid #e61c1c;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .input_field_dashboard_textarea {
  height: 140px;
  padding: 10px 20px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .input_field_dashboard_textareaDisable {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .select_field {
  background: url(../images/icon/arrow_dropdown_gray.svg) no-repeat #fff;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .number_customer_field {
  pointer-events: none;
  color: #c8c8c8;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .btn_ChooseFile,
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .btn_reset,
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .btn_send_data {
  width: 48%;
  height: 45px;
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .btn_ChooseFile {
  padding-top: 10px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .btn_send_data {
  background-color: #000;
  color: #fff;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label {
  padding: 0;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_field {
  position: absolute;
  opacity: 1;
  cursor: pointer;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label
  .text_checkbox {
  padding-left: 30px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom {
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #e3e3e3;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom_noti {
  border: 2px solid #fbce24;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 20px;
  height: 0;
  width: 0;
  background-image: url(../images/icon/mark.svg);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
  opacity: 1;
  transform: rotate(0) scale(0);
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  -moz-transform: rotate(0) scale(0);
  -o-transform: rotate(0) scale(0);
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_field:checked
  ~ .checkbox_custom::after {
  transform: rotate(0) scale(1);
  -webkit-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  -moz-transform: rotate(0) scale(1);
  -o-transform: rotate(0) scale(1);
  opacity: 1;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label
  .radio_field {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label
  .radio_custom {
  position: absolute;
  top: 7px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label
  .radio_custom::after {
  content: "";
  position: absolute;
  display: none;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label
  .radio_field:checked
  ~ .radio_custom::after {
  display: block;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label
  .radio_custom::after {
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label
  .text_radio {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  font-family: db_heavent;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label_disable {
  pointer-events: none;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label_disable
  .text_radio {
  opacity: 0.3;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .radio_field_label_disable
  .radio_custom::after {
  opacity: 0.3;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .wrap_branch_radio {
  padding: 0 15px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .wrapRatingStar {
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 30px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .wrapRatingStar
  .iconStar {
  font-size: 40px;
  color: #dfdfdf;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .wrapRatingStar
  .checkedStar {
  color: #008043;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .fileUploadComplain {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .nameFileUpload {
  width: 100%;
  height: auto;
  position: relative;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .nameFileUpload
  p {
  font-size: 12px;
  padding-right: 60px;
  word-break: break-word;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field
  .nameFileUpload
  .btnRemoveFile {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field_btn {
  margin-top: 46px;
  display: flex;
  justify-content: space-between;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field_harf {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_input_dashboard
    .wrap_input_dashboard_box
    .dashboard_box_field_harf {
    justify-content: flex-start;
    flex-direction: column;
  }
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field_harf
  .wrap_field_harf {
  width: 48%;
}
@media (max-width: 767px) {
  #dashboard
    .wrap_input_dashboard
    .wrap_input_dashboard_box
    .dashboard_box_field_harf
    .wrap_field_harf {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #dashboard
    .wrap_input_dashboard
    .wrap_input_dashboard_box
    .dashboard_box_field_harf
    .wrap_field_harf_last {
    margin-top: 22px;
  }
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field_disable {
  pointer-events: none;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box
  .dashboard_box_field_disable
  h4 {
  color: #c8c8c8;
}
@media (max-width: 767px) {
  #dashboard .wrap_input_dashboard .wrap_input_dashboard_box_pad {
    margin-top: 50px;
  }
}
#dashboard .wrap_input_dashboard .wrap_input_dashboard_box_padB {
  margin-top: 20px;
}
#dashboard .wrap_input_dashboard .wrap_input_dashboard_box_padD {
  margin-top: 40px;
}
#dashboard .wrap_input_dashboard .wrap_input_dashboard_box_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
#dashboard
  .wrap_input_dashboard
  .wrap_input_dashboard_box_grid
  .dashboard_box_field {
  margin-top: 10px;
}
#dashboard .wrap_input_dashboard .wrap_input_dashboard_box_gridPad {
  margin-top: 20px;
}
#dashboard .wrap_top_description_detail {
  margin-top: 40px;
}
#dashboard .wrap_top_description_detail .wrap_topic_description_box {
  height: auto;
  margin-bottom: 20px;
}
#dashboard
  .wrap_top_description_detail
  .wrap_topic_description_box
  .wrap_desc_box_top
  .box_topic_desc {
  display: block;
  padding: 33px 43px;
  height: auto;
}
#dashboard
  .wrap_top_description_detail
  .wrap_topic_description_box
  .wrap_desc_box_top
  .box_topic_desc
  .box_topic_desc_detail {
  margin-bottom: 22px;
}
#dashboard
  .wrap_top_description_detail
  .wrap_topic_description_box
  .wrap_desc_box_top
  .box_topic_desc
  .box_topic_desc_detail
  h3 {
  padding: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 18px;
}
#dashboard
  .wrap_top_description_detail
  .wrap_topic_description_box
  .wrap_desc_box_top
  .box_topic_desc
  .box_topic_desc_detail
  p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}
#dashboard .wrap_title_topic_description {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  width: 100%;
}
#dashboard .wrap_title_topic_description .box_topic_desc h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  margin-top: 33px;
}
#dashboard .wrap_total_topic_description {
  padding-left: 27px;
}
#popup_reset_email,
#popup_success,
.popup_confirm_remove {
  width: 100vw;
  height: 100vh;
  background-color: #222;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 100;
}
#popup_reset_email .wrap_box_popup,
#popup_success .wrap_box_popup,
.popup_confirm_remove .wrap_box_popup {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup_reset_email .wrap_box_popup .wrap_in_box_popup,
#popup_success .wrap_box_popup .wrap_in_box_popup,
.popup_confirm_remove .wrap_box_popup .wrap_in_box_popup {
  width: 530px;
  height: 248px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1280px) {
  #popup_reset_email .wrap_box_popup .wrap_in_box_popup,
  #popup_success .wrap_box_popup .wrap_in_box_popup,
  .popup_confirm_remove .wrap_box_popup .wrap_in_box_popup {
    width: 480px;
    height: 226px;
  }
}
@media (max-width: 970px) {
  #popup_reset_email .wrap_box_popup .wrap_in_box_popup,
  #popup_success .wrap_box_popup .wrap_in_box_popup,
  .popup_confirm_remove .wrap_box_popup .wrap_in_box_popup {
    width: 480px;
    height: 226px;
  }
}
@media (max-width: 767px) {
  #popup_reset_email .wrap_box_popup .wrap_in_box_popup,
  #popup_success .wrap_box_popup .wrap_in_box_popup,
  .popup_confirm_remove .wrap_box_popup .wrap_in_box_popup {
    width: calc(100% - 64px);
    height: 213px;
    padding: 0 26px;
  }
}
#popup_reset_email .wrap_box_popup .wrap_in_box_popup h3,
#popup_success .wrap_box_popup .wrap_in_box_popup h3,
.popup_confirm_remove .wrap_box_popup .wrap_in_box_popup h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
  color: #222;
}
#popup_reset_email .wrap_box_popup .wrap_in_box_popup p,
#popup_success .wrap_box_popup .wrap_in_box_popup p,
.popup_confirm_remove .wrap_box_popup .wrap_in_box_popup p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
  padding-top: 8px;
  color: #222;
}
#popup_reset_email .wrap_box_popup .wrap_in_box_popup .btn_confirm,
#popup_success .wrap_box_popup .wrap_in_box_popup .btn_confirm,
.popup_confirm_remove .wrap_box_popup .wrap_in_box_popup .btn_confirm {
  width: 140px;
  height: 45px;
  background-color: #85b850;
  color: #fff;
  border: none;
  border-radius: 0;
  margin-top: 20px;
  outline: 0;
  box-shadow: none;
}
#popup_reset_email .wrap_box_popup .wrap_in_box_popup .btn_confirm_cancle,
#popup_success .wrap_box_popup .wrap_in_box_popup .btn_confirm_cancle,
.popup_confirm_remove .wrap_box_popup .wrap_in_box_popup .btn_confirm_cancle {
  background-color: #fff;
  color: #222;
  border: 1px solid #222;
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  #popup_reset_email .wrap_box_popup .wrap_in_box_popup .btn_confirm_cancle,
  #popup_success .wrap_box_popup .wrap_in_box_popup .btn_confirm_cancle,
  .popup_confirm_remove .wrap_box_popup .wrap_in_box_popup .btn_confirm_cancle {
    width: 100%;
  }
}
#popup_reset_email .wrap_box_popup .wrap_in_box_popup .btn_confirm_remove,
#popup_success .wrap_box_popup .wrap_in_box_popup .btn_confirm_remove,
.popup_confirm_remove .wrap_box_popup .wrap_in_box_popup .btn_confirm_remove {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  #popup_reset_email .wrap_box_popup .wrap_in_box_popup .btn_confirm_remove,
  #popup_success .wrap_box_popup .wrap_in_box_popup .btn_confirm_remove,
  .popup_confirm_remove .wrap_box_popup .wrap_in_box_popup .btn_confirm_remove {
    width: 100%;
    margin-top: 10px;
  }
}
.popup_confirm_remove {
  background-color: rgba(34, 34, 34, 0.5);
}
.subpageMenuTopSection {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  padding-top: 28px;
}
.subpageMenuTopSection .wrapSubpageMenuTop {
  padding: 0;
}
.subpageMenuTopSection .wrapSubpageMenuTop ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.subpageMenuTopSection .wrapSubpageMenuTop ul li {
  list-style: none;
  margin-right: 100px;
}
@media (max-width: 767px) {
  .subpageMenuTopSection .wrapSubpageMenuTop ul li {
    margin-right: 40px;
  }
}
.subpageMenuTopSection .wrapSubpageMenuTop ul li a {
  color: #222;
}
.subpageMenuTopSection .wrapSubpageMenuTop ul li a h3 {
  /*font-family: db_heavent;*/
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.subpageMenuTopSection .wrapSubpageMenuTop ul li .activeSubmenu {
  text-decoration: underline;
}
.popupExportComplaintSection {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.popupExportComplaintSection .btnClosePopupExport {
  position: absolute;
  top: 20px;
  right: 20px;
  box-shadow: none;
  outline: 0;
  background: 0 0;
  border: none;
}
.popupExportComplaintSection .wrapPopupExportComplaint {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox {
  width: 770px;
  height: 300px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox
  .wrapPopupExportComplaintDuoBox {
  display: flex;
  margin-top: 10px;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox
  .wrapPopupExportComplaintDuoBox
  .wrapPopupExportComplaintDuoInBox {
  margin: 0 10px;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox
  .wrapPopupExportComplaintDuoBox
  .wrapPopupExportComplaintDuoInBox
  p {
  margin-bottom: 10px;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox
  .wrapPopupExportComplaintDuoBox
  .wrapPopupExportComplaintDuoInBox
  .inputBoxComplaint {
  width: 276px;
  height: 45px;
  border: 1px solid #222;
  box-shadow: none;
  outline: 0;
  padding: 0 10px;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox
  .wrapPopupExportComplaintDuoBox
  .wrapPopupExportComplaintDuoInBox
  .btnExportPopup {
  width: 152px;
  height: 45px;
  background-color: #fff;
  border: 1px solid #222;
  box-shadow: none;
  outline: 0;
}
.popupExportComplaintSection
  .wrapPopupExportComplaint
  .wrapPopupExportComplaintBox
  .wrapPopupExportComplaintDuoBoxB {
  margin-top: 60px;
}
.popupExportComplaintSectionActive {
  display: block;
}
.popupNotFoundGroup {
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.popupNotFoundGroup .wrapPopupNotFoundGroup {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.popupNotFoundGroup .wrapPopupNotFoundGroup .wrapPopupNotFoundInGroup {
  max-width: 770px;
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: relative;
}
.popupNotFoundGroup .wrapPopupNotFoundGroup .wrapPopupNotFoundInGroup p {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.4px;
}
@media (max-width: 992px) {
  .popupNotFoundGroup .wrapPopupNotFoundGroup .wrapPopupNotFoundInGroup p {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.4px;
  }
}
.popupNotFoundGroup
  .wrapPopupNotFoundGroup
  .wrapPopupNotFoundInGroup
  .btnClosePopupNotGroup {
  background: 0 0;
  border: none;
  box-shadow: none;
  outline: 0;
  position: absolute;
  right: 20px;
  top: 26px;
}
.popupNotFoundGroup
  .wrapPopupNotFoundGroup
  .wrapPopupNotFoundInGroup
  .btnClosePopupNotGroup
  img {
  filter: brightness(1) invert(1);
}
.popupNotFoundGroupActive {
  display: block;
}
.desktop_only {
  display: block;
}
@media (max-width: 970px) {
  .desktop_only {
    display: none;
  }
}
@media (max-width: 767px) {
  .desktop_only {
    display: none;
  }
}
.tablet_only {
  display: none;
}
@media (max-width: 970px) {
  .tablet_only {
    display: block;
  }
}
@media (max-width: 767px) {
  .tablet_only {
    display: none;
  }
}
.mobile_only {
  display: none;
}
@media (max-width: 970px) {
  .mobile_only {
    display: none;
  }
}
@media (max-width: 767px) {
  .mobile_only {
    display: block;
  }
}
.desktop_tablet {
  display: block;
}
@media (max-width: 970px) {
  .desktop_tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .desktop_tablet {
    display: none;
  }
}
.sectionTableOrderingDeatil {
  padding-bottom: 114px;
  padding-top: 54px;
}
.sectionTableOrderingDeatil .wrapTitleOrderNumber {
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 64px;
}
.sectionTableOrderingDeatil .wrapTitleOrderNumber h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 22px;
}
.sectionTableOrderingDeatil .wrapInfoTableOrderingDetail {
  margin-bottom: 25px;
}
.sectionTableOrderingDeatil .wrapInfoTableOrderingDetail h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 17px;
}
.sectionTableOrderingDeatil .wrapInfoTableOrderingDetail p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.sectionTableOrderingDeatil .wrapInfoTableOrderingDetailB {
  margin-bottom: 41px;
}
.sectionTableOrderingDeatil
  .wrapInfoTableOrderingDetailB
  .wrapInfoContactTableOrderingDetail {
  margin-top: 20px;
}
.sectionTableOrderingDeatil
  .wrapInfoTableOrderingDetailB
  .wrapInfoContactTableOrderingDetail
  .articleInfoContactTableOrderingDetail
  h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.sectionTableOrderingDeatil
  .wrapInfoTableOrderingDetailB
  .wrapInfoContactTableOrderingDetail
  .articleInfoContactTableOrderingDetail
  a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  color: #000;
}
.sectionTableOrderingDeatil .wrapTitleStatusOdering {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-top: 165px;
  margin-bottom: 32px;
}
.sectionTableOrderingDeatil .wrapTitleStatusOdering .wrapTitleOrderNumber {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sectionTableOrderingDeatil .wrapTitleTableOrdering {
  margin-top: 105px;
  margin-bottom: 54px;
}
.sectionTableOrderingDeatil .wrapTitleTableOrdering h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 22px;
  margin-bottom: 14px;
}
.sectionTableOrderingDeatil .wrapTitleTableOrdering p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapHeaderTableOrderingDetail {
  display: grid;
  padding: 28px 36px;
  grid-template-columns: 4fr 2fr 2fr 3fr;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapHeaderTableOrderingDetail
  h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapHeaderTableOrderingDetail
  h3:first-child {
  text-align: left;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil {
  display: grid;
  grid-template-columns: 4fr 2fr 2fr 3fr;
  padding: 28px 36px;
  background-color: #fff;
  margin-bottom: 5px;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil
  h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  word-break: break-word;
  margin-right: 20px;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil
  h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil
  h3:first-child {
  text-align: left;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapFooterTableOrderingDetail {
  display: grid;
  padding: 28px 36px;
  grid-template-columns: 4fr 2fr 2fr 3fr;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapFooterTableOrderingDetail
  h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #000;
}
.sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapFooterTableOrderingDetail
  h2:last-child {
  text-align: center;
}
.select_company_home {
  padding-top: 23px;
}
.select_company_home ul {
  padding: 0;
  margin: 0;
}
.select_company_home ul li {
  list-style: none;
  margin-top: 16px;
  background: rgba(0, 128, 67, 0.05);
  box-shadow: 0 4px 4px rgba(0, 128, 67, 0.1);
  border-radius: 10px;
  padding: 19px 24px;
  font-weight: 500;
  font-size: 24px; /*18px*/
  line-height: 22px;
  font-family: db_heavent;
}
.select_company_home ul li a {
  color: #008043;
}
.section_form_create_order_list {
  padding-top: 157px;
}
.section_form_create_order_list h1 {
  font-family: db_heavent;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
.section_form_create_order_list input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #008043;
  font-family: db_heavent;
  border-radius: 0;
  margin-top: 9px;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}
.section_form_create_order_list button {
  width: 190px;
  height: 40px;
  margin: 0 auto;
  margin-top: 40px;
  background-color: #008043;
  font-family: db_heavent;
  border-radius: 20px;
  border: none;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_form_register_sale {
  padding-top: 40px;
}
.section_form_register_sale .wrap_logo_form_register {
  text-align: center;
  margin-bottom: 24px;
}
.section_form_register_sale .wrap_logo_form_register img {
  width: 95px;
  margin: 0 auto;
}
.section_form_register_sale h1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  font-family: db_heavent;
  color: #222;
  text-align: center;
  margin-bottom: 28px;
}
.section_form_register_sale h2 {
  font-weight: 500;
  font-family: db_heavent;
  font-size: 18px;
  line-height: 22px;
  color: #848484;
  text-align: center;
}
.section_form_register_sale p {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  font-family: db_heavent;
  margin-bottom: 0;
  color: #848484;
}
.section_form_register_sale input {
  width: 100%;
  border: none;
  background-color: transparent;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  font-family: db_heavent;
  border-bottom: 1px solid #848484;
  margin-bottom: 23px;
  box-shadow: none;
  outline: 0;
}
.section_form_register_sale .dashboard_box_field {
  display: flex;
  align-items: baseline;
  position: relative;
}
.section_form_register_sale .dashboard_box_field input {
  border: none;
}
.section_form_register_sale .dashboard_box_field p {
  margin-left: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 19px;
  color: #000;
}
.section_form_register_sale .dashboard_box_field p a {
  text-decoration: underline;
  color: #222;
  text-align: left;
  margin: 0;
  display: inline;
}
.section_form_register_sale .dashboard_box_field .checkbox_field_label {
  padding: 0;
}
.section_form_register_sale
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_field {
  position: absolute;
  opacity: 1;
  cursor: pointer;
}
.section_form_register_sale
  .dashboard_box_field
  .checkbox_field_label
  .text_checkbox {
  padding-left: 30px;
}
.section_form_register_sale
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom {
  position: absolute;
  top: 5px;
  width: 22px;
  height: 22px;
  border: 1px solid #222;
  border-radius: 6px;
  background-color: transparent;
}
.section_form_register_sale
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom_noti {
  border: 2px solid #fbce24;
}
.section_form_register_sale
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_custom::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 20px;
  height: 0;
  width: 0;
  background-image: url(../images/icon/mark.svg);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
  opacity: 1;
  transform: rotate(0) scale(0);
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  -moz-transform: rotate(0) scale(0);
  -o-transform: rotate(0) scale(0);
}
.section_form_register_sale
  .dashboard_box_field
  .checkbox_field_label
  .checkbox_field:checked
  ~ .checkbox_custom::after {
  transform: rotate(0) scale(1);
  -webkit-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  -moz-transform: rotate(0) scale(1);
  -o-transform: rotate(0) scale(1);
  opacity: 1;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
}
.section_form_register_sale button {
  width: 100%;
  border-radius: 4px;
  font-weight: 500;
  font-size: 24px;
  line-height: 19px;
  font-family: db_heavent;
  color: #fff;
  border: none;
  padding: 15px 0;
  margin-top: 28px;
  background-color: #c8c8c8;
  box-shadow: none;
  outline: 0;
  margin-bottom: 60px;
}
.section_form_register_sale .btn_active {
  background-color: #417a1d;
}
.section_form_register_sale a {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-decoration-line: underline;
  margin-top: 20px;
  display: block;
  width: 100%;
  font-family: db_heavent;
  color: #222;
}
.section_form_register_sale .otp-form-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 0;
}
.section_form_register_sale .otp-inputbar {
  width: 24px;
  padding: 0;
  height: 50px;
  border-radius: 0;
  border-bottom: 1px solid #848484;
  box-shadow: none;
  outline: 0;
  text-align: center;
  font-size: 16px;
  color: #222;
  margin-bottom: 0;
  background-color: transparent;
}
.section_form_register_sale .wrap_input_sale_id {
  position: relative;
}
.section_form_register_sale .wrap_input_sale_id input {
  display: block;
  padding-left: 50px;
}
.section_form_register_sale .wrap_input_sale_id .text_id {
  position: absolute;
  display: block;
  left: 0;
  top: 24px;
  z-index: 9;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
.section_info_register_comlete {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  justify-content: center;
}
.section_info_register_comlete .wrap_logo_info_register_complete {
  text-align: center;
  margin-bottom: 24px;
}
.section_info_register_comlete .wrap_logo_info_register_complete img {
  width: 95px;
}
.section_info_register_comlete h1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  font-family: db_heavent;
  color: #222;
  text-align: center;
  margin-bottom: 8px;
}
.section_info_register_comlete p {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #222;
  font-family: db_heavent;
  max-width: 318px;
  margin: 0 auto;
}
.section_info_register_comlete button {
  border-radius: 4px;
  padding: 15px 0;
  background-color: #417a1d;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  line-height: 19px;
  font-family: db_heavent;
  border: none;
  width: 100%;
  max-width: 260px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: 63px;
}
.section_form_otp_sale {
  padding-top: 49px;
}
.section_form_otp_sale h1 {
  margin-bottom: 8px;
}
.form_line {
  background-color: #c8c8c8;
  margin: 0;
  margin-bottom: 24px;
}
.line_margin {
  margin-bottom: 9px !important;
}
.section_form_line {
  margin-top: 23px;
  margin-bottom: 23px;
}
.section_form_line h1 {
  margin-bottom: 15px;
}
.section_form_line h2 {
  margin-bottom: 8px;
  text-align: left;
}
.section_form_line .title_form {
  margin-bottom: 24px;
}
.section_form_line .title_form b {
  font-weight: 300;
}
.section_form_line .wrap_list_input {
  margin-bottom: 28px;
  position: relative;
}
.section_form_line .wrap_list_input p {
  font-weight: 500;
  font-size: 24px; /*14px*/
  font-family: db_heavent;
  color: #008043;
  margin-bottom: 7px;
}
.section_form_line .wrap_list_input p b {
  font-weight: 300;
}
.section_form_line .wrap_list_input h3 {
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  color: #212529;
  font-family: db_heavent;
}
.section_form_line .wrap_list_input .wrap_open_popup_doc {
  cursor: pointer;
}
.section_form_line .wrap_list_input .wrap_open_popup_doc h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #008043;
  text-decoration-line: underline;
  word-break: break-word;
}
.section_form_line .wrap_list_input input:not([type="radio"]) {
  border: 1px solid #008043;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  font-family: db_heavent;
  box-shadow: none;
  outline: 0;
  min-width: 100%;
  max-width: 100%;
  text-align: left;
  color: #212529;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.section_form_line .wrap_list_input input:not([type="radio"]):disabled {
  background: #f5f5f5;
  border: 1px solid #222;
  color: #222;
}
.section_form_line
  .wrap_list_input
  input:not([type="radio"])::-webkit-input-placeholder {
  color: #222;
}
.section_form_line
  .wrap_list_input
  input:not([type="radio"]):-ms-input-placeholder {
  color: #222;
}
.section_form_line .wrap_list_input input:not([type="radio"])::placeholder {
  color: #9f9f9f;
}
.section_form_line
  .wrap_list_input
  input:not([type="radio"])::-webkit-date-and-time-value {
  text-align: left;
  border-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
input[type="radio"] {
  appearance: auto; /* ใช้ค่าเริ่มต้นของเบราว์เซอร์ */
  -webkit-appearance: radio;
  -moz-appearance: radio;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px;
  padding: 0;
  cursor: pointer;
}
.wrap_list_input label {
  cursor: pointer;
  display: flex;
  align-items: center; /* จัดกึ่งกลางแนวตั้ง */
  font-weight: 500;
  font-size: 24px; /*16px;*/
  line-height: 17px;
  color: #008043;
  font-family: db_heavent;
}

.section_form_line .wrap_list_input textarea {
  border: 1px solid #008043;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  font-weight: 300;
  font-size: 24px; /*16px*/
  line-height: 17px;
  font-family: db_heavent;
  box-shadow: none;
  outline: 0;
  min-width: 100%;
  height: 89px;
  text-align: left;
}
.section_form_line .wrap_list_input textarea:disabled {
  background: #f5f5f5;
  border: 1px solid #222;
}
.section_form_line .wrap_list_input textarea::-webkit-input-placeholder {
  color: #222;
}
.section_form_line .wrap_list_input textarea:-ms-input-placeholder {
  color: #222;
}
.section_form_line .wrap_list_input textarea::placeholder {
  color: #222;
}
.section_form_line
  .wrap_list_input
  .select2-container--default
  .select2-selection--single {
  border-radius: 10px;
  border: 1px solid #008043;
  height: 40px;
}
.section_form_line .wrap_list_input .select2-container {
  width: 100% !important;
}
.section_form_line .wrap_list_input .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  font-family: db_heavent;
  color: #000;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.section_form_line
  .wrap_list_input
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  content: "";
  background-image: url(../images/icon/arrowDropDown.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 6px;
  right: 12px;
}
.section_form_line
  .wrap_list_input
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  border-width: 0;
}
.section_form_line
  .wrap_list_input
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  transform: rotate(180deg);
}
.section_form_line
  .wrap_list_input
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  width: 16px;
}
.section_form_line .wrap_list_input .wrap_radio_select_certificate {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.section_form_line .wrap_list_input .wrap_radio_select_reason {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.section_form_line .wrap_list_input .wrap_radio_select_upload_contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.section_form_line .wrap_list_input .wrap_dropdown_search {
  opacity: 0;
  display: none;
  padding: 16px 10px;
  border: 1px solid #008043;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  font-family: db_heavent;
}
.section_form_line .wrap_list_input .wrap_dropdown_search ul {
  margin: 0;
  padding: 0;
}
.section_form_line .wrap_list_input .wrap_dropdown_search ul li {
  margin-bottom: 7px;
  padding: 0;
  list-style: none;
  font-weight: 500;
  font-size: 22px; /*16px*/
  line-height: 17px;
  font-family: db_heavent;
}
.section_form_line .wrap_list_input .wrap_dropdown_search ul li a {
  color: #000;
}
.section_form_line .wrap_list_input .wrap_dropdown_search_open {
  opacity: 1;
  display: block;
}
.section_form_line .wrap_list_input .radio_field_label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 33px;
}
.section_form_line .wrap_list_input .radio_field_label .radio_field {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.section_form_line .wrap_list_input .radio_field_label .radio_custom {
  position: absolute;
  top: 7px;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #fff;
  border: 1px solid #008043;
  border-radius: 50%;
}
.section_form_line .wrap_list_input .radio_field_label .radio_custom::after {
  content: "";
  position: absolute;
  display: none;
}
.section_form_line
  .wrap_list_input
  .radio_field_label
  .radio_field:checked
  ~ .radio_custom::after {
  display: block;
}
.section_form_line .wrap_list_input .radio_field_label .radio_custom::after {
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #008043;
}
.section_form_line .wrap_list_input .radio_field_label .text_radio {
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  color: #008043;
  font-family: db_heavent;
}
.section_form_line .wrap_list_input .radio_field_label_disable {
  pointer-events: none;
}
.section_form_line .wrap_list_input .radio_field_label_disable .text_radio {
  opacity: 0.3;
}
.section_form_line
  .wrap_list_input
  .radio_field_label_disable
  .radio_custom::after {
  opacity: 0.3;
}
.section_form_line .wrap_list_input .datepicker th {
  color: #85b850;
}
.section_form_line .wrap_list_input .datepicker table tr td.active.active,
.section_form_line
  .wrap_list_input
  .datepicker
  table
  tr
  td.active.highlighted.active,
.section_form_line
  .wrap_list_input
  .datepicker
  table
  tr
  td.active.highlighted:active,
.section_form_line .wrap_list_input .datepicker table tr td.active:active {
  background-color: #008043;
}
.section_form_line .wrap_list_input .edit_sub_order {
  position: absolute;
  right: 0;
}
.section_form_line .wrap_title_delivery {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section_form_line .wrap_title_delivery h2 {
  margin-bottom: 0;
}
.section_form_line .wrap_list_two_column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 15px;
}
.section_form_line .wrap_list_input_refinery {
  display: none;
}
.section_form_line .wrap_list_input:last-child {
  margin-bottom: 0;
}
.section_form_line .wrapTextQuantity input {
  position: relative;
}
.section_form_line .wrapTextQuantity .textQuantity {
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  font-family: db_heavent;
  color: #008043;
  position: absolute;
  right: 10px; /*14px*/
  top: 60px; /*39px*/
}
.section_form_line .wrap_all_list_po {
  margin-top: 16px;
}
.section_form_line .wrap_all_list_po h2 {
  font-style: normal;
  font-family: db_heavent;
  font-weight: 500;
  font-size: 24px; /*20px*/
  line-height: 24px;
  color: #008043;
}
.section_form_line .wrap_all_list_po b {
  font-weight: 300;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po {
  padding: 20px 17px;
  background: rgba(0, 128, 67, 0.05);
  box-shadow: 0 4px 4px rgba(0, 128, 67, 0.1);
  border-radius: 10px;
  margin-bottom: 16px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .article_list_list_po {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .article_list_list_po h3 {
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 19px;
  margin-bottom: 0;
  font-family: db_heavent;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_quantity {
  margin-bottom: 0;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_quantity
  .text_red {
  color: red;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .wrap_btn_list_po {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .wrap_btn_list_po a {
  display: block;
  flex-shrink: 0;
  flex-grow: 1;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .wrap_btn_list_po
  a
  button {
  max-width: 100%;
  font-family: db_heavent;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .wrap_btn_list_po
  a
  .btn_history {
  border: 1px solid #008043;
  color: #008043;
  background-color: transparent;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po {
  display: grid;
  grid-template-columns: 4fr 3fr;
  padding: 0 17px;
  margin-bottom: 11px;
  grid-gap: 10px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .article_list_list_sub_po h3 {
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  color: #008043;
  margin-bottom: 0;
  font-family: db_heavent;
  word-break: break-word;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po
  h3
  b {
  font-weight: 300;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po
  .totalPrice {
  font-size: 16px !important;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po
  .wrap_open_popup_doc
  h3 {
  color: #008043;
  text-decoration: underline;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .article_list_line {
  padding: 0 17px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .article_list_line hr {
  background-color: #dfdfdf !important;
  margin: 14px 0 16px 0;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po_shipping {
  margin-bottom: 16px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .sub_po_line {
  margin: 17px;
  background-color: #c8c8c8;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .info_order_header_line {
  background-color: #008043;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po button {
  margin-top: 16px;
  max-width: 190px;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .edit_delete_list_po {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .title_list_sub_po {
  display: grid;
  grid-template-columns: 4fr 3fr;
  padding-bottom: 16px;
  margin-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #008043;
  grid-gap: 13px 0;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .title_list_sub_po h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  color: #008043;
  margin-bottom: 0;
  font-family: db_heavent;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .title_list_sub_po
  h3
  b {
  font-weight: 300;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po .btn_submit_po:disabled,
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po
  .btn_submit_po[disabled] {
  opacity: 0.5;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po_product {
  margin-bottom: 24px;
  background-color: rgba(0, 128, 67, 0.05) !important;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po_product
  .article_list_list_po_product {
  padding: 28px 18px 18px 24px;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_list_po_product
  .info_order_header_line {
  margin: 0 !important;
}
.section_form_line .wrap_all_list_po .wrap_list_list_po_product .form_line {
  background-color: #dfdfdf;
  margin: 16px 0;
}
.section_form_line .wrap_all_list_po .wrap_list_out_of_stock {
  background: rgba(231, 231, 231, 0.05);
  box-shadow: 0 4px 4px rgba(0, 128, 67, 0.1);
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_out_of_stock
  .article_list_list_po
  h3 {
  color: #979797;
}
.section_form_line .wrap_all_list_po .wrap_list_out_of_stock a button {
  background-color: #dfdfdf;
  color: #fff;
}
.section_form_line .wrap_all_list_po .wrap_list_out_of_stock a button:disabled,
.section_form_line
  .wrap_all_list_po
  .wrap_list_out_of_stock
  a
  button[disabled] {
  background-color: #dfdfdf;
  color: #fff;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_out_of_stock
  .wrap_btn_list_po
  a
  .btn_history {
  border: 1px solid #dfdfdf;
  color: #dfdfdf;
}
.section_form_line
  .wrap_all_list_po
  .wrap_list_out_of_stock
  .wrap_btn_list_po
  a
  .btn_history:disabled,
.section_form_line
  .wrap_all_list_po
  .wrap_list_out_of_stock
  .wrap_btn_list_po
  a
  .btn_history[disabled] {
  border: 1px solid #dfdfdf;
  color: #fff;
}
.section_form_line .wrap_all_list_po .wrap_title_list_po {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.section_form_line .wrap_all_list_po .status_text b {
  font-weight: 500 !important;
}
.section_form_line button {
  border-radius: 4px;
  padding: 15px 0;
  background-color: #008043;
  color: #fff;
  font-weight: 500;
  font-size: 24px; /*18px*/
  line-height: 19px;
  font-family: db_heavent;
  border: none;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-radius: 30px;
  box-shadow: none;
  outline: 0;
}
.section_form_line .add_sub_po {
  background-color: #fff;
  border: 1px solid #008043;
  color: #008043;
  margin-bottom: 8px;
  margin-top: 20px;
}
.section_form_line .btn_white {
  background-color: #fff;
  border: 1px solid #008043;
  color: #008043;
  margin-top: 16px;
}
.section_form_line .btn_add_product {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  max-width: 190px;
  font-size: 18px;
  line-height: 22px;
}
.section_form_line .wrap_or_form {
  display: flex;
  gap: 13px;
  align-items: center;
}
.section_form_line .wrap_or_form hr {
  width: 100%;
  background-color: #008043;
}
.section_form_line .wrap_or_form h1 {
  margin-bottom: 0;
}
.section_form_line .btn_input_form {
  max-width: fit-content;
  padding: 11px 25px;
  margin-top: 18px;
}
.section_form_line .wrap_upload_file_contact #upload_file_contact {
  opacity: 0;
  display: none;
}
.section_form_line .wrap_upload_file_contact .upload_file_contact_doc {
  opacity: 0;
  display: none;
}
.section_form_line .wrap_upload_file_contact label {
  padding: 11px 25px;
  background-color: #008043;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 24px; /*16px*/
  line-height: 17px;
  color: #fff;
  max-width: fit-content;
  font-family: db_heavent;
}
.section_form_line .wrap_upload_file_contact .show_file_upload {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #008043;
  display: flex;
  justify-content: space-between;
  word-break: break-word;
  align-items: flex-start;
}
.section_form_line .wrap_btn_next_prev {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  width: 100%;
}
.section_form_line .addShipping {
  background-color: #fff;
  color: #008043;
  border: 1px solid #008043;
  margin-bottom: 8px;
}
.section_form_line .add_certificate {
  display: flex;
  gap: 5px;
}
.section_form_line .add_certificate img {
  padding-top: 3px;
}
.wrap_certificate_yes {
  display: none;
}
.section_form_certificate {
  min-height: calc(100vh - 260px);
}
.section_info_sub_po .wrap_all_list_po .wrap_list_list_po {
  padding: 0;
  padding-bottom: 25px;
}
.section_info_sub_po .wrap_all_list_po .wrap_list_list_po .edit_delete_list_po {
  padding: 20px 16px 0;
}
.section_info_sub_po .wrap_all_list_po .wrap_list_list_po .title_list_sub_po {
  padding: 0 16px 16px;
}
.section_info_sub_po .wrap_tab_title_history ul {
  margin: 0;
  padding: 0;
  display: flex;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 24px;
  padding-left: 15px;
  padding-right: 10vw;
  overflow-x: scroll;
  white-space: nowrap;
  justify-content: flex-start;
  gap: 32px;
}
.section_info_sub_po .wrap_tab_title_history ul li {
  list-style: none;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  font-family: db_heavent;
  padding-bottom: 14px;
}
.section_info_sub_po .wrap_tab_title_history ul li a {
  color: #000;
  text-decoration: none;
}
.section_info_sub_po .wrap_tab_title_history ul .wrap_tab_title_history_active {
  font-weight: 500;
  border-bottom: 4px solid #008043;
}
.section_info_sub_po
  .wrap_tab_title_history
  ul
  .wrap_tab_title_history_active
  a {
  color: #008043;
}
.section_info_sub_po .wrap_tab_title_history ul::-webkit-scrollbar {
  display: none;
}
.section_info_sub_po .wrap_tab_title_history ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section_info_sub_po .wrap_all_content_history .wrap_tab_content_history {
  display: none;
}
.section_info_sub_po
  .wrap_all_content_history
  .wrap_tab_content_history
  .wrap_all_list_po
  .wrap_list_list_po {
  padding-top: 19px;
  padding-bottom: 30px;
  padding-left: 17px;
  padding-right: 18px;
}
.section_info_sub_po
  .wrap_all_content_history
  .wrap_tab_content_history
  .wrap_all_list_po
  .wrap_list_list_po
  button {
  max-width: 100%;
  background-color: transparent;
  padding: 11px 0;
  font-family: db_heavent;
}
.section_info_sub_po .wrap_all_content_history .tab_content_show {
  display: block;
}
.section_info_po_history h2 {
  color: #000;
  margin-bottom: 27px;
}
.section_info_po_history h2 b {
  font-weight: 300;
}
.form_line_step {
  margin: 24px 0;
}
.section_info_po_approve_detail .wrap_all_list_po h2 {
  color: #000;
}
.section_info_po_approve_detail
  .wrap_all_list_po
  .wrap_list_list_po
  .title_list_sub_po {
  padding-top: 24px;
  border-color: #dfdfdf;
}
.section_info_po_approve_detail
  .wrap_all_list_po
  .wrap_list_list_po
  .title_list_sub_po
  h3 {
  color: #000;
}
.section_info_po_approve_detail
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po
  h3 {
  color: #000;
}
.section_form_create_po {
  border-bottom: 1px solid #c8c8c8;
  position: relative;
  padding-top: 40px;
}
.section_form_create_po .closeProduct {
  position: absolute;
  right: 20px;
  top: -17px;
}
.section_form_create_po .removeProduct {
  position: absolute;
  right: 20px;
  top: -17px;
}
.section_form_create_po_hide {
  display: none;
}
.section_info_list_po_search {
  padding-top: 24px;
}
.section_form_create_poB {
  border-bottom: none;
}
.select2-search--dropdown {
  display: none;
}
.select2-container--default .select2-results__option--selected:first-child {
  display: none;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 100% !important;
}
.select2-results__option {
  color: #000;
  font-family: db_heavent;
  font-weight: 500;
  font-size: 22px; /*16px*/
  line-height: 17px;
}
.select2-results {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.section_info_list_po_search {
  padding-top: 15px;
}
.section_popup_otp {
  display: block;
}
.section_popup_otp .section_wrap_popup_otp {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background: rgba(34, 34, 34, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_popup_otp .section_wrap_popup_otp .wrap_popup_otp {
  background-color: #fff;
  padding: 50px;
  text-align: center;
}
.section_popup_otp .section_wrap_popup_otp .wrap_popup_otp h1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #222;
  text-align: center;
  font-family: db_heavent;
}
.section_popup_otp .section_wrap_popup_otp .wrap_popup_otp h2 {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  font-family: db_heavent;
}
.section_popup_otp .section_wrap_popup_otp .wrap_popup_otp a button {
  border: 1px solid #222;
  background-color: transparent;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #222;
  padding: 11px 0;
  width: 100%;
  max-width: 170px;
  margin: 0 auto;
  margin-top: 30px;
  outline: 0;
  box-shadow: none;
  font-family: db_heavent;
}
.section_popup_confirm {
  display: none;
}
.section_popup_confirm .section_wrap_popup_otp .wrapper_line_page {
  flex-shrink: 0;
  flex-grow: 1;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp {
  padding: 24px;
  padding-top: 50px;
  flex-shrink: 0;
  flex-grow: 1;
  max-width: 320px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .section_popup_confirm
    .section_wrap_popup_otp
    .wrapper_line_page
    .wrap_popup_otp {
    max-width: 100%;
  }
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  h1 {
  margin-bottom: 16px;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  h2 {
  margin-bottom: 73px;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  h3 {
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 56px;
  font-family: db_heavent;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .wrap_btn_confirm {
  display: flex;
  gap: 8px;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .wrap_btn_confirm
  a {
  flex-shrink: 0;
  flex-grow: 1;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .wrap_btn_confirm
  a
  button {
  margin-top: 0;
  padding: 0;
  width: 100%;
  border-radius: 120px;
  height: 45px;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .wrap_btn_confirm
  a
  .btn_cancel {
  border: 1px solid #222;
}
.section_popup_confirm
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .wrap_btn_confirm
  a
  .btn_confirm {
  background-color: #e2494f;
  border: none;
  color: #fff;
}
.section_popup_policy {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 99;
  background-color: #fff;
}
.section_popup_policy .wrap_popup_policy {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.244127);
  border-radius: 12px;
  padding: 46px 29px;
  position: relative;
}
.section_popup_policy .wrap_popup_policy h1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  font-family: db_heavent;
  color: #222;
  text-align: center;
}
.section_popup_policy .wrap_popup_policy hr {
  background-color: #222;
}
.section_popup_policy .wrap_popup_policy p {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  font-family: db_heavent;
  color: #222;
  margin-bottom: 16px;
}
.section_popup_policy .wrap_popup_policy h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: db_heavent;
  color: #222;
  margin-bottom: 16px;
}
.section_popup_policy .wrap_popup_policy .btn_close_policy {
  position: absolute;
  top: 20px;
  right: 29px;
}
.section_info_checking {
  padding-top: 17vh;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 138px);
}
.section_info_checking .wrapper_line_page {
  flex-shrink: 0;
  flex-grow: 1;
}
.section_info_checking h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  color: #008043;
  margin-bottom: 24px;
  font-family: db_heavent;
}
.section_info_checking p {
  font-weight: 300;
  font-size: 24px; /*16px*/
  line-height: 17px;
  text-align: center;
  color: #000;
  margin-bottom: 54px;
  font-family: db_heavent;
}
.section_info_checking button {
  border-radius: 4px;
  padding: 15px 0;
  background-color: #008043;
  color: #fff;
  font-weight: 500;
  font-size: 24px; /*18px*/
  line-height: 19px;
  font-family: db_heavent;
  border: none;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-radius: 30px;
  box-shadow: none;
  outline: 0;
}
.step_prev {
  display: none;
}
.step_next {
  display: none;
}
.section_info_order_detail_noti .wrap_all_list_po .wrap_list_list_po {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}
.section_info_order_detail_noti
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po {
  padding: 0;
}
.section_info_order_detail_noti
  .wrap_all_list_po
  .wrap_list_list_po
  .sub_po_line {
  margin: 17px 0;
}
.section_info_order_detail_noti
  .wrap_all_list_po
  .wrap_list_list_po
  .info_order_header_line {
  margin: 24px 0;
}
.section_info_order_detail_noti .wrap_all_list_po .wrap_list_list_po h1 {
  text-align: left;
}
.section_info_order_detail_noti .wrap_all_list_po .wrap_list_list_po button {
  max-width: 100%;
}
.notConfirm {
  background-color: #dfdfdf !important;
  color: #000 !important;
}
.section_info_thank_you {
  color: #008043;
  padding-top: 0;
}
.section_info_thank_you .wrap_text_thank_you {
  position: relative;
  height: calc(100vh - 138px);
  padding-top: 26vh;
}
.section_info_thank_you .wrap_text_thank_you h1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 43px;
  text-align: center;
  margin-bottom: 5px;
  font-family: helvetica;
}
.section_info_thank_you .wrap_text_thank_you h2 {
  font-weight: 500;
  font-size: 26px; /*26px*/
  line-height: 14px;
  text-align: center;
  font-family: helvetica;
  margin: 10px;
}
.section_info_thank_you .wrap_text_thank_you h3 {
  font-weight: 300;
  font-size: 24px; /*12px*/
  line-height: 14px;
  text-align: center;
  font-family: db_heavent;
  padding-top: 10px;
}
.section_info_thank_you .wrap_text_thank_you button {
  bottom: 59px;
  position: absolute;
  left: 0;
}
.form-control {
  border: 1px solid #008043;
  border-radius: 10px;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  font-family: db_heavent;
  box-shadow: none;
  padding-top: 8px;
}
.field-po-products .form-control {
  border: 1px solid #008043;
  border-radius: 10px;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  font-family: db_heavent;
  box-shadow: none;
  padding-top: 8px;
}
.help-block {
  font-size: 20px !important; /*14px*/
  line-height: 14px !important;
  font-family: db_heavent !important;
  margin-top: 10px !important; /*4px*/
}
.section_info_sub_po_status .wrap_all_list_po h2 {
  margin-bottom: 15px;
  color: #000;
}
.section_info_sub_po_status .wrap_all_list_po h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: db_heavent;
  margin-bottom: 15px;
}
.section_info_sub_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .title_list_sub_po {
  padding-top: 24px;
  border-color: #dfdfdf;
}
.section_info_sub_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .title_list_sub_po
  h3 {
  color: #000;
}
.section_info_sub_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po
  h3 {
  color: #000;
}
.section_info_sub_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_sub_po
  .wrap_open_popup_doc
  h3 {
  color: #000;
}
.section_info_sub_po_status .wrap_all_list_po .wrap_list_list_po .sub_po_line {
  background-color: #dfdfdf;
}
.form-inline {
  gap: 8px;
}
.template .form_line {
  display: none;
}
.clone_round_request .form_line {
  margin-bottom: 40px;
}
.field-subpo-requesttime {
  width: 100%;
}
.field-subpo-requesttime .form-control {
  padding-top: 10px !important;
  height: 35px;
  text-align: left;
}
.field-subpo-requesttime .form-control::placeholder {
  text-align: left;
  line-height: 17px;
  font-size: 16px;
}
.field-subpo-requesttime input[type="time"] {
  display: -webkit-inline-box;
  display: -webkit-flex;
  -webkit-min-logical-width: calc(100% - 16px) !important;
  max-width: 100%;
  border: 1px solid #008043;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  font-family: db_heavent;
  box-shadow: none;
  outline: 0;
  text-align: left;
}
.field-subpo-requesttime input::-webkit-date-and-time-value {
  text-align: left;
  padding: 10px;
  padding-left: 5px;
}
.section_form_line_btn_create {
  position: fixed;
  bottom: 40px;
  width: 100%;
}
.section_form_line_btn_create button {
  box-shadow: 0 4px 4px rgba(0, 128, 67, 0.5);
}
.ui-widget.ui-widget-content {
  padding: 16px 10px;
  border: 1px solid #008043 !important;
  border-radius: 10px;
  background-color: #fff;
  z-index: 2;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  font-family: db_heavent;
}
.ui-widget.ui-widget-content li {
  margin-bottom: 7px;
  padding: 0;
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  font-family: db_heavent;
}
.ui-widget.ui-widget-content li a {
  color: #000;
}
.section_popup_reload .section_wrap_popup_otp .wrap_popup_otp {
  padding: 90px 80px 79px 80px;
}
.section_popup_reload .section_wrap_popup_otp .wrap_popup_otp h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
}
.section_popup_reload .section_wrap_popup_otp .wrap_popup_otp h2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
@keyframes ldio-qc63uh2fn1r {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.section_popup_reload .ldio-qc63uh2fn1r div {
  left: 94px;
  top: 48px;
  position: absolute;
  animation: ldio-qc63uh2fn1r linear 1s infinite;
  background: #1d7c10;
  width: 12px;
  height: 24px;
  border-radius: 6px/12px;
  transform-origin: 6px 52px;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(1) {
  transform: rotate(0);
  animation-delay: -0.9166666666666666s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -83.33333333333333ms;
  background: #1d7c10;
}
.section_popup_reload .ldio-qc63uh2fn1r div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #1d7c10;
}
.section_popup_reload .loadingio-spinner-spinner-fe155cqp84 {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.section_popup_reload .ldio-qc63uh2fn1r {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.section_popup_reload .ldio-qc63uh2fn1r div {
  box-sizing: content-box;
}
.section_popup_reload .ball {
  background-color: rgba(0, 0, 0, 0);
  border: 10px solid rgba(33, 135, 231, 0.5);
  opacity: 0.9;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  animation: spin-clockwise 3s infinite linear;
}
.section_popup_reload .ball1 {
  background-color: rgba(0, 0, 0, 0);
  border: 7px solid #008043;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 100%;
  width: 80%;
  height: 80%;
  margin: 0 auto;
  position: absolute;
  top: 10%;
  left: 10%;
  animation: spin-counterclockwise 3.2s infinite linear;
}
.section_popup_reload .ball2 {
  margin: 0 auto;
  position: relative;
  top: -290px;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 60%;
  height: 60%;
  position: absolute;
  top: 20%;
  left: 20%;
  animation: spin-clockwise 3.8s infinite linear;
}
@keyframes spin-clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-counterclockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.section_popup_reload .wrapperCircle {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 51px;
}
.section_popup_doc {
  display: none;
}
.section_popup_doc .section_wrap_popup_otp .wrapper_line_page .wrap_popup_otp {
  text-align: right;
  padding: 28px 5px 18px 6px;
}
.section_popup_doc
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .image_doc {
  width: 100%;
  margin-top: 28px;
}
.section_popup_doc
  .section_wrap_popup_otp
  .wrapper_line_page
  .wrap_popup_otp
  .btn_close_image_doc {
  margin-right: 8px;
}
.section_popup_policy_user {
  display: block;
}
.section_popup_policy_user .wrap_policy_user {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background: rgba(34, 34, 34, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_popup_policy_user .wrap_policy_user .wrap_popup_policy {
  max-width: 600px;
  overflow: hidden;
  border-radius: 0;
  padding: 27px 14px;
  padding-left: 24px;
  background-color: #fff;
}
.section_popup_policy_user
  .wrap_policy_user
  .wrap_popup_policy
  .wrap_text_policy {
  height: 391px;
  overflow-y: scroll;
  margin-bottom: 24px;
}
.section_popup_policy_user .wrap_policy_user .wrap_popup_policy h1 {
  font-weight: 500;
  font-size: 15px;
  line-height: 12px;
}
.section_popup_policy_user
  .wrap_policy_user
  .wrap_popup_policy
  .btn_close_policy {
  top: 27px;
}
.section_popup_policy_user .wrap_policy_user .wrap_popup_policy p {
  word-break: break-word;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
}
.section_popup_policy_user .wrap_policy_user .wrap_popup_policy h2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.section_popup_policy_user .wrap_policy_user .wrap_popup_policy button {
  width: 100%;
  height: 45px;
  margin: 0 auto;
  background-color: #008043;
  font-family: db_heavent;
  border-radius: 20px;
  border: none;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.section_popup_policy_user
  .wrap_policy_user
  .wrap_popup_policy
  button:disabled {
  opacity: 0.5;
}
.section_popup_policy_user
  .wrap_policy_user
  .wrap_popup_policy
  .btn_cancle_policy {
  background-color: #fff;
  border: 1px solid #008043;
  color: #008043;
}
.section_popup_policy_user
  .wrap_policy_user
  .wrap_popup_policy
  .line_policy_user {
  background-color: #222;
}
.section_info_ordering_sale h1 {
  margin-bottom: 9px;
}
.section_info_ordering_sale h2 {
  margin-bottom: 24px;
  text-align: center;
}
.section_info_ordering_sale .form_line {
  background-color: #dfdfdf !important;
}
.section_info_ordering_sale .wrap_all_list_po .wrap_list_list_po .form_line {
  margin: 0;
}
.section_info_ordering_sale
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_product
  .form_line {
  margin: 16px 0 0 0;
  background-color: #dfdfdf;
}
.section_info_ordering_sale
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_product
  .article_list_list_sub_po
  h1 {
  margin-bottom: 0;
  margin-top: 16px;
}
.section_form_line_edit .wrap_list_input input {
  font-weight: 500;
}
.section_form_line_edit .wrap_list_input textarea {
  font-weight: 500;
}
.section_form_line_edit .wrap_list_input input:disabled {
  background: #f5f5f5;
  color: #9f9f9f;
}
.section_form_line_edit .wrap_list_input input::placeholder {
  color: #9f9f9f;
}
.section_form_line_edit .wrap_list_input .radio_field_label {
  margin-bottom: 0;
}
.section_form_line_edit h2 {
  margin-bottom: 24px;
  margin-top: 20px;
}
.section_form_line_edit .btn_add_delivery_sale {
  max-width: 190px;
}
.section_form_line_edit .btn_add_pickup_sale {
  max-width: 190px;
}
.section_form_line_phase_2 h1 {
  margin-bottom: 9px;
}
.section_form_line_phase_2 .title_form {
  margin-bottom: 24px;
}
.section_form_line_phase_2 .title_form b {
  font-weight: 300;
}
.section_form_line_phase_2 .wrap_title_certificate_form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section_form_line_phase_2 .wrap_list_input {
  margin-bottom: 10px;
}
.section_form_line_phase_2 .wrap_list_input .wrap_upload_file_contact {
  margin-bottom: 30px;
}
.section_form_line_phase_2 .btn_create_po {
  align-items: center;
  gap: 8px;
  font-size: 24px; /*18px*/
  margin-bottom: 24px;
  padding: 9px 0;
}
.section_form_line_phase_2 .wrap_all_list_po .wrap_list_list_po .article_list_list_po h3 {
  font-size: 24px; /*14px*/
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 70%;
}
.section_form_line_phase_2
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po
  .text_green {
  color: #008043;
}
.section_form_line_phase_2
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po
  .text_red {
  color: red;
}
.section_form_line_phase_2 .wrap_all_list_po .wrap_list_list_po .article_title_list_po h3 {
  font-size: 24px; /*16px*/
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.section_form_line_phase_2 .wrap_all_list_po .wrap_list_list_po .article_list_list_sub_po h2 {
  font-size: 24px; /*16px*/
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.section_form_line_phase_2 .wrap_all_list_po .wrap_list_list_po .article_list_list_sub_po h3 {
  font-size: 24px; /*14px*/
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.section_form_line_phase_2 .wrap_all_list_po .wrap_list_list_po_edit {
  padding: 20px 0;
  background: rgba(0, 128, 67, 0.05);
  box-shadow: 0 4px 4px rgba(0, 128, 67, 0.1);
  border-radius: 10px;
  margin-bottom: 24px;
  margin-top: 24px;
}
.section_form_line_phase_2
  .wrap_all_list_po
  .wrap_list_list_po_edit
  .article_list_list_sub_po {
  padding: 0 17px;
}
.section_form_line_phase_2
  .wrap_all_list_po
  .wrap_list_list_po_edit
  .edit_delete_list_po {
  padding-top: 0;
  margin-bottom: 24px;
}
.section_form_line_phase_2 .wrap_all_list_po .wrap_list_list_po_edit hr {
  margin: 24px 17px;
}
.section_form_line_phase_2
  .wrap_all_list_po
  .wrap_list_list_po_edit
  .line_full {
  margin: 24px 0;
}
.section_form_line_phase_2 .wrap_list_certificate {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 18px;
}
.section_form_line_phase_2 .wrap_list_certificate .wrap_list_input {
  margin-bottom: 10px;
}
.section_form_line_phase_2 .wrap_list_certificate .wrap_list_input h3 {
  margin-bottom: 0;
}
.section_form_line_phase_2
  .wrap_certificate_yes
  .section_form_line
  .wrap_list_input {
  margin-bottom: 16px;
}
.section_form_line_phase_2
  .wrap_certificate_yes
  .section_form_line
  .btn_white_certificate {
  max-width: 239px;
}
.btn_white_certificate {
  max-width: 239px;
}
.section_info_po_status .wrap_all_list_po h2 {
  color: #000;
  margin-bottom: 15px;
}
.section_info_po_status .wrap_all_list_po h2 .statusApproved {
  color: #008043;
  font-weight: 500;
}
.section_info_po_status .wrap_all_list_po h2 .statusNotApproved {
  color: #e2494f;
  font-weight: 500;
}
.section_info_po_status .wrap_all_list_po h3 {
  color: #000 !important;
}
.section_info_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_product
  .article_list_list_sub_po
  h3 {
  color: #000 !important;
}
.section_info_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_product
  .article_list_list_sub_po
  h2 {
  margin-bottom: 0;
}
.section_info_po_status
  .wrap_all_list_po
  .wrap_list_list_po
  .article_list_list_po_product
  .article_list_list_sub_po
  .wrap_open_popup_doc
  h3 {
  color: #000;
}
.section_form_reason .wrap_list_input textarea {
  height: 136px;
}
.section_form_line_step_add {
  margin-bottom: 14px;
}
.section_form_line_step_add h2 {
  margin-bottom: 16px;
}
.section_form_line_step_add .wrap_list_input {
  margin-bottom: 16px;
}
.section_form_line_step_add .wrap_list_input input:disabled {
  border: 1px solid #dfdfdf;
  color: #9f9f9f;
}
.section_form_line_step_add .wrap_list_input input::placeholder {
  color: #c8c8c8;
}
.section_form_line_step_add .add_certificate {
  max-width: 190px;
  margin: 0 auto;
}
.section_customer_info_checking {
  min-height: calc(100vh - 200px);
}
.section_customer_info_checking h1 {
  margin-bottom: 112px;
}
.dashboard_tasco .wrap_top_description_a .wrap_title_table_order {
  grid-template-columns: 3fr 2fr 2fr 2fr 2fr !important;
}
.dashboard_tasco
  .wrap_top_description_a
  .wrap_topic_description_box
  .wrap_desc_box_top
  .wrap_title_table_order {
  grid-template-columns: 3fr 2fr 2fr 2fr 2fr !important;
}
.dashboard_tasco
  .wrap_top_description_a
  .wrap_topic_description_box
  .wrap_desc_box_top
  .wrap_title_table_order
  .block_view_ordering {
  text-decoration: none !important;
  background-color: #dfdfdf;
  text-align: center;
}
.dashboard_tasco
  .wrap_top_description_a
  .wrap_topic_description_box
  .wrap_desc_box_top
  .wrap_title_table_order
  .block_view_ordering
  .box_topic_view_ordering {
  justify-content: center;
}
.dashboard_tasco .wrap_top_description_a h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 17px;
}
.dashboard_tasco .wrap_top_description_a h5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.dashboard_tasco
  .sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapHeaderTableOrderingDetail {
  padding: 10px 36px;
  grid-template-columns: 3fr 3fr 2fr 1fr 2fr;
}
.dashboard_tasco
  .sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapHeaderTableOrderingDetail
  h3 {
  text-align: left;
  margin-bottom: 0;
}
.dashboard_tasco
  .sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail {
  margin-bottom: 19px;
}
.dashboard_tasco
  .sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil {
  grid-template-columns: 3fr 3fr 2fr 1fr 2fr;
}
.dashboard_tasco
  .sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil
  h3 {
  text-align: left;
}
.dashboard_tasco
  .sectionTableOrderingDeatil
  .wrapTableOrderingDetail
  .wrapBodyTableOrderingDeatail
  .articleBodyTableOrderingDeatil
  .wrap_open_popup_doc
  h3 {
  text-decoration: underline;
  cursor: pointer;
}
.dashboard_owner .wrap_text_head_order_detail {
  border-bottom: none !important;
}
.dashboard_owner .wrap_text_head_order_detail h1 {
  color: #4d4d4d;
}
.select_company_master_user {
  padding-top: 0;
}
.section_form_select_shipping .section_form_line {
  margin-bottom: 4px;
  margin-top: 0;
}
.section_form_select_shipping .section_form_line h1 {
  margin-top: 15px;
  margin-bottom: 0;
}
.section_form_select_shipping .section_form_line .title_form {
  margin-top: 9px;
  margin-bottom: 24px;
}
.section_form_select_shipping
  .wrap_certificate_yes
  .section_form_line
  .wrap_list_input {
  margin-bottom: 16px;
}
.line_cetificate {
  background-color: #dfdfdf;
}
.select2-container--open .select2-dropdown--below {
  border: 1px solid #008043;
  border-radius: 10px;
}
.section_form_create_next {
  position: absolute;
  width: 100%;
  bottom: 10px;
}
input[type="time"] {
  display: -webkit-inline-box;
  display: -webkit-flex;
  -webkit-min-logical-width: calc(100% - 16px) !important;
  max-width: 100%;
  border: 1px solid #008043;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  font-family: db_heavent;
  box-shadow: none;
  outline: 0;
  text-align: left;
}
.wrap_certificate_show {
  display: none;
}
.text_red {
  color: red !important;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.col-6 {
  width: 50%;
  float: left;
  display: block;
}
.clear {
  clear: both;
}

.font-24px{
    font-size: 24px;
}