@charset "UTF-8";
#loginBody {
  display: block; }

.popup-default {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .popup-default .popupContent {
    background-color: white;
    width: 450px;
    margin: 100px auto;
    padding: 20px;
    text-align: center;
    border-radius: 10px; }
    .popup-default .popupContent .pp-content .icon-email {
      padding-bottom: 30px; }
    .popup-default .popupContent .pp-content .title-pp p {
      font-size: 24px;
      font-weight: 500;
      color: #000;
      letter-spacing: -1px; }
    .popup-default .popupContent .pp-content .des-pp .title-pp {
      color: #6c757d;
      line-height: 1.4;
      letter-spacing: -2px; }
    .popup-default .popupContent .pp-content .des-pp .email-pp {
      color: #2F80ED;
      font-size: 20px; }
    .popup-default .popupContent .pp-content .des-pp p {
      margin: 0;
      font-size: 22px;
      font-weight: 400; }

.closePopup {
  background-image: linear-gradient(to right, #518338, #8BBE46);
  border: 1px;
  width: 320px;
  height: 50px;
  border-radius: 8px;
  color: #fff;
  font-weight: 500;
  font-size: 23px;
  cursor: pointer;
  margin-top: 20px; }

.icon-sucess {
  width: 80px; }

.icon-error {
  width: 80px; }

.login-themes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  height: 100vh; }
  .login-themes .login-left {
    flex: 0 0 55%;
    max-width: 55%;
    background: url("/assets/news/images/img-nen-login.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .login-themes .login-left:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to right, #518338, #8BBE46);
      opacity: 0.85; }
    .login-themes .login-left .img-login {
      text-align: center;
      position: relative; }
      .login-themes .login-left .img-login img {
        width: 800px; }
  .login-themes .login-right {
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; }
    .login-themes .login-right .right-content {
      width: 50%; }
      .login-themes .login-right .right-content .header-login {
        text-align: center;
        padding-bottom: 120px; }
      .login-themes .login-right .right-content .form-login .title-login {
        padding-bottom: 30px; }
        .login-themes .login-right .right-content .form-login .title-login h1 {
          font-size: 30px; }
      .login-themes .login-right .right-content .form-login .txt-register {
        font-size: 16px;
        color: #333333; }
        .login-themes .login-right .right-content .form-login .txt-register a {
          color: #2F80ED;
          font-weight: 500; }
      .login-themes .login-right .right-content .form-login .btnDefault {
        margin: 20px 0;
        width: 100%; }
      .login-themes .login-right .right-content .footer-login .icon-phone {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 120px; }
        .login-themes .login-right .right-content .footer-login .icon-phone .icon-fl {
          color: #fff;
          background: #518338;
          width: 30px;
          text-align: center;
          padding: 3px;
          border-radius: 180px;
          margin-right: 20px; }
        .login-themes .login-right .right-content .footer-login .icon-phone a {
          color: #518338;
          font-weight: 500; }

.form-custom {
  padding-bottom: 25px; }
  .form-custom label {
    display: block;
    margin: 0;
    font-size: 16px;
    color: #828282; }
  .form-custom input, .form-custom select, .form-custom textarea {
    border: 1px solid #D9D9D9;
    height: 45px;
    width: 100%;
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 20px;
    font-weight: 500;
    color: #495057; }
    .form-custom input::placeholder, .form-custom select::placeholder, .form-custom textarea::placeholder {
      color: rgba(77, 77, 77, 0.7);
      font-size: 14px; }
  .form-custom textarea {
    height: 150px; }

.tag-a {
  display: block;
  font-size: 16px;
  color: #007bff;
  font-weight: 500; }

.btnDefault {
  background-image: linear-gradient(to right, #518338, #8BBE46);
  border: 1px;
  width: 320px;
  height: 50px;
  border-radius: 8px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
  font-family: SF-Pro-Display-Semibold, sans-serif; }

#togglePassword {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.form-register {
  height: 400px;
  overflow: auto; }
  .form-register::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .form-register::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px; }
  .form-register::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 4px; }

/* Đặt màu và kích thước cho thanh cuộn */
@media screen and (max-width: 767px) {
  .login-themes .login-right .right-content .form-login .title-login h1 {
    font-size: 25px; }

  .login-themes .login-right .right-content .header-login {
    padding-bottom: 70px; }

  .login-themes .login-right .right-content .footer-login .icon-phone {
    padding-top: 70px; } }
@media screen and (max-height: 655px) {
  .login-themes .login-right .right-content .header-login {
    padding-bottom: 50px; }

  .login-themes .login-right .right-content .footer-login .icon-phone {
    padding-top: 50px; } }
@font-face {
  font-family: SF-Pro-Display-Bold;
  src: url("./../fonts/SF-Pro-Display-Bold.otf") format("truetype"); }
@font-face {
  font-family: SF-Pro-Display-Medium;
  src: url("./../fonts/SF-Pro-Display-Medium.otf") format("truetype"); }
@font-face {
  font-family: SF-Pro-Display-Regular;
  src: url("./../fonts/SF-Pro-Display-Regular.otf") format("truetype"); }
@font-face {
  font-family: SF-Pro-Display-Semibold;
  src: url("./../fonts/SF-Pro-Display-Semibold.otf") format("truetype"); }
body {
  font-family: SF-Pro-Display-Regular,sans-serif; }
  body::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  body::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px; }
  body::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 4px; }

label.error {
  color: red !important; }

.h-50px {
  height: 45px; }

.pr-10 {
  padding-right: 10px; }

.pr-7 {
  padding-right: 7px; }

.bg-border {
  background: #F6F6F6;
  border-radius: 6px; }

.error-mess {
  margin: 0;
  padding: 0;
  color: red;
  text-align: center;
  font-size: 20px; }

.success-mess {
  color: #0E993C;
  font-size: 18px; }

.bg-default {
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
  font-size: 20px;
  height: 45px;
  border-radius: 6px !important;
  border: unset !important;
  color: #ffffff; }

.bg-remove {
  background: #C4C4C4;
  font-size: 20px;
  height: 45px;
  border-radius: 6px !important;
  border: unset !important;
  color: #000000; }

.btn-confirm-df {
  border: none;
  cursor: pointer;
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  width: max-content;
  padding: 3px 12px; }

.btn-confirm_ina4 {
  padding: 7px 12px;
  background: #1976CF; }

.btn-confirm_cancel {
  padding: 3px 20px;
  background: #C4C4C4;
  color: #000; }

.btn-confirm_innhiet {
  padding: 7px 12px;
  background: #0EAD3D; }

.btn-chitiet, .btn-get-qrcode {
  padding: 6px 10px; }

.default-mess {
  margin: 0;
  padding: 0;
  color: #000000;
  text-align: center;
  font-size: 20px;
  font-family: SF-Pro-Display-Semibold,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center; }

*, ol, ul {
  margin: 0;
  padding: 0; }

.mb-30 {
  margin-bottom: 24px; }

.mt-30 {
  margin-top: 30px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-10 {
  margin-bottom: 10px; }

.text-suc {
  color: #0E993C !important; }

.text-block {
  color: #dc3545 !important; }

.title-nph {
  color: #518338;
  font-family: SF-Pro-Display-Bold,sans-serif;
  font-size: 18px;
  text-transform: uppercase; }

.pagnition {
  padding-bottom: 30px;
  padding-top: 30px;
  width: 100%;
  text-align: center; }

.pagnition .page-numbers {
  padding: 3px 8px !important;
  background: #fff;
  color: #000;
  font-size: 18px;
  font-family: OpenSans-Bold,sans-serif;
  margin: 0 2px;
  border-radius: 90px;
  cursor: pointer; }

.pagnition .page-numbers:hover {
  background-color: #518338;
  color: #fff; }

.pagnition span {
  margin-left: 0 !important; }

.pagnition .next i, .pagnition .prev i {
  font-size: 12px;
  padding: 3px; }

.pagnition .current {
  background-color: #518338;
  color: #fff; }

.zindex-posi {
  position: relative;
  z-index: 1111; }

.select-search-pro .chosen-container-single .chosen-single {
  padding-left: 20px !important;
  background-color: #F6F6F6; }
  .select-search-pro .chosen-container-single .chosen-single span {
    color: #000;
    font-size: 18px;
    font-family: SF-Pro-Display-Regular,sans-serif; }

.open .navbar .navbar-nav {
  display: none !important; }

.input-focus option {
  line-height: 25px !important;
  font-size: 18px !important;
  padding: 5px 6px !important;
  word-wrap: break-word !important; }

.input-focus option:hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%) !important; }

.message-cll {
  display: flex;
  align-items: center;
  justify-content: center; }
  .message-cll span {
    color: #000000;
    text-align: center;
    font-size: 20px;
    font-family: SF-Pro-Display-Semibold,sans-serif;
    padding-left: 7px; }

.button-search {
  margin-left: 0;
  margin-right: 0; }

.ui-datepicker {
  background: white;
  border: unset;
  box-shadow: 0px 4px 10px 0px #00000040;
  border-radius: 12px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: unset !important;
  background: unset;
  text-align: center;
  color: #0A0A0A;
  padding: 0.5em; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  color: #fff;
  background: #518338;
  border-radius: 100px; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  color: #fff;
  background: #8bbe46;
  border-radius: 100px; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  color: #fff;
  background: #518338;
  border-radius: 100px; }

.ui-datepicker .ui-datepicker-header {
  background: unset;
  border: unset;
  border-bottom: 1px solid #ccc;
  border-radius: unset; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
  background: #518338; }

.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
  background: #8bbe46 !important;
  border-radius: 7px !important;
  border: unset !important; }

.chosen-container-single .chosen-search input[type="text"] {
  font-size: 18px;
  font-family: SF-Pro-Display-Regular,sans-serif; }

/* Loại bỏ nút lên xuống */
.no-arrow-input::-webkit-inner-spin-button,
.no-arrow-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

.no-arrow-input {
  /* Loại bỏ các nút up-down trên Firefox */
  -moz-appearance: textfield; }

.white-not {
  white-space: unset !important; }

.calendar-input {
  top: 32px;
  right: 0; }

.open .menutoggle {
  margin: 8px 0 0 15px; }

.open .tab-click {
  padding-left: 80px; }

.left-account {
  padding-right: 30px; }

.pl-15 .chosen-container-single .chosen-single {
  padding-left: 15px !important; }

.txt-semibold {
  font-family: SF-Pro-Display-Semibold,sans-serif;
  font-size: 18px;
  font-weight: unset !important; }

input.readonly-input {
  background-color: #cccccc73;
  /* Đổi màu nền tùy ý */
  cursor: no-drop; }

.chosen-container.chosen-container-single:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  /* Điều chỉnh khoảng cách biểu tượng với select box */
  transform: translateY(-50%);
  width: 20px;
  /* Độ rộng của hình ảnh mũi tên xuống */
  height: 20px;
  /* Chiều cao của hình ảnh mũi tên xuống */
  background: url("/assets/news/images/select-down.svg") no-repeat right center;
  /* Đường dẫn đến hình ảnh mũi tên xuống */ }

/* Tùy chỉnh giao diện của ô select */
.ui-datepicker .ui-datepicker-trigger {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px; }

/* Tùy chỉnh giao diện của option trong dropdown */
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1px; }
  .ui-datepicker .ui-datepicker-month:focus-within, .ui-datepicker .ui-datepicker-year:focus-within {
    outline: unset; }

/* Tùy chỉnh màu chữ trong dropdown */
.ui-datepicker .ui-datepicker-month option, .ui-datepicker .ui-datepicker-year option {
  color: #333; }

.ui-datepicker-title {
  position: relative;
  height: 30px; }
  .ui-datepicker-title .ui-datepicker-month {
    position: absolute;
    left: 0;
    z-index: 1; }
  .ui-datepicker-title .ui-datepicker-year {
    position: absolute;
    right: 0;
    z-index: 1; }

/* Thay đổi màu nền khi hover */
.ui-datepicker .ui-datepicker-month option:hover,
.ui-datepicker .ui-datepicker-year option:hover {
  color: #ffffff;
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%); }

.ui-datepicker .ui-datepicker-month option:active,
.ui-datepicker .ui-datepicker-year option:active {
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%); }

.ui-datepicker .ui-datepicker-month option:checked,
.ui-datepicker .ui-datepicker-year option:checked {
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%); }

.font-bold {
  font-family: SF-Pro-Display-Bold,sans-serif; }

.font-semibold {
  font-family: SF-Pro-Display-Semibold,sans-serif; }

.right-panel header.header {
  margin-bottom: 10px; }

.totalRecords {
  padding-left: 20px; }

.default-white {
  white-space: inherit !important; }

.w-200 {
  width: 200px; }

.w-80 {
  width: 80px; }

.bg-in_nhiet {
  background: #0EAD3D; }

.bg-in_a4 {
  background: #1976CF;
  color: #fff; }

.qrcode_content .qrcode-preview {
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
  padding: 0 15px;
  border-radius: 10px; }
  .qrcode_content .qrcode-preview .qrcode-inner .qrcode-title {
    text-align: center;
    color: #fff;
    font-size: 20px; }
  .qrcode_content .qrcode-preview .info-account {
    padding-top: 0 !important; }
  .qrcode_content .qrcode-preview .qrcode-partner-info {
    padding-bottom: 7px; }
    .qrcode_content .qrcode-preview .qrcode-partner-info label {
      flex: 0.5;
      margin-bottom: 0;
      font-size: 16px; }
    .qrcode_content .qrcode-preview .qrcode-partner-info h5 {
      flex: 1;
      color: #ffffff !important;
      font-size: 17px; }

#kichthuoc {
  padding-top: 10px; }

#downloadButtonQrcodePDF {
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
  border-radius: 10px; }

.zindex-1 {
  z-index: 10; }

aside#left-panel {
  background: url(/assets/news/images/menu-das/bg-menu.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  position: relative;
  flex: none;
  padding-top: 30px; }
  aside#left-panel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #518338, #8BBE46);
    opacity: 0.85; }

.logo-menu img {
  width: 180px; }

#main-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px; }
#main-menu::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px; }
#main-menu::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 4px; }
#main-menu > ul .menu-title {
  padding-left: 10px;
  padding-right: 10px;
  font-family: SF-Pro-Display-Bold,sans-serif; }
#main-menu > ul > li {
  margin: 5px 0; }
  #main-menu > ul > li > a {
    display: flex;
    position: relative;
    width: 100%;
    padding: 10px 10px; }
    #main-menu > ul > li > a span {
      padding-left: 10px;
      font-size: 16px; }
    #main-menu > ul > li > a svg {
      width: 20px; }
    #main-menu > ul > li > a i {
      color: #fff;
      font-size: 20px;
      width: 20px;
      text-align: center; }
  #main-menu > ul > li:hover {
    background: #eee;
    border-radius: 7px; }
    #main-menu > ul > li:hover a {
      background: #eee;
      border-radius: 7px;
      color: #518338; }
      #main-menu > ul > li:hover a svg path {
        fill: #518338; }
      #main-menu > ul > li:hover a:before {
        color: #518338; }
      #main-menu > ul > li:hover a i {
        color: #518338; }
#main-menu > ul li.active-menu, #main-menu > ul li.show {
  background: #eee;
  border-radius: 7px; }
  #main-menu > ul li.active-menu a, #main-menu > ul li.show a {
    background: #eee;
    border-radius: 7px;
    color: #518338; }
    #main-menu > ul li.active-menu a:before, #main-menu > ul li.show a:before {
      color: #518338; }
    #main-menu > ul li.active-menu a svg path, #main-menu > ul li.show a svg path {
      fill: #518338; }
  #main-menu > ul li.active-menu i, #main-menu > ul li.show i {
    color: #518338; }
#main-menu li.menu-item-has-children .sub-menu li a {
  display: flex;
  align-items: center;
  height: 40px; }
  #main-menu li.menu-item-has-children .sub-menu li a span {
    font-size: 16px;
    padding-left: 10px; }

#header .user-menu {
  box-shadow: 0px 4px 11px 0px #0000002E; }
  #header .user-menu .nav-link i {
    padding-right: 10px;
    font-size: 18px; }

.info-user {
  display: block;
  text-align: right;
  padding-right: 15px !important; }
  .info-user span:first-child {
    display: block;
    font-size: 18px;
    color: #000000;
    font-family: SF-Pro-Display-Semibold,sans-serif; }
  .info-user span:last-child {
    font-size: 20px;
    color: #518338;
    font-family: SF-Pro-Display-Bold,sans-serif; }

.bread {
  border-bottom: 1px solid #E0E0E0;
  position: relative; }
  .bread ul {
    display: flex;
    align-items: center;
    bottom: 0;
    padding-left: 15px;
    position: absolute; }
    .bread ul li {
      list-style: none;
      margin-right: 15px;
      padding-left: 10px;
      padding-right: 15px;
      padding-bottom: 10px; }
      .bread ul li a {
        font-size: 20px;
        color: #000; }

.active-text {
  font-family: SF-Pro-Display-Bold,sans-serif;
  border-bottom: 3px solid #518338; }
  .active-text a {
    color: #518338 !important; }

.navbar .navbar-nav > .active {
  background: #eee;
  border-radius: 7px; }
  .navbar .navbar-nav > .active > a {
    background: #eee;
    border-radius: 7px;
    color: #518338; }
    .navbar .navbar-nav > .active > a svg path {
      fill: #518338; }
    .navbar .navbar-nav > .active > a i {
      color: #518338 !important; }

.type-card-click .icon-dt-1 {
  display: block; }
.type-card-click .icon-dt-2 {
  display: none; }

.type-card-click.active-card .icon-dt-2 {
  display: block !important; }
.type-card-click.active-card .icon-dt-1 {
  display: none !important; }

.title-inline span {
  color: #518338;
  font-family: SF-Pro-Display-Bold,sans-serif;
  font-size: 18px;
  text-transform: uppercase; }

.nph-sp .nph {
  flex: 1.5; }
.nph-sp .sp {
  flex: 1; }

.provider-item, .issuer-item {
  padding: 0px 0px 15px 15px; }
  .provider-item .type-provider, .provider-item .type-issuer, .issuer-item .type-provider, .issuer-item .type-issuer {
    padding: 5px;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
    height: 60px;
    width: 230px;
    border: unset;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F6F6F6; }

.active-provider, .active-provider {
  border: 1px solid #518338 !important; }
  .active-provider .icon-check, .active-provider .icon-check {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block; }

.icon-check {
  display: none; }

.select-item_amount {
  width: 230px;
  border-radius: 8px;
  margin-right: 20px;
  margin-bottom: 20px; }
  .select-item_amount .active-amount .detail-payment {
    background: linear-gradient(90deg, #518338 0%, #8BBE46 100%); }
  .select-item_amount .active-amount .price-buy {
    color: #ffffff; }
  .select-item_amount .active-amount .price-buy-value {
    color: #ffffff; }
  .select-item_amount .active-amount .detail-amount-1 {
    border: 1px solid #518338 !important;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }
  .select-item_amount .detail-payment {
    background: #EAEAEA;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-bottom: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px; }

.card-body-themes {
  padding: 0 30px; }

.item-checkbox {
  margin-right: 30px;
  border: 1px solid #518338;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 30px; }
  .item-checkbox .list-group-item-parent .checkbox {
    padding: 10px 15px; }
    .item-checkbox .list-group-item-parent .checkbox .text-ky {
      padding-left: 7px;
      font-weight: 500; }
  .item-checkbox .list-item-chil {
    padding: 10px; }
    .item-checkbox .list-item-chil:not(:first-child) {
      background: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
      color: #fff;
      border-bottom: 1px solid #fff; }
    .item-checkbox .list-item-chil .s-itemli {
      font-size: 15px; }

#right-panel {
  width: 85%;
  float: left; }

.user-area .user-menu .nav-link {
  display: flex !important;
  align-items: center !important;
  padding: 10px 0 !important; }
  .user-area .user-menu .nav-link:hover svg path {
    fill: #518338; }
  .user-area .user-menu .nav-link:hover span {
    color: #518338; }
  .user-area .user-menu .nav-link span {
    padding-left: 8px; }
.user-area .user-menu .active-a svg path {
  fill: #518338; }
.user-area .user-menu .active-a span {
  color: #518338; }

.info-m {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1; }
  .info-m .info-d {
    background: #FC5555;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 6px;
    color: #fff;
    position: relative; }
    .info-m .info-d .info-svg svg {
      position: absolute;
      top: -8px; }
    .info-m .info-d .info-t {
      text-align: center;
      line-height: 50px;
      color: #fff;
      padding: 0 30px;
      width: max-content; }

.btn-clss form:first-child {
  padding-right: 10px; }

.wrap-product .chosen-container-single .chosen-results li.parent {
  font-family: SF-Pro-Display-Bold,sans-serif;
  font-weight: unset !important; }

.div-table {
  margin-bottom: 30px;
  overflow: auto; }
  .div-table::-webkit-scrollbar {
    width: 12px;
    height: 12px; }
  .div-table::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px; }
  .div-table::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 4px; }

.gim-head {
  position: sticky;
  top: 0; }
  .gim-head tr {
    background-color: #ffffff !important; }
    .gim-head tr th {
      border-bottom: 1px solid #BCBCBC; }

.top-50 {
  top: 50px !important; }

.table-css {
  width: 100%;
  border-collapse: collapse; }
  .table-css th, .table-css td {
    padding: 8px;
    text-align: center;
    height: 50px;
    white-space: nowrap;
    color: #333333; }
  .table-css tbody {
    border-bottom: 1px solid #e9ecef; }
    .table-css tbody tr:nth-child(2n-1) {
      background-color: #F6F6F6; }
      .table-css tbody tr:nth-child(2n-1) td {
        border-right: 1px solid #FFFFFF; }
    .table-css tbody tr:nth-child(2n) td {
      border-right: 1px solid #F1F1F1; }
  .table-css tr th {
    font-size: 16px;
    font-weight: 400; }
  .table-css tr td {
    font-size: 14px;
    font-weight: 500; }

.table-css-2 th, .table-css-2 td {
  text-align: left; }
  .table-css-2 th:last-child, .table-css-2 td:last-child {
    text-align: center; }
.table-css-2 tbody {
  border-bottom: 1px solid #e9ecef; }
.table-css-2 th {
  background-color: #518338;
  color: #fff;
  font-weight: 400; }

.title-dl p {
  margin: 0;
  padding: 0;
  color: #000000;
  font-weight: 500; }

.change-nh {
  display: flex;
  align-items: center; }
  .change-nh .item-nh {
    height: 60px;
    line-height: 60px;
    padding: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 30px;
    position: relative;
    width: 200px;
    border-radius: 8px;
    justify-content: center;
    background: #F6F6F6; }
    .change-nh .item-nh .item-suc {
      display: none;
      position: absolute;
      top: 3px;
      right: 3px; }

.active-defalut {
  border: 1px solid #518338; }
  .active-defalut .item-suc {
    display: block !important; }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .login-themes .login-right .right-content {
    width: 80%; }
    .login-themes .login-right .right-content .header-login {
      padding-bottom: 80px; }

  .login-themes .login-right .right-content .footer-login .icon-phone {
    padding-top: 80px; }

  .navbar .navbar-nav {
    padding: 0 15px; }

  .request-col {
    display: flex;
    flex-wrap: wrap; }
    .request-col .wrap-product {
      flex: 1;
      padding-right: 15px; }
    .request-col .wrap-product1 {
      flex: 1;
      padding-left: 15px; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .request-col .wrap-product {
    padding-right: 10px; }

  .request-col .wrap-product1 {
    padding-left: 10px; } }
@media screen and (min-width: 993px) and (max-width: 1199px) {
  #left-panel {
    width: 25%; }

  #right-panel {
    width: 75%; } }
@media screen and (min-width: 1200px) and (max-width: 1367px) {
  #left-panel {
    width: 20%; }

  #right-panel {
    width: 80%; } }
@media screen and (min-width: 1600px) {
  #left-panel {
    width: 12%; }

  #right-panel {
    width: 88%; } }
@media screen and (max-width: 767px) {
  .navbar .navbar-nav {
    padding: 0 5px; }

  .login-themes {
    display: block !important; }
    .login-themes .login-right {
      max-width: 100% !important; }

  .login-left {
    display: none !important; }

  .right-content {
    width: 80% !important; }

  .button-search {
    flex: auto !important; }

  .card-body-themes {
    padding: 0 15px 30px 15px !important; }

  .main .selection-content .select-type .type-card {
    justify-content: unset !important;
    padding-left: 20px !important; }

  .content-left .d-flex {
    display: block !important; }
    .content-left .d-flex .input-edit:first-child {
      padding-bottom: 30px; }

  .nph-sp {
    display: block !important; }

  .select-issuer .issuer-item .type-issuer {
    width: 150px !important; }

  .select-amount .select-item_amount {
    width: 150px !important;
    margin-right: 10px !important; }

  .type-provider, .issuer-item .type-issuer {
    width: 150px !important; }

  .tab-click {
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
    padding-top: 15px;
    position: unset !important;
    padding-left: 0 !important; } }
@media screen and (max-width: 1199px) {
  .text-tab-type {
    font-size: 16px !important; }

  .card-body-themes {
    padding: 0 10px !important;
    margin-bottom: 30px; } }
@media screen and (min-width: 993px) {
  .collapse:not(.show) {
    display: block !important; }

  aside#left-panel {
    min-height: 100vh; } }
@media screen and (max-width: 992px) {
  #left-panel {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
    #left-panel .navbar-header button i {
      color: #ffffff; }

  .navbar .navbar-nav {
    padding-top: 20px !important; }

  .logo-menu img {
    width: 120px; }

  #right-panel {
    width: 100%; }

  .content-img-qr {
    flex: 1 !important; }

  .content-text {
    flex: 1 !important; }

  .qrcode_content .qrcode-preview .qrcode-partner-info label {
    flex: 1; }

  .qrcode_content .qrcode-preview .qrcode-partner-info label {
    flex: 0.6; }

  .qrcode_content .qrcode-preview .qrcode-partner-info h5 {
    flex: 1; } }
@media screen and (max-width: 480px) {
  #myModal #exampleModalLongTitle {
    font-size: 16px; }
  #myModal .modal-body {
    padding-left: 5px;
    padding-right: 5px; }
  #myModal .qrcode-partner-info label {
    font-size: 13px; }
  #myModal .qrcode-partner-info h5 {
    font-size: 14px; }
  #myModal .qrcode_content .qrcode-preview {
    padding: 0; } }
.line-border {
  width: 0;
  border-right: 1px solid #e3e6f0;
  height: calc(4.375rem - 2rem);
  margin: auto 1rem; }

.dropdown .dropdown-menu {
  font-size: 0.85rem; }

.dropdown .dropdown-menu .dropdown-header {
  font-family: SF-Pro-Display-Bold,sans-serif;
  font-size: 18px;
  color: #b7b9cc; }

.dropdown.no-arrow .dropdown-toggle::after {
  display: none; }

.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f105';
  font-family: 'Font Awesome 5 Free'; }

.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f107'; }

.sidebar .nav-item .nav-link,
.topbar .nav-item .nav-link {
  position: relative; }

.sidebar .nav-item .nav-link .badge-counter,
.topbar .nav-item .nav-link .badge-counter {
  position: absolute;
  transform: scale(0.7);
  transform-origin: top right;
  right: .25rem;
  margin-top: -.25rem; }

.sidebar .nav-item .nav-link .img-profile,
.topbar .nav-item .nav-link .img-profile {
  height: 2rem;
  width: 2rem; }

.topbar #sidebarToggleTop {
  height: 2.5rem;
  width: 2.5rem; }

.topbar #sidebarToggleTop:hover {
  background-color: #eaecf4; }

.topbar #sidebarToggleTop:active {
  background-color: #dddfeb; }

.topbar .navbar-search {
  width: 25rem; }

.topbar .navbar-search input {
  font-size: 0.85rem;
  height: auto; }

.topbar .topbar-divider {
  width: 0;
  border-right: 1px solid #e3e6f0;
  height: calc(4.375rem - 2rem);
  margin: auto 1rem; }

.topbar .nav-item .nav-link {
  height: 4.375rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem; }

.topbar .nav-item .nav-link:focus {
  outline: none; }

.topbar .nav-item:focus {
  outline: none; }

.topbar .dropdown {
  position: static; }

.topbar .dropdown .dropdown-menu {
  width: calc(100% - 1.5rem);
  right: 0.75rem;
  z-index: 9999; }

.topbar .dropdown-list {
  padding: 0;
  border: none;
  overflow: hidden; }

.topbar .dropdown-list .dropdown-header {
  background: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
  border-image-source: linear-gradient(90deg, #518338 0%, #8BBE46 100%);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #fff; }

.topbar .dropdown-list .dropdown-item {
  white-space: normal;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-left: 1px solid #e3e6f0;
  border-right: 1px solid #e3e6f0;
  border-bottom: 1px solid #e3e6f0;
  line-height: 1.3rem;
  font-size: 16px;
  font-weight: unset;
  border-top: 1px solid #e3e6f0; }

.topbar .dropdown-list .dropdown-item .dropdown-list-image {
  position: relative;
  height: 2.5rem;
  width: 2.5rem; }

.topbar .dropdown-list .dropdown-item .dropdown-list-image img {
  height: 2.5rem;
  width: 2.5rem; }

.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
  background-color: #eaecf4;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0.125rem solid #fff; }

.topbar .dropdown-list .dropdown-item .text-truncate {
  max-width: 10rem; }

.topbar .dropdown-list .dropdown-item:active {
  background-color: #eaecf4;
  color: #3a3b45; }

@media (min-width: 576px) {
  .topbar .dropdown {
    position: relative; }

  .topbar .dropdown .dropdown-menu {
    width: auto;
    right: 0; }

  .topbar .dropdown-list {
    width: 30rem !important; }

  .topbar .dropdown-list .dropdown-item .text-truncate {
    max-width: 13.375rem; } }
.topbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.8); }

.topbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  color: #fff; }

.topbar.navbar-dark .navbar-nav .nav-item .nav-link:active {
  color: #fff; }

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: #d1d3e2; }

.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: #b7b9cc; }

.topbar.navbar-light .navbar-nav .nav-item .nav-link:active {
  color: #858796; }

.view-all {
  font-family: SF-Pro-Display-Semibold,sans-serif;
  font-size: 14px !important; }

.txt-notifice.read-active {
  font-family: SF-Pro-Display-Semibold,sans-serif; }
.txt-notifice .title-status {
  font-size: 15px;
  font-family: SF-Pro-Display-Semibold,sans-serif; }
.txt-notifice .content-info {
  padding-top: 5px;
  padding-bottom: 8px;
  font-size: 14px; }
.txt-notifice .title-date {
  font-size: 13px; }

.content-noti {
  overflow: auto;
  min-height: 25rem;
  height: 40rem; }
  .content-noti .topbar .dropdown-list .dropdown-item:last-child {
    border-bottom: unset; }

.modal-backdrop {
  z-index: 99999; }

.modal {
  z-index: 999999; }

.qrcode_content .qrcode-preview .qrcode-partner-info label {
  flex: 0.3;
  font-size: 15px; }

.qrcode_content .qrcode-preview .qrcode-partner-info h5 {
  font-size: 15px; }

@media (min-width: 576px) {
  #notiPopup .modal-dialog {
    max-width: 800px; } }
.content-text {
  margin-left: 10px; }

.content-img-qr {
  flex: 0.7; }

.content-text {
  flex: 0.5; }

.qrcode-text label {
  flex: 0.8;
  padding-right: 5px;
  font-size: 14px;
  margin-bottom: 5px; }
.qrcode-text span {
  font-size: 14px;
  flex: 1;
  font-family: SF-Pro-Display-Semibold,sans-serif; }

.btn-confirm-df:hover {
  color: #ffffff; }

.value-bold {
  font-size: 13px; }

.read-active1 {
  font-family: SF-Pro-Display-Semibold,sans-serif;
  background-color: #8bbe461c; }
  .read-active1:hover {
    background-color: #8bbe461c !important; }

.mt-20 {
  margin-top: 20px; }

.title-status-CREATED {
  color: #007bff; }

.title-status-MODIFIED {
  color: #007bff; }

.title-status-PAYMENT_PEN, .title-status-VOID_PEN {
  color: #ff9800; }
.title-status-PAYMENT_SUC, .title-status-REFUND_SUC {
  color: #28a745; }

.title-status-VOID_SUC, .title-status-VOID_REF, .title-status-VOID_REJ, .title-status-VOID_CAN {
  color: #dc3545; }

.title-status-DOWNLOAD {
  color: #007bff; }

.orther-info-email .fa-bell {
  font-size: 22px; }

.topbar .dropdown-list .dropdown-item:hover, .topbar .dropdown-list .dropdown-item:active {
  background-color: unset; }

.popup-notification {
  bottom: 30px;
  position: fixed;
  display: block;
  right: 30px;
  z-index: 9999;
  background-color: #ffffff; }
  .popup-notification .showNoti {
    background-color: #8bbe461c; }

.title-inline-qrcode {
  padding-bottom: 7px;
  padding-top: 7px; }
  .title-inline-qrcode span {
    color: #518338;
    font-family: SF-Pro-Display-Bold,sans-serif;
    font-size: 15px; }

.bor-top {
  margin-top: 7px;
  border-top: 1px solid #eee; }

.swal2-container {
  z-index: 9999999 !important; }

.sub-title-inline span {
    font-family: SF-Pro-Display-Bold,sans-serif;
    font-size: 14px;
    text-transform: uppercase; }

/*# sourceMappingURL=updates.css.map */