@charset "UTF-8";
/* ==========================================================================
  Author's custom styles
========================================================================== */
.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

*::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  height: 80px;
  width: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}

.s-border-radius-none {
  border-radius: 0;
}

.s-border-radius-left-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.s-border-radius-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.s-border-radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.s-border-radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.s-border-top-left-radius-none {
  border-top-left-radius: 0;
}

.s-border-top-right-radius-none {
  border-top-right-radius: 0;
}

.s-border-bottom-left-radius-none {
  border-bottom-left-radius: 0;
}

.s-border-bottom-right-radius-none {
  border-bottom-right-radius: 0;
}

.s-border-radius-rounded {
  border-radius: 2px;
}

.s-border-radius-left-rounded {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.s-border-radius-right-rounded {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.s-border-radius-top-rounded {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.s-border-radius-bottom-rounded {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.s-border-top-left-radius-rounded {
  border-top-left-radius: 2px;
}

.s-border-top-right-radius-rounded {
  border-top-right-radius: 2px;
}

.s-border-bottom-left-radius-rounded {
  border-bottom-left-radius: 2px;
}

.s-border-bottom-right-radius-rounded {
  border-bottom-right-radius: 2px;
}

.s-border-radius-xxs {
  border-radius: 4px;
}

.s-border-radius-left-xxs {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.s-border-radius-right-xxs {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.s-border-radius-top-xxs {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.s-border-radius-bottom-xxs {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.s-border-top-left-radius-xxs {
  border-top-left-radius: 4px;
}

.s-border-top-right-radius-xxs {
  border-top-right-radius: 4px;
}

.s-border-bottom-left-radius-xxs {
  border-bottom-left-radius: 4px;
}

.s-border-bottom-right-radius-xxs {
  border-bottom-right-radius: 4px;
}

.s-border-radius-xs {
  border-radius: 6px;
}

.s-border-radius-left-xs {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.s-border-radius-right-xs {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.s-border-radius-top-xs {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.s-border-radius-bottom-xs {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.s-border-top-left-radius-xs {
  border-top-left-radius: 6px;
}

.s-border-top-right-radius-xs {
  border-top-right-radius: 6px;
}

.s-border-bottom-left-radius-xs {
  border-bottom-left-radius: 6px;
}

.s-border-bottom-right-radius-xs {
  border-bottom-right-radius: 6px;
}

.s-border-radius-sm {
  border-radius: 8px;
}

.s-border-radius-left-sm {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.s-border-radius-right-sm {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.s-border-radius-top-sm {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.s-border-radius-bottom-sm {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.s-border-top-left-radius-sm {
  border-top-left-radius: 8px;
}

.s-border-top-right-radius-sm {
  border-top-right-radius: 8px;
}

.s-border-bottom-left-radius-sm {
  border-bottom-left-radius: 8px;
}

.s-border-bottom-right-radius-sm {
  border-bottom-right-radius: 8px;
}

.s-border-radius-md {
  border-radius: 10px;
}

.s-border-radius-left-md {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.s-border-radius-right-md {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.s-border-radius-top-md {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.s-border-radius-bottom-md {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.s-border-top-left-radius-md {
  border-top-left-radius: 10px;
}

.s-border-top-right-radius-md {
  border-top-right-radius: 10px;
}

.s-border-bottom-left-radius-md {
  border-bottom-left-radius: 10px;
}

.s-border-bottom-right-radius-md {
  border-bottom-right-radius: 10px;
}

.s-border-radius-lg {
  border-radius: 12px;
}

.s-border-radius-left-lg {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.s-border-radius-right-lg {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.s-border-radius-top-lg {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.s-border-radius-bottom-lg {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.s-border-top-left-radius-lg {
  border-top-left-radius: 12px;
}

.s-border-top-right-radius-lg {
  border-top-right-radius: 12px;
}

.s-border-bottom-left-radius-lg {
  border-bottom-left-radius: 12px;
}

.s-border-bottom-right-radius-lg {
  border-bottom-right-radius: 12px;
}

.s-border-radius-xl {
  border-radius: 14px;
}

.s-border-radius-left-xl {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.s-border-radius-right-xl {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

.s-border-radius-top-xl {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.s-border-radius-bottom-xl {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.s-border-top-left-radius-xl {
  border-top-left-radius: 14px;
}

.s-border-top-right-radius-xl {
  border-top-right-radius: 14px;
}

.s-border-bottom-left-radius-xl {
  border-bottom-left-radius: 14px;
}

.s-border-bottom-right-radius-xl {
  border-bottom-right-radius: 14px;
}

.s-border-radius-xxl {
  border-radius: 16px;
}

.s-border-radius-left-xxl {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.s-border-radius-right-xxl {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.s-border-radius-top-xxl {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.s-border-radius-bottom-xxl {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.s-border-top-left-radius-xxl {
  border-top-left-radius: 16px;
}

.s-border-top-right-radius-xxl {
  border-top-right-radius: 16px;
}

.s-border-bottom-left-radius-xxl {
  border-bottom-left-radius: 16px;
}

.s-border-bottom-right-radius-xxl {
  border-bottom-right-radius: 16px;
}

.s-border-radius-xxs {
  border-radius: 4px !important;
}

.s-border-radius-sm {
  border-radius: 8px !important;
}

.display-none {
  display: none;
}

.text-underline {
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  outline: none !important;
  color: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

input::-moz-focus-inner {
  border: 0;
}

li,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.btn:focus,
.form-select:focus,
.form-control[type=date]:focus {
  box-shadow: none !important;
}

:lang(kr) {
  --font-family: "Pretendard";
}

:lang(jp) {
  --font-family: "Pretendard JP";
}

body {
  font-family: var(--font-family) !important;
  font-size: 14px;
  font-weight: 400;
  color: #181818;
  background-color: #F0F0F0;
}

.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}

.navbar-brand {
  font-family: var(--font-family);
}

.table-responsive {
  border: 1px solid #ccc;
}

ul[datepicker-popup-wrap] table[role=grid] {
  margin: 0 5px;
}

ul[datepicker-popup-wrap] table[role=grid] .btn {
  border: none;
}

.unstyled::-webkit-search-decoration,
.unstyled::-webkit-search-cancel-button,
.unstyled::-webkit-search-results-button,
.unstyled::-webkit-search-results-decoration,
.unstyled::-webkit-clear-button,
.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* Blink effect ---------------------------- */
.blink {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.background-danger {
  background-color: #f2dede;
  /*color:white;*/
}

.background-info {
  background-color: #d9edf7;
}

.background-success {
  background-color: #dff0d8;
  /*color:white;*/
}

.background-warning {
  background-color: #fcf8e3;
  /*color:white;*/
}

/* ----------------------------------------- */
.flex {
  display: flex;
}

.column {
  display: flex;
  flex-direction: column;
}

.row {
  display: flex;
  flex-direction: row;
}

.cursor-pointer {
  cursor: pointer;
}

.full-width {
  width: 100%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.no-border {
  border: none !important;
}

.btn-text-only {
  border: none;
  background: transparent;
  padding: 0;
}
.btn-text-only:focus-visible {
  border: none;
}

.page-header {
  margin: 0 0 0 12px;
  font-size: 18px;
  font-weight: 700;
}

.help-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 7px solid #6B3DEE;
  background-color: white;
  border-radius: 20px;
  line-height: 16px;
  font-weight: 900;
  font-size: 16px;
  color: #6B3DEE;
}

.btn-right-end {
  position: fixed;
  right: 24px;
}

.btn-group-tab {
  border-radius: 6px;
  margin-right: 8px;
}
.btn-group-tab .btn {
  height: 33px;
  padding: 6px 12px;
  color: #737373;
  border: 1px solid #AAAAAA;
  border-radius: 0 !important;
}
.btn-group-tab .btn:first-of-type {
  border-right: 1px solid #AAAAAA;
  border-radius: 6px 0 0 6px !important;
}
.btn-group-tab .btn:last-of-type {
  border-left: 1px solid #AAAAAA;
  border-radius: 0 6px 6px 0 !important;
}
.btn-group-tab .active {
  color: white;
  background: #3479FF;
  border: none;
  border-radius: 0px !important;
}

.uploadGroup {
  display: flex;
  align-items: center;
}
.uploadGroup .fileUploadBtn {
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  width: fit-content;
  height: 30px;
  padding: 4px 11px;
  font-weight: 500;
  color: #737373;
  cursor: pointer;
}
.uploadGroup #uploadFile {
  display: none;
}
.uploadGroup #uploadFilePlaceholder {
  margin-left: 16px;
  font-weight: 500;
  color: #AAAAAA;
}
.uploadGroup #uploadFileChip {
  border: 1px solid #D4D4D4;
  border-radius: 14px;
  margin-left: 16px;
  padding: 4px 10px;
  font-size: 13px;
  color: #606060;
}
.uploadGroup #uploadFileChip .clear-btn > i {
  color: #999999;
  margin-left: 8px;
  cursor: pointer;
}

.s-border-none {
  border: none;
}

.text-red-light01 {
  color: #FEF4F6 !important;
}

.bg-red-light01 {
  background-color: #FEF4F6 !important;
}

.border-red-light01 {
  border: 1px solid #FEF4F6;
}
.border-red-light01:focus {
  border-color: #FEF4F6;
}

.border-top-red-light01 {
  border-top: 1px solid #FEF4F6;
}
.border-top-red-light01:focus {
  border-top-color: #FEF4F6;
}

.border-right-red-light01 {
  border-right: 1px solid #FEF4F6;
}
.border-right-red-light01:focus {
  border-right-color: #FEF4F6;
}

.border-bottom-red-light01 {
  border-bottom: 1px solid #FEF4F6;
}
.border-bottom-red-light01:focus {
  border-bottom-color: #FEF4F6;
}

.border-left-red-light01 {
  border-left: 1px solid #FEF4F6;
}
.border-left-red-light01:focus {
  border-left-color: #FEF4F6;
}

.text-red-light02 {
  color: #FDE4E8 !important;
}

.bg-red-light02 {
  background-color: #FDE4E8 !important;
}

.border-red-light02 {
  border: 1px solid #FDE4E8;
}
.border-red-light02:focus {
  border-color: #FDE4E8;
}

.border-top-red-light02 {
  border-top: 1px solid #FDE4E8;
}
.border-top-red-light02:focus {
  border-top-color: #FDE4E8;
}

.border-right-red-light02 {
  border-right: 1px solid #FDE4E8;
}
.border-right-red-light02:focus {
  border-right-color: #FDE4E8;
}

.border-bottom-red-light02 {
  border-bottom: 1px solid #FDE4E8;
}
.border-bottom-red-light02:focus {
  border-bottom-color: #FDE4E8;
}

.border-left-red-light02 {
  border-left: 1px solid #FDE4E8;
}
.border-left-red-light02:focus {
  border-left-color: #FDE4E8;
}

.text-red-light03 {
  color: #FCD2D9 !important;
}

.bg-red-light03 {
  background-color: #FCD2D9 !important;
}

.border-red-light03 {
  border: 1px solid #FCD2D9;
}
.border-red-light03:focus {
  border-color: #FCD2D9;
}

.border-top-red-light03 {
  border-top: 1px solid #FCD2D9;
}
.border-top-red-light03:focus {
  border-top-color: #FCD2D9;
}

.border-right-red-light03 {
  border-right: 1px solid #FCD2D9;
}
.border-right-red-light03:focus {
  border-right-color: #FCD2D9;
}

.border-bottom-red-light03 {
  border-bottom: 1px solid #FCD2D9;
}
.border-bottom-red-light03:focus {
  border-bottom-color: #FCD2D9;
}

.border-left-red-light03 {
  border-left: 1px solid #FCD2D9;
}
.border-left-red-light03:focus {
  border-left-color: #FCD2D9;
}

.text-red-light04 {
  color: #FAC0CA !important;
}

.bg-red-light04 {
  background-color: #FAC0CA !important;
}

.border-red-light04 {
  border: 1px solid #FAC0CA;
}
.border-red-light04:focus {
  border-color: #FAC0CA;
}

.border-top-red-light04 {
  border-top: 1px solid #FAC0CA;
}
.border-top-red-light04:focus {
  border-top-color: #FAC0CA;
}

.border-right-red-light04 {
  border-right: 1px solid #FAC0CA;
}
.border-right-red-light04:focus {
  border-right-color: #FAC0CA;
}

.border-bottom-red-light04 {
  border-bottom: 1px solid #FAC0CA;
}
.border-bottom-red-light04:focus {
  border-bottom-color: #FAC0CA;
}

.border-left-red-light04 {
  border-left: 1px solid #FAC0CA;
}
.border-left-red-light04:focus {
  border-left-color: #FAC0CA;
}

.text-red-light05 {
  color: #F89BAC !important;
}

.bg-red-light05 {
  background-color: #F89BAC !important;
}

.border-red-light05 {
  border: 1px solid #F89BAC;
}
.border-red-light05:focus {
  border-color: #F89BAC;
}

.border-top-red-light05 {
  border-top: 1px solid #F89BAC;
}
.border-top-red-light05:focus {
  border-top-color: #F89BAC;
}

.border-right-red-light05 {
  border-right: 1px solid #F89BAC;
}
.border-right-red-light05:focus {
  border-right-color: #F89BAC;
}

.border-bottom-red-light05 {
  border-bottom: 1px solid #F89BAC;
}
.border-bottom-red-light05:focus {
  border-bottom-color: #F89BAC;
}

.border-left-red-light05 {
  border-left: 1px solid #F89BAC;
}
.border-left-red-light05:focus {
  border-left-color: #F89BAC;
}

.text-red-light06 {
  color: #F7899D !important;
}

.bg-red-light06 {
  background-color: #F7899D !important;
}

.border-red-light06 {
  border: 1px solid #F7899D;
}
.border-red-light06:focus {
  border-color: #F7899D;
}

.border-top-red-light06 {
  border-top: 1px solid #F7899D;
}
.border-top-red-light06:focus {
  border-top-color: #F7899D;
}

.border-right-red-light06 {
  border-right: 1px solid #F7899D;
}
.border-right-red-light06:focus {
  border-right-color: #F7899D;
}

.border-bottom-red-light06 {
  border-bottom: 1px solid #F7899D;
}
.border-bottom-red-light06:focus {
  border-bottom-color: #F7899D;
}

.border-left-red-light06 {
  border-left: 1px solid #F7899D;
}
.border-left-red-light06:focus {
  border-left-color: #F7899D;
}

.text-red-light07 {
  color: #F56E86 !important;
}

.bg-red-light07 {
  background-color: #F56E86 !important;
}

.border-red-light07 {
  border: 1px solid #F56E86;
}
.border-red-light07:focus {
  border-color: #F56E86;
}

.border-top-red-light07 {
  border-top: 1px solid #F56E86;
}
.border-top-red-light07:focus {
  border-top-color: #F56E86;
}

.border-right-red-light07 {
  border-right: 1px solid #F56E86;
}
.border-right-red-light07:focus {
  border-right-color: #F56E86;
}

.border-bottom-red-light07 {
  border-bottom: 1px solid #F56E86;
}
.border-bottom-red-light07:focus {
  border-bottom-color: #F56E86;
}

.border-left-red-light07 {
  border-left: 1px solid #F56E86;
}
.border-left-red-light07:focus {
  border-left-color: #F56E86;
}

.text-red-base {
  color: #F45C77 !important;
}

.bg-red-base {
  background-color: #F45C77 !important;
}

.border-red-base {
  border: 1px solid #F45C77;
}
.border-red-base:focus {
  border-color: #F45C77;
}

.border-top-red-base {
  border-top: 1px solid #F45C77;
}
.border-top-red-base:focus {
  border-top-color: #F45C77;
}

.border-right-red-base {
  border-right: 1px solid #F45C77;
}
.border-right-red-base:focus {
  border-right-color: #F45C77;
}

.border-bottom-red-base {
  border-bottom: 1px solid #F45C77;
}
.border-bottom-red-base:focus {
  border-bottom-color: #F45C77;
}

.border-left-red-base {
  border-left: 1px solid #F45C77;
}
.border-left-red-base:focus {
  border-left-color: #F45C77;
}

.text-red-dark07 {
  color: #D1425C !important;
}

.bg-red-dark07 {
  background-color: #D1425C !important;
}

.border-red-dark07 {
  border: 1px solid #D1425C;
}
.border-red-dark07:focus {
  border-color: #D1425C;
}

.border-top-red-dark07 {
  border-top: 1px solid #D1425C;
}
.border-top-red-dark07:focus {
  border-top-color: #D1425C;
}

.border-right-red-dark07 {
  border-right: 1px solid #D1425C;
}
.border-right-red-dark07:focus {
  border-right-color: #D1425C;
}

.border-bottom-red-dark07 {
  border-bottom: 1px solid #D1425C;
}
.border-bottom-red-dark07:focus {
  border-bottom-color: #D1425C;
}

.border-left-red-dark07 {
  border-left: 1px solid #D1425C;
}
.border-left-red-dark07:focus {
  border-left-color: #D1425C;
}

.text-red-dark06 {
  color: #B13B50 !important;
}

.bg-red-dark06 {
  background-color: #B13B50 !important;
}

.border-red-dark06 {
  border: 1px solid #B13B50;
}
.border-red-dark06:focus {
  border-color: #B13B50;
}

.border-top-red-dark06 {
  border-top: 1px solid #B13B50;
}
.border-top-red-dark06:focus {
  border-top-color: #B13B50;
}

.border-right-red-dark06 {
  border-right: 1px solid #B13B50;
}
.border-right-red-dark06:focus {
  border-right-color: #B13B50;
}

.border-bottom-red-dark06 {
  border-bottom: 1px solid #B13B50;
}
.border-bottom-red-dark06:focus {
  border-bottom-color: #B13B50;
}

.border-left-red-dark06 {
  border-left: 1px solid #B13B50;
}
.border-left-red-dark06:focus {
  border-left-color: #B13B50;
}

.text-red-dark05 {
  color: #903344 !important;
}

.bg-red-dark05 {
  background-color: #903344 !important;
}

.border-red-dark05 {
  border: 1px solid #903344;
}
.border-red-dark05:focus {
  border-color: #903344;
}

.border-top-red-dark05 {
  border-top: 1px solid #903344;
}
.border-top-red-dark05:focus {
  border-top-color: #903344;
}

.border-right-red-dark05 {
  border-right: 1px solid #903344;
}
.border-right-red-dark05:focus {
  border-right-color: #903344;
}

.border-bottom-red-dark05 {
  border-bottom: 1px solid #903344;
}
.border-bottom-red-dark05:focus {
  border-bottom-color: #903344;
}

.border-left-red-dark05 {
  border-left: 1px solid #903344;
}
.border-left-red-dark05:focus {
  border-left-color: #903344;
}

.text-red-dark04 {
  color: #6F2C38 !important;
}

.bg-red-dark04 {
  background-color: #6F2C38 !important;
}

.border-red-dark04 {
  border: 1px solid #6F2C38;
}
.border-red-dark04:focus {
  border-color: #6F2C38;
}

.border-top-red-dark04 {
  border-top: 1px solid #6F2C38;
}
.border-top-red-dark04:focus {
  border-top-color: #6F2C38;
}

.border-right-red-dark04 {
  border-right: 1px solid #6F2C38;
}
.border-right-red-dark04:focus {
  border-right-color: #6F2C38;
}

.border-bottom-red-dark04 {
  border-bottom: 1px solid #6F2C38;
}
.border-bottom-red-dark04:focus {
  border-bottom-color: #6F2C38;
}

.border-left-red-dark04 {
  border-left: 1px solid #6F2C38;
}
.border-left-red-dark04:focus {
  border-left-color: #6F2C38;
}

.text-red-dark03 {
  color: #4E242C !important;
}

.bg-red-dark03 {
  background-color: #4E242C !important;
}

.border-red-dark03 {
  border: 1px solid #4E242C;
}
.border-red-dark03:focus {
  border-color: #4E242C;
}

.border-top-red-dark03 {
  border-top: 1px solid #4E242C;
}
.border-top-red-dark03:focus {
  border-top-color: #4E242C;
}

.border-right-red-dark03 {
  border-right: 1px solid #4E242C;
}
.border-right-red-dark03:focus {
  border-right-color: #4E242C;
}

.border-bottom-red-dark03 {
  border-bottom: 1px solid #4E242C;
}
.border-bottom-red-dark03:focus {
  border-bottom-color: #4E242C;
}

.border-left-red-dark03 {
  border-left: 1px solid #4E242C;
}
.border-left-red-dark03:focus {
  border-left-color: #4E242C;
}

.text-red-dark02 {
  color: #392024 !important;
}

.bg-red-dark02 {
  background-color: #392024 !important;
}

.border-red-dark02 {
  border: 1px solid #392024;
}
.border-red-dark02:focus {
  border-color: #392024;
}

.border-top-red-dark02 {
  border-top: 1px solid #392024;
}
.border-top-red-dark02:focus {
  border-top-color: #392024;
}

.border-right-red-dark02 {
  border-right: 1px solid #392024;
}
.border-right-red-dark02:focus {
  border-right-color: #392024;
}

.border-bottom-red-dark02 {
  border-bottom: 1px solid #392024;
}
.border-bottom-red-dark02:focus {
  border-bottom-color: #392024;
}

.border-left-red-dark02 {
  border-left: 1px solid #392024;
}
.border-left-red-dark02:focus {
  border-left-color: #392024;
}

.text-red-dark01 {
  color: #231B1C !important;
}

.bg-red-dark01 {
  background-color: #231B1C !important;
}

.border-red-dark01 {
  border: 1px solid #231B1C;
}
.border-red-dark01:focus {
  border-color: #231B1C;
}

.border-top-red-dark01 {
  border-top: 1px solid #231B1C;
}
.border-top-red-dark01:focus {
  border-top-color: #231B1C;
}

.border-right-red-dark01 {
  border-right: 1px solid #231B1C;
}
.border-right-red-dark01:focus {
  border-right-color: #231B1C;
}

.border-bottom-red-dark01 {
  border-bottom: 1px solid #231B1C;
}
.border-bottom-red-dark01:focus {
  border-bottom-color: #231B1C;
}

.border-left-red-dark01 {
  border-left: 1px solid #231B1C;
}
.border-left-red-dark01:focus {
  border-left-color: #231B1C;
}

.text-orange-light01 {
  color: #FFF7F3 !important;
}

.bg-orange-light01 {
  background-color: #FFF7F3 !important;
}

.border-orange-light01 {
  border: 1px solid #FFF7F3;
}
.border-orange-light01:focus {
  border-color: #FFF7F3;
}

.border-top-orange-light01 {
  border-top: 1px solid #FFF7F3;
}
.border-top-orange-light01:focus {
  border-top-color: #FFF7F3;
}

.border-right-orange-light01 {
  border-right: 1px solid #FFF7F3;
}
.border-right-orange-light01:focus {
  border-right-color: #FFF7F3;
}

.border-bottom-orange-light01 {
  border-bottom: 1px solid #FFF7F3;
}
.border-bottom-orange-light01:focus {
  border-bottom-color: #FFF7F3;
}

.border-left-orange-light01 {
  border-left: 1px solid #FFF7F3;
}
.border-left-orange-light01:focus {
  border-left-color: #FFF7F3;
}

.text-orange-light02 {
  color: #FEECE2 !important;
}

.bg-orange-light02 {
  background-color: #FEECE2 !important;
}

.border-orange-light02 {
  border: 1px solid #FEECE2;
}
.border-orange-light02:focus {
  border-color: #FEECE2;
}

.border-top-orange-light02 {
  border-top: 1px solid #FEECE2;
}
.border-top-orange-light02:focus {
  border-top-color: #FEECE2;
}

.border-right-orange-light02 {
  border-right: 1px solid #FEECE2;
}
.border-right-orange-light02:focus {
  border-right-color: #FEECE2;
}

.border-bottom-orange-light02 {
  border-bottom: 1px solid #FEECE2;
}
.border-bottom-orange-light02:focus {
  border-bottom-color: #FEECE2;
}

.border-left-orange-light02 {
  border-left: 1px solid #FEECE2;
}
.border-left-orange-light02:focus {
  border-left-color: #FEECE2;
}

.text-orange-light03 {
  color: #FEE0CF !important;
}

.bg-orange-light03 {
  background-color: #FEE0CF !important;
}

.border-orange-light03 {
  border: 1px solid #FEE0CF;
}
.border-orange-light03:focus {
  border-color: #FEE0CF;
}

.border-top-orange-light03 {
  border-top: 1px solid #FEE0CF;
}
.border-top-orange-light03:focus {
  border-top-color: #FEE0CF;
}

.border-right-orange-light03 {
  border-right: 1px solid #FEE0CF;
}
.border-right-orange-light03:focus {
  border-right-color: #FEE0CF;
}

.border-bottom-orange-light03 {
  border-bottom: 1px solid #FEE0CF;
}
.border-bottom-orange-light03:focus {
  border-bottom-color: #FEE0CF;
}

.border-left-orange-light03 {
  border-left: 1px solid #FEE0CF;
}
.border-left-orange-light03:focus {
  border-left-color: #FEE0CF;
}

.text-orange-light04 {
  color: #FED3BC !important;
}

.bg-orange-light04 {
  background-color: #FED3BC !important;
}

.border-orange-light04 {
  border: 1px solid #FED3BC;
}
.border-orange-light04:focus {
  border-color: #FED3BC;
}

.border-top-orange-light04 {
  border-top: 1px solid #FED3BC;
}
.border-top-orange-light04:focus {
  border-top-color: #FED3BC;
}

.border-right-orange-light04 {
  border-right: 1px solid #FED3BC;
}
.border-right-orange-light04:focus {
  border-right-color: #FED3BC;
}

.border-bottom-orange-light04 {
  border-bottom: 1px solid #FED3BC;
}
.border-bottom-orange-light04:focus {
  border-bottom-color: #FED3BC;
}

.border-left-orange-light04 {
  border-left: 1px solid #FED3BC;
}
.border-left-orange-light04:focus {
  border-left-color: #FED3BC;
}

.text-orange-light05 {
  color: #FDBA95 !important;
}

.bg-orange-light05 {
  background-color: #FDBA95 !important;
}

.border-orange-light05 {
  border: 1px solid #FDBA95;
}
.border-orange-light05:focus {
  border-color: #FDBA95;
}

.border-top-orange-light05 {
  border-top: 1px solid #FDBA95;
}
.border-top-orange-light05:focus {
  border-top-color: #FDBA95;
}

.border-right-orange-light05 {
  border-right: 1px solid #FDBA95;
}
.border-right-orange-light05:focus {
  border-right-color: #FDBA95;
}

.border-bottom-orange-light05 {
  border-bottom: 1px solid #FDBA95;
}
.border-bottom-orange-light05:focus {
  border-bottom-color: #FDBA95;
}

.border-left-orange-light05 {
  border-left: 1px solid #FDBA95;
}
.border-left-orange-light05:focus {
  border-left-color: #FDBA95;
}

.text-orange-light06 {
  color: #FCAE82 !important;
}

.bg-orange-light06 {
  background-color: #FCAE82 !important;
}

.border-orange-light06 {
  border: 1px solid #FCAE82;
}
.border-orange-light06:focus {
  border-color: #FCAE82;
}

.border-top-orange-light06 {
  border-top: 1px solid #FCAE82;
}
.border-top-orange-light06:focus {
  border-top-color: #FCAE82;
}

.border-right-orange-light06 {
  border-right: 1px solid #FCAE82;
}
.border-right-orange-light06:focus {
  border-right-color: #FCAE82;
}

.border-bottom-orange-light06 {
  border-bottom: 1px solid #FCAE82;
}
.border-bottom-orange-light06:focus {
  border-bottom-color: #FCAE82;
}

.border-left-orange-light06 {
  border-left: 1px solid #FCAE82;
}
.border-left-orange-light06:focus {
  border-left-color: #FCAE82;
}

.text-orange-light07 {
  color: #FC9B65 !important;
}

.bg-orange-light07 {
  background-color: #FC9B65 !important;
}

.border-orange-light07 {
  border: 1px solid #FC9B65;
}
.border-orange-light07:focus {
  border-color: #FC9B65;
}

.border-top-orange-light07 {
  border-top: 1px solid #FC9B65;
}
.border-top-orange-light07:focus {
  border-top-color: #FC9B65;
}

.border-right-orange-light07 {
  border-right: 1px solid #FC9B65;
}
.border-right-orange-light07:focus {
  border-right-color: #FC9B65;
}

.border-bottom-orange-light07 {
  border-bottom: 1px solid #FC9B65;
}
.border-bottom-orange-light07:focus {
  border-bottom-color: #FC9B65;
}

.border-left-orange-light07 {
  border-left: 1px solid #FC9B65;
}
.border-left-orange-light07:focus {
  border-left-color: #FC9B65;
}

.text-orange-base {
  color: #FB823F !important;
}

.bg-orange-base {
  background-color: #FB823F !important;
}

.border-orange-base {
  border: 1px solid #FB823F;
}
.border-orange-base:focus {
  border-color: #FB823F;
}

.border-top-orange-base {
  border-top: 1px solid #FB823F;
}
.border-top-orange-base:focus {
  border-top-color: #FB823F;
}

.border-right-orange-base {
  border-right: 1px solid #FB823F;
}
.border-right-orange-base:focus {
  border-right-color: #FB823F;
}

.border-bottom-orange-base {
  border-bottom: 1px solid #FB823F;
}
.border-bottom-orange-base:focus {
  border-bottom-color: #FB823F;
}

.border-left-orange-base {
  border-left: 1px solid #FB823F;
}
.border-left-orange-base:focus {
  border-left-color: #FB823F;
}

.text-orange-dark07 {
  color: #D97239 !important;
}

.bg-orange-dark07 {
  background-color: #D97239 !important;
}

.border-orange-dark07 {
  border: 1px solid #D97239;
}
.border-orange-dark07:focus {
  border-color: #D97239;
}

.border-top-orange-dark07 {
  border-top: 1px solid #D97239;
}
.border-top-orange-dark07:focus {
  border-top-color: #D97239;
}

.border-right-orange-dark07 {
  border-right: 1px solid #D97239;
}
.border-right-orange-dark07:focus {
  border-right-color: #D97239;
}

.border-bottom-orange-dark07 {
  border-bottom: 1px solid #D97239;
}
.border-bottom-orange-dark07:focus {
  border-bottom-color: #D97239;
}

.border-left-orange-dark07 {
  border-left: 1px solid #D97239;
}
.border-left-orange-dark07:focus {
  border-left-color: #D97239;
}

.text-orange-dark06 {
  color: #B76233 !important;
}

.bg-orange-dark06 {
  background-color: #B76233 !important;
}

.border-orange-dark06 {
  border: 1px solid #B76233;
}
.border-orange-dark06:focus {
  border-color: #B76233;
}

.border-top-orange-dark06 {
  border-top: 1px solid #B76233;
}
.border-top-orange-dark06:focus {
  border-top-color: #B76233;
}

.border-right-orange-dark06 {
  border-right: 1px solid #B76233;
}
.border-right-orange-dark06:focus {
  border-right-color: #B76233;
}

.border-bottom-orange-dark06 {
  border-bottom: 1px solid #B76233;
}
.border-bottom-orange-dark06:focus {
  border-bottom-color: #B76233;
}

.border-left-orange-dark06 {
  border-left: 1px solid #B76233;
}
.border-left-orange-dark06:focus {
  border-left-color: #B76233;
}

.text-orange-dark05 {
  color: #95522D !important;
}

.bg-orange-dark05 {
  background-color: #95522D !important;
}

.border-orange-dark05 {
  border: 1px solid #95522D;
}
.border-orange-dark05:focus {
  border-color: #95522D;
}

.border-top-orange-dark05 {
  border-top: 1px solid #95522D;
}
.border-top-orange-dark05:focus {
  border-top-color: #95522D;
}

.border-right-orange-dark05 {
  border-right: 1px solid #95522D;
}
.border-right-orange-dark05:focus {
  border-right-color: #95522D;
}

.border-bottom-orange-dark05 {
  border-bottom: 1px solid #95522D;
}
.border-bottom-orange-dark05:focus {
  border-bottom-color: #95522D;
}

.border-left-orange-dark05 {
  border-left: 1px solid #95522D;
}
.border-left-orange-dark05:focus {
  border-left-color: #95522D;
}

.text-orange-dark04 {
  color: #734228 !important;
}

.bg-orange-dark04 {
  background-color: #734228 !important;
}

.border-orange-dark04 {
  border: 1px solid #734228;
}
.border-orange-dark04:focus {
  border-color: #734228;
}

.border-top-orange-dark04 {
  border-top: 1px solid #734228;
}
.border-top-orange-dark04:focus {
  border-top-color: #734228;
}

.border-right-orange-dark04 {
  border-right: 1px solid #734228;
}
.border-right-orange-dark04:focus {
  border-right-color: #734228;
}

.border-bottom-orange-dark04 {
  border-bottom: 1px solid #734228;
}
.border-bottom-orange-dark04:focus {
  border-bottom-color: #734228;
}

.border-left-orange-dark04 {
  border-left: 1px solid #734228;
}
.border-left-orange-dark04:focus {
  border-left-color: #734228;
}

.text-orange-dark03 {
  color: #513222 !important;
}

.bg-orange-dark03 {
  background-color: #513222 !important;
}

.border-orange-dark03 {
  border: 1px solid #513222;
}
.border-orange-dark03:focus {
  border-color: #513222;
}

.border-top-orange-dark03 {
  border-top: 1px solid #513222;
}
.border-top-orange-dark03:focus {
  border-top-color: #513222;
}

.border-right-orange-dark03 {
  border-right: 1px solid #513222;
}
.border-right-orange-dark03:focus {
  border-right-color: #513222;
}

.border-bottom-orange-dark03 {
  border-bottom: 1px solid #513222;
}
.border-bottom-orange-dark03:focus {
  border-bottom-color: #513222;
}

.border-left-orange-dark03 {
  border-left: 1px solid #513222;
}
.border-left-orange-dark03:focus {
  border-left-color: #513222;
}

.text-orange-dark02 {
  color: #3A281E !important;
}

.bg-orange-dark02 {
  background-color: #3A281E !important;
}

.border-orange-dark02 {
  border: 1px solid #3A281E;
}
.border-orange-dark02:focus {
  border-color: #3A281E;
}

.border-top-orange-dark02 {
  border-top: 1px solid #3A281E;
}
.border-top-orange-dark02:focus {
  border-top-color: #3A281E;
}

.border-right-orange-dark02 {
  border-right: 1px solid #3A281E;
}
.border-right-orange-dark02:focus {
  border-right-color: #3A281E;
}

.border-bottom-orange-dark02 {
  border-bottom: 1px solid #3A281E;
}
.border-bottom-orange-dark02:focus {
  border-bottom-color: #3A281E;
}

.border-left-orange-dark02 {
  border-left: 1px solid #3A281E;
}
.border-left-orange-dark02:focus {
  border-left-color: #3A281E;
}

.text-orange-dark01 {
  color: #231D1A !important;
}

.bg-orange-dark01 {
  background-color: #231D1A !important;
}

.border-orange-dark01 {
  border: 1px solid #231D1A;
}
.border-orange-dark01:focus {
  border-color: #231D1A;
}

.border-top-orange-dark01 {
  border-top: 1px solid #231D1A;
}
.border-top-orange-dark01:focus {
  border-top-color: #231D1A;
}

.border-right-orange-dark01 {
  border-right: 1px solid #231D1A;
}
.border-right-orange-dark01:focus {
  border-right-color: #231D1A;
}

.border-bottom-orange-dark01 {
  border-bottom: 1px solid #231D1A;
}
.border-bottom-orange-dark01:focus {
  border-bottom-color: #231D1A;
}

.border-left-orange-dark01 {
  border-left: 1px solid #231D1A;
}
.border-left-orange-dark01:focus {
  border-left-color: #231D1A;
}

.text-yellow-light01 {
  color: #FEFBF3 !important;
}

.bg-yellow-light01 {
  background-color: #FEFBF3 !important;
}

.border-yellow-light01 {
  border: 1px solid #FEFBF3;
}
.border-yellow-light01:focus {
  border-color: #FEFBF3;
}

.border-top-yellow-light01 {
  border-top: 1px solid #FEFBF3;
}
.border-top-yellow-light01:focus {
  border-top-color: #FEFBF3;
}

.border-right-yellow-light01 {
  border-right: 1px solid #FEFBF3;
}
.border-right-yellow-light01:focus {
  border-right-color: #FEFBF3;
}

.border-bottom-yellow-light01 {
  border-bottom: 1px solid #FEFBF3;
}
.border-bottom-yellow-light01:focus {
  border-bottom-color: #FEFBF3;
}

.border-left-yellow-light01 {
  border-left: 1px solid #FEFBF3;
}
.border-left-yellow-light01:focus {
  border-left-color: #FEFBF3;
}

.text-yellow-light02 {
  color: #FCF4E0 !important;
}

.bg-yellow-light02 {
  background-color: #FCF4E0 !important;
}

.border-yellow-light02 {
  border: 1px solid #FCF4E0;
}
.border-yellow-light02:focus {
  border-color: #FCF4E0;
}

.border-top-yellow-light02 {
  border-top: 1px solid #FCF4E0;
}
.border-top-yellow-light02:focus {
  border-top-color: #FCF4E0;
}

.border-right-yellow-light02 {
  border-right: 1px solid #FCF4E0;
}
.border-right-yellow-light02:focus {
  border-right-color: #FCF4E0;
}

.border-bottom-yellow-light02 {
  border-bottom: 1px solid #FCF4E0;
}
.border-bottom-yellow-light02:focus {
  border-bottom-color: #FCF4E0;
}

.border-left-yellow-light02 {
  border-left: 1px solid #FCF4E0;
}
.border-left-yellow-light02:focus {
  border-left-color: #FCF4E0;
}

.text-yellow-light03 {
  color: #FBEDCB !important;
}

.bg-yellow-light03 {
  background-color: #FBEDCB !important;
}

.border-yellow-light03 {
  border: 1px solid #FBEDCB;
}
.border-yellow-light03:focus {
  border-color: #FBEDCB;
}

.border-top-yellow-light03 {
  border-top: 1px solid #FBEDCB;
}
.border-top-yellow-light03:focus {
  border-top-color: #FBEDCB;
}

.border-right-yellow-light03 {
  border-right: 1px solid #FBEDCB;
}
.border-right-yellow-light03:focus {
  border-right-color: #FBEDCB;
}

.border-bottom-yellow-light03 {
  border-bottom: 1px solid #FBEDCB;
}
.border-bottom-yellow-light03:focus {
  border-bottom-color: #FBEDCB;
}

.border-left-yellow-light03 {
  border-left: 1px solid #FBEDCB;
}
.border-left-yellow-light03:focus {
  border-left-color: #FBEDCB;
}

.text-yellow-light04 {
  color: #F9E5B7 !important;
}

.bg-yellow-light04 {
  background-color: #F9E5B7 !important;
}

.border-yellow-light04 {
  border: 1px solid #F9E5B7;
}
.border-yellow-light04:focus {
  border-color: #F9E5B7;
}

.border-top-yellow-light04 {
  border-top: 1px solid #F9E5B7;
}
.border-top-yellow-light04:focus {
  border-top-color: #F9E5B7;
}

.border-right-yellow-light04 {
  border-right: 1px solid #F9E5B7;
}
.border-right-yellow-light04:focus {
  border-right-color: #F9E5B7;
}

.border-bottom-yellow-light04 {
  border-bottom: 1px solid #F9E5B7;
}
.border-bottom-yellow-light04:focus {
  border-bottom-color: #F9E5B7;
}

.border-left-yellow-light04 {
  border-left: 1px solid #F9E5B7;
}
.border-left-yellow-light04:focus {
  border-left-color: #F9E5B7;
}

.text-yellow-light05 {
  color: #F6D78E !important;
}

.bg-yellow-light05 {
  background-color: #F6D78E !important;
}

.border-yellow-light05 {
  border: 1px solid #F6D78E;
}
.border-yellow-light05:focus {
  border-color: #F6D78E;
}

.border-top-yellow-light05 {
  border-top: 1px solid #F6D78E;
}
.border-top-yellow-light05:focus {
  border-top-color: #F6D78E;
}

.border-right-yellow-light05 {
  border-right: 1px solid #F6D78E;
}
.border-right-yellow-light05:focus {
  border-right-color: #F6D78E;
}

.border-bottom-yellow-light05 {
  border-bottom: 1px solid #F6D78E;
}
.border-bottom-yellow-light05:focus {
  border-bottom-color: #F6D78E;
}

.border-left-yellow-light05 {
  border-left: 1px solid #F6D78E;
}
.border-left-yellow-light05:focus {
  border-left-color: #F6D78E;
}

.text-yellow-light06 {
  color: #F4D079 !important;
}

.bg-yellow-light06 {
  background-color: #F4D079 !important;
}

.border-yellow-light06 {
  border: 1px solid #F4D079;
}
.border-yellow-light06:focus {
  border-color: #F4D079;
}

.border-top-yellow-light06 {
  border-top: 1px solid #F4D079;
}
.border-top-yellow-light06:focus {
  border-top-color: #F4D079;
}

.border-right-yellow-light06 {
  border-right: 1px solid #F4D079;
}
.border-right-yellow-light06:focus {
  border-right-color: #F4D079;
}

.border-bottom-yellow-light06 {
  border-bottom: 1px solid #F4D079;
}
.border-bottom-yellow-light06:focus {
  border-bottom-color: #F4D079;
}

.border-left-yellow-light06 {
  border-left: 1px solid #F4D079;
}
.border-left-yellow-light06:focus {
  border-left-color: #F4D079;
}

.text-yellow-light07 {
  color: #F1C55A !important;
}

.bg-yellow-light07 {
  background-color: #F1C55A !important;
}

.border-yellow-light07 {
  border: 1px solid #F1C55A;
}
.border-yellow-light07:focus {
  border-color: #F1C55A;
}

.border-top-yellow-light07 {
  border-top: 1px solid #F1C55A;
}
.border-top-yellow-light07:focus {
  border-top-color: #F1C55A;
}

.border-right-yellow-light07 {
  border-right: 1px solid #F1C55A;
}
.border-right-yellow-light07:focus {
  border-right-color: #F1C55A;
}

.border-bottom-yellow-light07 {
  border-bottom: 1px solid #F1C55A;
}
.border-bottom-yellow-light07:focus {
  border-bottom-color: #F1C55A;
}

.border-left-yellow-light07 {
  border-left: 1px solid #F1C55A;
}
.border-left-yellow-light07:focus {
  border-left-color: #F1C55A;
}

.text-yellow-base {
  color: #EEB631 !important;
}

.bg-yellow-base {
  background-color: #EEB631 !important;
}

.border-yellow-base {
  border: 1px solid #EEB631;
}
.border-yellow-base:focus {
  border-color: #EEB631;
}

.border-top-yellow-base {
  border-top: 1px solid #EEB631;
}
.border-top-yellow-base:focus {
  border-top-color: #EEB631;
}

.border-right-yellow-base {
  border-right: 1px solid #EEB631;
}
.border-right-yellow-base:focus {
  border-right-color: #EEB631;
}

.border-bottom-yellow-base {
  border-bottom: 1px solid #EEB631;
}
.border-bottom-yellow-base:focus {
  border-bottom-color: #EEB631;
}

.border-left-yellow-base {
  border-left: 1px solid #EEB631;
}
.border-left-yellow-base:focus {
  border-left-color: #EEB631;
}

.text-yellow-dark07 {
  color: #CE9E2D !important;
}

.bg-yellow-dark07 {
  background-color: #CE9E2D !important;
}

.border-yellow-dark07 {
  border: 1px solid #CE9E2D;
}
.border-yellow-dark07:focus {
  border-color: #CE9E2D;
}

.border-top-yellow-dark07 {
  border-top: 1px solid #CE9E2D;
}
.border-top-yellow-dark07:focus {
  border-top-color: #CE9E2D;
}

.border-right-yellow-dark07 {
  border-right: 1px solid #CE9E2D;
}
.border-right-yellow-dark07:focus {
  border-right-color: #CE9E2D;
}

.border-bottom-yellow-dark07 {
  border-bottom: 1px solid #CE9E2D;
}
.border-bottom-yellow-dark07:focus {
  border-bottom-color: #CE9E2D;
}

.border-left-yellow-dark07 {
  border-left: 1px solid #CE9E2D;
}
.border-left-yellow-dark07:focus {
  border-left-color: #CE9E2D;
}

.text-yellow-dark06 {
  color: #AE872A !important;
}

.bg-yellow-dark06 {
  background-color: #AE872A !important;
}

.border-yellow-dark06 {
  border: 1px solid #AE872A;
}
.border-yellow-dark06:focus {
  border-color: #AE872A;
}

.border-top-yellow-dark06 {
  border-top: 1px solid #AE872A;
}
.border-top-yellow-dark06:focus {
  border-top-color: #AE872A;
}

.border-right-yellow-dark06 {
  border-right: 1px solid #AE872A;
}
.border-right-yellow-dark06:focus {
  border-right-color: #AE872A;
}

.border-bottom-yellow-dark06 {
  border-bottom: 1px solid #AE872A;
}
.border-bottom-yellow-dark06:focus {
  border-bottom-color: #AE872A;
}

.border-left-yellow-dark06 {
  border-left: 1px solid #AE872A;
}
.border-left-yellow-dark06:focus {
  border-left-color: #AE872A;
}

.text-yellow-dark05 {
  color: #8E6F26 !important;
}

.bg-yellow-dark05 {
  background-color: #8E6F26 !important;
}

.border-yellow-dark05 {
  border: 1px solid #8E6F26;
}
.border-yellow-dark05:focus {
  border-color: #8E6F26;
}

.border-top-yellow-dark05 {
  border-top: 1px solid #8E6F26;
}
.border-top-yellow-dark05:focus {
  border-top-color: #8E6F26;
}

.border-right-yellow-dark05 {
  border-right: 1px solid #8E6F26;
}
.border-right-yellow-dark05:focus {
  border-right-color: #8E6F26;
}

.border-bottom-yellow-dark05 {
  border-bottom: 1px solid #8E6F26;
}
.border-bottom-yellow-dark05:focus {
  border-bottom-color: #8E6F26;
}

.border-left-yellow-dark05 {
  border-left: 1px solid #8E6F26;
}
.border-left-yellow-dark05:focus {
  border-left-color: #8E6F26;
}

.text-yellow-dark04 {
  color: #6E5722 !important;
}

.bg-yellow-dark04 {
  background-color: #6E5722 !important;
}

.border-yellow-dark04 {
  border: 1px solid #6E5722;
}
.border-yellow-dark04:focus {
  border-color: #6E5722;
}

.border-top-yellow-dark04 {
  border-top: 1px solid #6E5722;
}
.border-top-yellow-dark04:focus {
  border-top-color: #6E5722;
}

.border-right-yellow-dark04 {
  border-right: 1px solid #6E5722;
}
.border-right-yellow-dark04:focus {
  border-right-color: #6E5722;
}

.border-bottom-yellow-dark04 {
  border-bottom: 1px solid #6E5722;
}
.border-bottom-yellow-dark04:focus {
  border-bottom-color: #6E5722;
}

.border-left-yellow-dark04 {
  border-left: 1px solid #6E5722;
}
.border-left-yellow-dark04:focus {
  border-left-color: #6E5722;
}

.text-yellow-dark03 {
  color: #4D3F1E !important;
}

.bg-yellow-dark03 {
  background-color: #4D3F1E !important;
}

.border-yellow-dark03 {
  border: 1px solid #4D3F1E;
}
.border-yellow-dark03:focus {
  border-color: #4D3F1E;
}

.border-top-yellow-dark03 {
  border-top: 1px solid #4D3F1E;
}
.border-top-yellow-dark03:focus {
  border-top-color: #4D3F1E;
}

.border-right-yellow-dark03 {
  border-right: 1px solid #4D3F1E;
}
.border-right-yellow-dark03:focus {
  border-right-color: #4D3F1E;
}

.border-bottom-yellow-dark03 {
  border-bottom: 1px solid #4D3F1E;
}
.border-bottom-yellow-dark03:focus {
  border-bottom-color: #4D3F1E;
}

.border-left-yellow-dark03 {
  border-left: 1px solid #4D3F1E;
}
.border-left-yellow-dark03:focus {
  border-left-color: #4D3F1E;
}

.text-yellow-dark02 {
  color: #38301C !important;
}

.bg-yellow-dark02 {
  background-color: #38301C !important;
}

.border-yellow-dark02 {
  border: 1px solid #38301C;
}
.border-yellow-dark02:focus {
  border-color: #38301C;
}

.border-top-yellow-dark02 {
  border-top: 1px solid #38301C;
}
.border-top-yellow-dark02:focus {
  border-top-color: #38301C;
}

.border-right-yellow-dark02 {
  border-right: 1px solid #38301C;
}
.border-right-yellow-dark02:focus {
  border-right-color: #38301C;
}

.border-bottom-yellow-dark02 {
  border-bottom: 1px solid #38301C;
}
.border-bottom-yellow-dark02:focus {
  border-bottom-color: #38301C;
}

.border-left-yellow-dark02 {
  border-left: 1px solid #38301C;
}
.border-left-yellow-dark02:focus {
  border-left-color: #38301C;
}

.text-yellow-dark01 {
  color: #232019 !important;
}

.bg-yellow-dark01 {
  background-color: #232019 !important;
}

.border-yellow-dark01 {
  border: 1px solid #232019;
}
.border-yellow-dark01:focus {
  border-color: #232019;
}

.border-top-yellow-dark01 {
  border-top: 1px solid #232019;
}
.border-top-yellow-dark01:focus {
  border-top-color: #232019;
}

.border-right-yellow-dark01 {
  border-right: 1px solid #232019;
}
.border-right-yellow-dark01:focus {
  border-right-color: #232019;
}

.border-bottom-yellow-dark01 {
  border-bottom: 1px solid #232019;
}
.border-bottom-yellow-dark01:focus {
  border-bottom-color: #232019;
}

.border-left-yellow-dark01 {
  border-left: 1px solid #232019;
}
.border-left-yellow-dark01:focus {
  border-left-color: #232019;
}

.text-green-light01 {
  color: #F0FAF6 !important;
}

.bg-green-light01 {
  background-color: #F0FAF6 !important;
}

.border-green-light01 {
  border: 1px solid #F0FAF6;
}
.border-green-light01:focus {
  border-color: #F0FAF6;
}

.border-top-green-light01 {
  border-top: 1px solid #F0FAF6;
}
.border-top-green-light01:focus {
  border-top-color: #F0FAF6;
}

.border-right-green-light01 {
  border-right: 1px solid #F0FAF6;
}
.border-right-green-light01:focus {
  border-right-color: #F0FAF6;
}

.border-bottom-green-light01 {
  border-bottom: 1px solid #F0FAF6;
}
.border-bottom-green-light01:focus {
  border-bottom-color: #F0FAF6;
}

.border-left-green-light01 {
  border-left: 1px solid #F0FAF6;
}
.border-left-green-light01:focus {
  border-left-color: #F0FAF6;
}

.text-green-light02 {
  color: #DAF2EA !important;
}

.bg-green-light02 {
  background-color: #DAF2EA !important;
}

.border-green-light02 {
  border: 1px solid #DAF2EA;
}
.border-green-light02:focus {
  border-color: #DAF2EA;
}

.border-top-green-light02 {
  border-top: 1px solid #DAF2EA;
}
.border-top-green-light02:focus {
  border-top-color: #DAF2EA;
}

.border-right-green-light02 {
  border-right: 1px solid #DAF2EA;
}
.border-right-green-light02:focus {
  border-right-color: #DAF2EA;
}

.border-bottom-green-light02 {
  border-bottom: 1px solid #DAF2EA;
}
.border-bottom-green-light02:focus {
  border-bottom-color: #DAF2EA;
}

.border-left-green-light02 {
  border-left: 1px solid #DAF2EA;
}
.border-left-green-light02:focus {
  border-left-color: #DAF2EA;
}

.text-green-light03 {
  color: #C2EADB !important;
}

.bg-green-light03 {
  background-color: #C2EADB !important;
}

.border-green-light03 {
  border: 1px solid #C2EADB;
}
.border-green-light03:focus {
  border-color: #C2EADB;
}

.border-top-green-light03 {
  border-top: 1px solid #C2EADB;
}
.border-top-green-light03:focus {
  border-top-color: #C2EADB;
}

.border-right-green-light03 {
  border-right: 1px solid #C2EADB;
}
.border-right-green-light03:focus {
  border-right-color: #C2EADB;
}

.border-bottom-green-light03 {
  border-bottom: 1px solid #C2EADB;
}
.border-bottom-green-light03:focus {
  border-bottom-color: #C2EADB;
}

.border-left-green-light03 {
  border-left: 1px solid #C2EADB;
}
.border-left-green-light03:focus {
  border-left-color: #C2EADB;
}

.text-green-light04 {
  color: #AAE2CD !important;
}

.bg-green-light04 {
  background-color: #AAE2CD !important;
}

.border-green-light04 {
  border: 1px solid #AAE2CD;
}
.border-green-light04:focus {
  border-color: #AAE2CD;
}

.border-top-green-light04 {
  border-top: 1px solid #AAE2CD;
}
.border-top-green-light04:focus {
  border-top-color: #AAE2CD;
}

.border-right-green-light04 {
  border-right: 1px solid #AAE2CD;
}
.border-right-green-light04:focus {
  border-right-color: #AAE2CD;
}

.border-bottom-green-light04 {
  border-bottom: 1px solid #AAE2CD;
}
.border-bottom-green-light04:focus {
  border-bottom-color: #AAE2CD;
}

.border-left-green-light04 {
  border-left: 1px solid #AAE2CD;
}
.border-left-green-light04:focus {
  border-left-color: #AAE2CD;
}

.text-green-light05 {
  color: #79D1B1 !important;
}

.bg-green-light05 {
  background-color: #79D1B1 !important;
}

.border-green-light05 {
  border: 1px solid #79D1B1;
}
.border-green-light05:focus {
  border-color: #79D1B1;
}

.border-top-green-light05 {
  border-top: 1px solid #79D1B1;
}
.border-top-green-light05:focus {
  border-top-color: #79D1B1;
}

.border-right-green-light05 {
  border-right: 1px solid #79D1B1;
}
.border-right-green-light05:focus {
  border-right-color: #79D1B1;
}

.border-bottom-green-light05 {
  border-bottom: 1px solid #79D1B1;
}
.border-bottom-green-light05:focus {
  border-bottom-color: #79D1B1;
}

.border-left-green-light05 {
  border-left: 1px solid #79D1B1;
}
.border-left-green-light05:focus {
  border-left-color: #79D1B1;
}

.text-green-light06 {
  color: #60C8A3 !important;
}

.bg-green-light06 {
  background-color: #60C8A3 !important;
}

.border-green-light06 {
  border: 1px solid #60C8A3;
}
.border-green-light06:focus {
  border-color: #60C8A3;
}

.border-top-green-light06 {
  border-top: 1px solid #60C8A3;
}
.border-top-green-light06:focus {
  border-top-color: #60C8A3;
}

.border-right-green-light06 {
  border-right: 1px solid #60C8A3;
}
.border-right-green-light06:focus {
  border-right-color: #60C8A3;
}

.border-bottom-green-light06 {
  border-bottom: 1px solid #60C8A3;
}
.border-bottom-green-light06:focus {
  border-bottom-color: #60C8A3;
}

.border-left-green-light06 {
  border-left: 1px solid #60C8A3;
}
.border-left-green-light06:focus {
  border-left-color: #60C8A3;
}

.text-green-light07 {
  color: #3CBC8D !important;
}

.bg-green-light07 {
  background-color: #3CBC8D !important;
}

.border-green-light07 {
  border: 1px solid #3CBC8D;
}
.border-green-light07:focus {
  border-color: #3CBC8D;
}

.border-top-green-light07 {
  border-top: 1px solid #3CBC8D;
}
.border-top-green-light07:focus {
  border-top-color: #3CBC8D;
}

.border-right-green-light07 {
  border-right: 1px solid #3CBC8D;
}
.border-right-green-light07:focus {
  border-right-color: #3CBC8D;
}

.border-bottom-green-light07 {
  border-bottom: 1px solid #3CBC8D;
}
.border-bottom-green-light07:focus {
  border-bottom-color: #3CBC8D;
}

.border-left-green-light07 {
  border-left: 1px solid #3CBC8D;
}
.border-left-green-light07:focus {
  border-left-color: #3CBC8D;
}

.text-green-base {
  color: #0BAB71 !important;
}

.bg-green-base {
  background-color: #0BAB71 !important;
}

.border-green-base {
  border: 1px solid #0BAB71;
}
.border-green-base:focus {
  border-color: #0BAB71;
}

.border-top-green-base {
  border-top: 1px solid #0BAB71;
}
.border-top-green-base:focus {
  border-top-color: #0BAB71;
}

.border-right-green-base {
  border-right: 1px solid #0BAB71;
}
.border-right-green-base:focus {
  border-right-color: #0BAB71;
}

.border-bottom-green-base {
  border-bottom: 1px solid #0BAB71;
}
.border-bottom-green-base:focus {
  border-bottom-color: #0BAB71;
}

.border-left-green-base {
  border-left: 1px solid #0BAB71;
}
.border-left-green-base:focus {
  border-left-color: #0BAB71;
}

.text-green-dark07 {
  color: #0D9564 !important;
}

.bg-green-dark07 {
  background-color: #0D9564 !important;
}

.border-green-dark07 {
  border: 1px solid #0D9564;
}
.border-green-dark07:focus {
  border-color: #0D9564;
}

.border-top-green-dark07 {
  border-top: 1px solid #0D9564;
}
.border-top-green-dark07:focus {
  border-top-color: #0D9564;
}

.border-right-green-dark07 {
  border-right: 1px solid #0D9564;
}
.border-right-green-dark07:focus {
  border-right-color: #0D9564;
}

.border-bottom-green-dark07 {
  border-bottom: 1px solid #0D9564;
}
.border-bottom-green-dark07:focus {
  border-bottom-color: #0D9564;
}

.border-left-green-dark07 {
  border-left: 1px solid #0D9564;
}
.border-left-green-dark07:focus {
  border-left-color: #0D9564;
}

.text-green-dark06 {
  color: #0F7F56 !important;
}

.bg-green-dark06 {
  background-color: #0F7F56 !important;
}

.border-green-dark06 {
  border: 1px solid #0F7F56;
}
.border-green-dark06:focus {
  border-color: #0F7F56;
}

.border-top-green-dark06 {
  border-top: 1px solid #0F7F56;
}
.border-top-green-dark06:focus {
  border-top-color: #0F7F56;
}

.border-right-green-dark06 {
  border-right: 1px solid #0F7F56;
}
.border-right-green-dark06:focus {
  border-right-color: #0F7F56;
}

.border-bottom-green-dark06 {
  border-bottom: 1px solid #0F7F56;
}
.border-bottom-green-dark06:focus {
  border-bottom-color: #0F7F56;
}

.border-left-green-dark06 {
  border-left: 1px solid #0F7F56;
}
.border-left-green-dark06:focus {
  border-left-color: #0F7F56;
}

.text-green-dark05 {
  color: #116949 !important;
}

.bg-green-dark05 {
  background-color: #116949 !important;
}

.border-green-dark05 {
  border: 1px solid #116949;
}
.border-green-dark05:focus {
  border-color: #116949;
}

.border-top-green-dark05 {
  border-top: 1px solid #116949;
}
.border-top-green-dark05:focus {
  border-top-color: #116949;
}

.border-right-green-dark05 {
  border-right: 1px solid #116949;
}
.border-right-green-dark05:focus {
  border-right-color: #116949;
}

.border-bottom-green-dark05 {
  border-bottom: 1px solid #116949;
}
.border-bottom-green-dark05:focus {
  border-bottom-color: #116949;
}

.border-left-green-dark05 {
  border-left: 1px solid #116949;
}
.border-left-green-dark05:focus {
  border-left-color: #116949;
}

.text-green-dark04 {
  color: #13533C !important;
}

.bg-green-dark04 {
  background-color: #13533C !important;
}

.border-green-dark04 {
  border: 1px solid #13533C;
}
.border-green-dark04:focus {
  border-color: #13533C;
}

.border-top-green-dark04 {
  border-top: 1px solid #13533C;
}
.border-top-green-dark04:focus {
  border-top-color: #13533C;
}

.border-right-green-dark04 {
  border-right: 1px solid #13533C;
}
.border-right-green-dark04:focus {
  border-right-color: #13533C;
}

.border-bottom-green-dark04 {
  border-bottom: 1px solid #13533C;
}
.border-bottom-green-dark04:focus {
  border-bottom-color: #13533C;
}

.border-left-green-dark04 {
  border-left: 1px solid #13533C;
}
.border-left-green-dark04:focus {
  border-left-color: #13533C;
}

.text-green-dark03 {
  color: #153D2E !important;
}

.bg-green-dark03 {
  background-color: #153D2E !important;
}

.border-green-dark03 {
  border: 1px solid #153D2E;
}
.border-green-dark03:focus {
  border-color: #153D2E;
}

.border-top-green-dark03 {
  border-top: 1px solid #153D2E;
}
.border-top-green-dark03:focus {
  border-top-color: #153D2E;
}

.border-right-green-dark03 {
  border-right: 1px solid #153D2E;
}
.border-right-green-dark03:focus {
  border-right-color: #153D2E;
}

.border-bottom-green-dark03 {
  border-bottom: 1px solid #153D2E;
}
.border-bottom-green-dark03:focus {
  border-bottom-color: #153D2E;
}

.border-left-green-dark03 {
  border-left: 1px solid #153D2E;
}
.border-left-green-dark03:focus {
  border-left-color: #153D2E;
}

.text-green-dark02 {
  color: #162E25 !important;
}

.bg-green-dark02 {
  background-color: #162E25 !important;
}

.border-green-dark02 {
  border: 1px solid #162E25;
}
.border-green-dark02:focus {
  border-color: #162E25;
}

.border-top-green-dark02 {
  border-top: 1px solid #162E25;
}
.border-top-green-dark02:focus {
  border-top-color: #162E25;
}

.border-right-green-dark02 {
  border-right: 1px solid #162E25;
}
.border-right-green-dark02:focus {
  border-right-color: #162E25;
}

.border-bottom-green-dark02 {
  border-bottom: 1px solid #162E25;
}
.border-bottom-green-dark02:focus {
  border-bottom-color: #162E25;
}

.border-left-green-dark02 {
  border-left: 1px solid #162E25;
}
.border-left-green-dark02:focus {
  border-left-color: #162E25;
}

.text-green-dark01 {
  color: #171F1C !important;
}

.bg-green-dark01 {
  background-color: #171F1C !important;
}

.border-green-dark01 {
  border: 1px solid #171F1C;
}
.border-green-dark01:focus {
  border-color: #171F1C;
}

.border-top-green-dark01 {
  border-top: 1px solid #171F1C;
}
.border-top-green-dark01:focus {
  border-top-color: #171F1C;
}

.border-right-green-dark01 {
  border-right: 1px solid #171F1C;
}
.border-right-green-dark01:focus {
  border-right-color: #171F1C;
}

.border-bottom-green-dark01 {
  border-bottom: 1px solid #171F1C;
}
.border-bottom-green-dark01:focus {
  border-bottom-color: #171F1C;
}

.border-left-green-dark01 {
  border-left: 1px solid #171F1C;
}
.border-left-green-dark01:focus {
  border-left-color: #171F1C;
}

.text-lightblue-light01 {
  color: #F1F9FE !important;
}

.bg-lightblue-light01 {
  background-color: #F1F9FE !important;
}

.border-lightblue-light01 {
  border: 1px solid #F1F9FE;
}
.border-lightblue-light01:focus {
  border-color: #F1F9FE;
}

.border-top-lightblue-light01 {
  border-top: 1px solid #F1F9FE;
}
.border-top-lightblue-light01:focus {
  border-top-color: #F1F9FE;
}

.border-right-lightblue-light01 {
  border-right: 1px solid #F1F9FE;
}
.border-right-lightblue-light01:focus {
  border-right-color: #F1F9FE;
}

.border-bottom-lightblue-light01 {
  border-bottom: 1px solid #F1F9FE;
}
.border-bottom-lightblue-light01:focus {
  border-bottom-color: #F1F9FE;
}

.border-left-lightblue-light01 {
  border-left: 1px solid #F1F9FE;
}
.border-left-lightblue-light01:focus {
  border-left-color: #F1F9FE;
}

.text-lightblue-light02 {
  color: #DBEFFD !important;
}

.bg-lightblue-light02 {
  background-color: #DBEFFD !important;
}

.border-lightblue-light02 {
  border: 1px solid #DBEFFD;
}
.border-lightblue-light02:focus {
  border-color: #DBEFFD;
}

.border-top-lightblue-light02 {
  border-top: 1px solid #DBEFFD;
}
.border-top-lightblue-light02:focus {
  border-top-color: #DBEFFD;
}

.border-right-lightblue-light02 {
  border-right: 1px solid #DBEFFD;
}
.border-right-lightblue-light02:focus {
  border-right-color: #DBEFFD;
}

.border-bottom-lightblue-light02 {
  border-bottom: 1px solid #DBEFFD;
}
.border-bottom-lightblue-light02:focus {
  border-bottom-color: #DBEFFD;
}

.border-left-lightblue-light02 {
  border-left: 1px solid #DBEFFD;
}
.border-left-lightblue-light02:focus {
  border-left-color: #DBEFFD;
}

.text-lightblue-light03 {
  color: #C4E4FC !important;
}

.bg-lightblue-light03 {
  background-color: #C4E4FC !important;
}

.border-lightblue-light03 {
  border: 1px solid #C4E4FC;
}
.border-lightblue-light03:focus {
  border-color: #C4E4FC;
}

.border-top-lightblue-light03 {
  border-top: 1px solid #C4E4FC;
}
.border-top-lightblue-light03:focus {
  border-top-color: #C4E4FC;
}

.border-right-lightblue-light03 {
  border-right: 1px solid #C4E4FC;
}
.border-right-lightblue-light03:focus {
  border-right-color: #C4E4FC;
}

.border-bottom-lightblue-light03 {
  border-bottom: 1px solid #C4E4FC;
}
.border-bottom-lightblue-light03:focus {
  border-bottom-color: #C4E4FC;
}

.border-left-lightblue-light03 {
  border-left: 1px solid #C4E4FC;
}
.border-left-lightblue-light03:focus {
  border-left-color: #C4E4FC;
}

.text-lightblue-light04 {
  color: #ACD9FA !important;
}

.bg-lightblue-light04 {
  background-color: #ACD9FA !important;
}

.border-lightblue-light04 {
  border: 1px solid #ACD9FA;
}
.border-lightblue-light04:focus {
  border-color: #ACD9FA;
}

.border-top-lightblue-light04 {
  border-top: 1px solid #ACD9FA;
}
.border-top-lightblue-light04:focus {
  border-top-color: #ACD9FA;
}

.border-right-lightblue-light04 {
  border-right: 1px solid #ACD9FA;
}
.border-right-lightblue-light04:focus {
  border-right-color: #ACD9FA;
}

.border-bottom-lightblue-light04 {
  border-bottom: 1px solid #ACD9FA;
}
.border-bottom-lightblue-light04:focus {
  border-bottom-color: #ACD9FA;
}

.border-left-lightblue-light04 {
  border-left: 1px solid #ACD9FA;
}
.border-left-lightblue-light04:focus {
  border-left-color: #ACD9FA;
}

.text-lightblue-light05 {
  color: #7CC4F8 !important;
}

.bg-lightblue-light05 {
  background-color: #7CC4F8 !important;
}

.border-lightblue-light05 {
  border: 1px solid #7CC4F8;
}
.border-lightblue-light05:focus {
  border-color: #7CC4F8;
}

.border-top-lightblue-light05 {
  border-top: 1px solid #7CC4F8;
}
.border-top-lightblue-light05:focus {
  border-top-color: #7CC4F8;
}

.border-right-lightblue-light05 {
  border-right: 1px solid #7CC4F8;
}
.border-right-lightblue-light05:focus {
  border-right-color: #7CC4F8;
}

.border-bottom-lightblue-light05 {
  border-bottom: 1px solid #7CC4F8;
}
.border-bottom-lightblue-light05:focus {
  border-bottom-color: #7CC4F8;
}

.border-left-lightblue-light05 {
  border-left: 1px solid #7CC4F8;
}
.border-left-lightblue-light05:focus {
  border-left-color: #7CC4F8;
}

.text-lightblue-light06 {
  color: #64B9F7 !important;
}

.bg-lightblue-light06 {
  background-color: #64B9F7 !important;
}

.border-lightblue-light06 {
  border: 1px solid #64B9F7;
}
.border-lightblue-light06:focus {
  border-color: #64B9F7;
}

.border-top-lightblue-light06 {
  border-top: 1px solid #64B9F7;
}
.border-top-lightblue-light06:focus {
  border-top-color: #64B9F7;
}

.border-right-lightblue-light06 {
  border-right: 1px solid #64B9F7;
}
.border-right-lightblue-light06:focus {
  border-right-color: #64B9F7;
}

.border-bottom-lightblue-light06 {
  border-bottom: 1px solid #64B9F7;
}
.border-bottom-lightblue-light06:focus {
  border-bottom-color: #64B9F7;
}

.border-left-lightblue-light06 {
  border-left: 1px solid #64B9F7;
}
.border-left-lightblue-light06:focus {
  border-left-color: #64B9F7;
}

.text-lightblue-light07 {
  color: #41A9F5 !important;
}

.bg-lightblue-light07 {
  background-color: #41A9F5 !important;
}

.border-lightblue-light07 {
  border: 1px solid #41A9F5;
}
.border-lightblue-light07:focus {
  border-color: #41A9F5;
}

.border-top-lightblue-light07 {
  border-top: 1px solid #41A9F5;
}
.border-top-lightblue-light07:focus {
  border-top-color: #41A9F5;
}

.border-right-lightblue-light07 {
  border-right: 1px solid #41A9F5;
}
.border-right-lightblue-light07:focus {
  border-right-color: #41A9F5;
}

.border-bottom-lightblue-light07 {
  border-bottom: 1px solid #41A9F5;
}
.border-bottom-lightblue-light07:focus {
  border-bottom-color: #41A9F5;
}

.border-left-lightblue-light07 {
  border-left: 1px solid #41A9F5;
}
.border-left-lightblue-light07:focus {
  border-left-color: #41A9F5;
}

.text-lightblue-base {
  color: #1193F2 !important;
}

.bg-lightblue-base {
  background-color: #1193F2 !important;
}

.border-lightblue-base {
  border: 1px solid #1193F2;
}
.border-lightblue-base:focus {
  border-color: #1193F2;
}

.border-top-lightblue-base {
  border-top: 1px solid #1193F2;
}
.border-top-lightblue-base:focus {
  border-top-color: #1193F2;
}

.border-right-lightblue-base {
  border-right: 1px solid #1193F2;
}
.border-right-lightblue-base:focus {
  border-right-color: #1193F2;
}

.border-bottom-lightblue-base {
  border-bottom: 1px solid #1193F2;
}
.border-bottom-lightblue-base:focus {
  border-bottom-color: #1193F2;
}

.border-left-lightblue-base {
  border-left: 1px solid #1193F2;
}
.border-left-lightblue-base:focus {
  border-left-color: #1193F2;
}

.text-lightblue-dark07 {
  color: #1281D1 !important;
}

.bg-lightblue-dark07 {
  background-color: #1281D1 !important;
}

.border-lightblue-dark07 {
  border: 1px solid #1281D1;
}
.border-lightblue-dark07:focus {
  border-color: #1281D1;
}

.border-top-lightblue-dark07 {
  border-top: 1px solid #1281D1;
}
.border-top-lightblue-dark07:focus {
  border-top-color: #1281D1;
}

.border-right-lightblue-dark07 {
  border-right: 1px solid #1281D1;
}
.border-right-lightblue-dark07:focus {
  border-right-color: #1281D1;
}

.border-bottom-lightblue-dark07 {
  border-bottom: 1px solid #1281D1;
}
.border-bottom-lightblue-dark07:focus {
  border-bottom-color: #1281D1;
}

.border-left-lightblue-dark07 {
  border-left: 1px solid #1281D1;
}
.border-left-lightblue-dark07:focus {
  border-left-color: #1281D1;
}

.text-lightblue-dark06 {
  color: #136EB1 !important;
}

.bg-lightblue-dark06 {
  background-color: #136EB1 !important;
}

.border-lightblue-dark06 {
  border: 1px solid #136EB1;
}
.border-lightblue-dark06:focus {
  border-color: #136EB1;
}

.border-top-lightblue-dark06 {
  border-top: 1px solid #136EB1;
}
.border-top-lightblue-dark06:focus {
  border-top-color: #136EB1;
}

.border-right-lightblue-dark06 {
  border-right: 1px solid #136EB1;
}
.border-right-lightblue-dark06:focus {
  border-right-color: #136EB1;
}

.border-bottom-lightblue-dark06 {
  border-bottom: 1px solid #136EB1;
}
.border-bottom-lightblue-dark06:focus {
  border-bottom-color: #136EB1;
}

.border-left-lightblue-dark06 {
  border-left: 1px solid #136EB1;
}
.border-left-lightblue-dark06:focus {
  border-left-color: #136EB1;
}

.text-lightblue-dark05 {
  color: #145C90 !important;
}

.bg-lightblue-dark05 {
  background-color: #145C90 !important;
}

.border-lightblue-dark05 {
  border: 1px solid #145C90;
}
.border-lightblue-dark05:focus {
  border-color: #145C90;
}

.border-top-lightblue-dark05 {
  border-top: 1px solid #145C90;
}
.border-top-lightblue-dark05:focus {
  border-top-color: #145C90;
}

.border-right-lightblue-dark05 {
  border-right: 1px solid #145C90;
}
.border-right-lightblue-dark05:focus {
  border-right-color: #145C90;
}

.border-bottom-lightblue-dark05 {
  border-bottom: 1px solid #145C90;
}
.border-bottom-lightblue-dark05:focus {
  border-bottom-color: #145C90;
}

.border-left-lightblue-dark05 {
  border-left: 1px solid #145C90;
}
.border-left-lightblue-dark05:focus {
  border-left-color: #145C90;
}

.text-lightblue-dark04 {
  color: #15496F !important;
}

.bg-lightblue-dark04 {
  background-color: #15496F !important;
}

.border-lightblue-dark04 {
  border: 1px solid #15496F;
}
.border-lightblue-dark04:focus {
  border-color: #15496F;
}

.border-top-lightblue-dark04 {
  border-top: 1px solid #15496F;
}
.border-top-lightblue-dark04:focus {
  border-top-color: #15496F;
}

.border-right-lightblue-dark04 {
  border-right: 1px solid #15496F;
}
.border-right-lightblue-dark04:focus {
  border-right-color: #15496F;
}

.border-bottom-lightblue-dark04 {
  border-bottom: 1px solid #15496F;
}
.border-bottom-lightblue-dark04:focus {
  border-bottom-color: #15496F;
}

.border-left-lightblue-dark04 {
  border-left: 1px solid #15496F;
}
.border-left-lightblue-dark04:focus {
  border-left-color: #15496F;
}

.text-lightblue-dark03 {
  color: #16374E !important;
}

.bg-lightblue-dark03 {
  background-color: #16374E !important;
}

.border-lightblue-dark03 {
  border: 1px solid #16374E;
}
.border-lightblue-dark03:focus {
  border-color: #16374E;
}

.border-top-lightblue-dark03 {
  border-top: 1px solid #16374E;
}
.border-top-lightblue-dark03:focus {
  border-top-color: #16374E;
}

.border-right-lightblue-dark03 {
  border-right: 1px solid #16374E;
}
.border-right-lightblue-dark03:focus {
  border-right-color: #16374E;
}

.border-bottom-lightblue-dark03 {
  border-bottom: 1px solid #16374E;
}
.border-bottom-lightblue-dark03:focus {
  border-bottom-color: #16374E;
}

.border-left-lightblue-dark03 {
  border-left: 1px solid #16374E;
}
.border-left-lightblue-dark03:focus {
  border-left-color: #16374E;
}

.text-lightblue-dark02 {
  color: #172A39 !important;
}

.bg-lightblue-dark02 {
  background-color: #172A39 !important;
}

.border-lightblue-dark02 {
  border: 1px solid #172A39;
}
.border-lightblue-dark02:focus {
  border-color: #172A39;
}

.border-top-lightblue-dark02 {
  border-top: 1px solid #172A39;
}
.border-top-lightblue-dark02:focus {
  border-top-color: #172A39;
}

.border-right-lightblue-dark02 {
  border-right: 1px solid #172A39;
}
.border-right-lightblue-dark02:focus {
  border-right-color: #172A39;
}

.border-bottom-lightblue-dark02 {
  border-bottom: 1px solid #172A39;
}
.border-bottom-lightblue-dark02:focus {
  border-bottom-color: #172A39;
}

.border-left-lightblue-dark02 {
  border-left: 1px solid #172A39;
}
.border-left-lightblue-dark02:focus {
  border-left-color: #172A39;
}

.text-lightblue-dark01 {
  color: #181E23 !important;
}

.bg-lightblue-dark01 {
  background-color: #181E23 !important;
}

.border-lightblue-dark01 {
  border: 1px solid #181E23;
}
.border-lightblue-dark01:focus {
  border-color: #181E23;
}

.border-top-lightblue-dark01 {
  border-top: 1px solid #181E23;
}
.border-top-lightblue-dark01:focus {
  border-top-color: #181E23;
}

.border-right-lightblue-dark01 {
  border-right: 1px solid #181E23;
}
.border-right-lightblue-dark01:focus {
  border-right-color: #181E23;
}

.border-bottom-lightblue-dark01 {
  border-bottom: 1px solid #181E23;
}
.border-bottom-lightblue-dark01:focus {
  border-bottom-color: #181E23;
}

.border-left-lightblue-dark01 {
  border-left: 1px solid #181E23;
}
.border-left-lightblue-dark01:focus {
  border-left-color: #181E23;
}

.text-blue-light01 {
  color: #F5F8FF !important;
}

.bg-blue-light01 {
  background-color: #F5F8FF !important;
}

.border-blue-light01 {
  border: 1px solid #F5F8FF;
}
.border-blue-light01:focus {
  border-color: #F5F8FF;
}

.border-top-blue-light01 {
  border-top: 1px solid #F5F8FF;
}
.border-top-blue-light01:focus {
  border-top-color: #F5F8FF;
}

.border-right-blue-light01 {
  border-right: 1px solid #F5F8FF;
}
.border-right-blue-light01:focus {
  border-right-color: #F5F8FF;
}

.border-bottom-blue-light01 {
  border-bottom: 1px solid #F5F8FF;
}
.border-bottom-blue-light01:focus {
  border-bottom-color: #F5F8FF;
}

.border-left-blue-light01 {
  border-left: 1px solid #F5F8FF;
}
.border-left-blue-light01:focus {
  border-left-color: #F5F8FF;
}

.text-blue-light02 {
  color: #EBF2FF !important;
}

.bg-blue-light02 {
  background-color: #EBF2FF !important;
}

.border-blue-light02 {
  border: 1px solid #EBF2FF;
}
.border-blue-light02:focus {
  border-color: #EBF2FF;
}

.border-top-blue-light02 {
  border-top: 1px solid #EBF2FF;
}
.border-top-blue-light02:focus {
  border-top-color: #EBF2FF;
}

.border-right-blue-light02 {
  border-right: 1px solid #EBF2FF;
}
.border-right-blue-light02:focus {
  border-right-color: #EBF2FF;
}

.border-bottom-blue-light02 {
  border-bottom: 1px solid #EBF2FF;
}
.border-bottom-blue-light02:focus {
  border-bottom-color: #EBF2FF;
}

.border-left-blue-light02 {
  border-left: 1px solid #EBF2FF;
}
.border-left-blue-light02:focus {
  border-left-color: #EBF2FF;
}

.text-blue-light03 {
  color: #CCDDFF !important;
}

.bg-blue-light03 {
  background-color: #CCDDFF !important;
}

.border-blue-light03 {
  border: 1px solid #CCDDFF;
}
.border-blue-light03:focus {
  border-color: #CCDDFF;
}

.border-top-blue-light03 {
  border-top: 1px solid #CCDDFF;
}
.border-top-blue-light03:focus {
  border-top-color: #CCDDFF;
}

.border-right-blue-light03 {
  border-right: 1px solid #CCDDFF;
}
.border-right-blue-light03:focus {
  border-right-color: #CCDDFF;
}

.border-bottom-blue-light03 {
  border-bottom: 1px solid #CCDDFF;
}
.border-bottom-blue-light03:focus {
  border-bottom-color: #CCDDFF;
}

.border-left-blue-light03 {
  border-left: 1px solid #CCDDFF;
}
.border-left-blue-light03:focus {
  border-left-color: #CCDDFF;
}

.text-blue-light04 {
  color: #99BCFF !important;
}

.bg-blue-light04 {
  background-color: #99BCFF !important;
}

.border-blue-light04 {
  border: 1px solid #99BCFF;
}
.border-blue-light04:focus {
  border-color: #99BCFF;
}

.border-top-blue-light04 {
  border-top: 1px solid #99BCFF;
}
.border-top-blue-light04:focus {
  border-top-color: #99BCFF;
}

.border-right-blue-light04 {
  border-right: 1px solid #99BCFF;
}
.border-right-blue-light04:focus {
  border-right-color: #99BCFF;
}

.border-bottom-blue-light04 {
  border-bottom: 1px solid #99BCFF;
}
.border-bottom-blue-light04:focus {
  border-bottom-color: #99BCFF;
}

.border-left-blue-light04 {
  border-left: 1px solid #99BCFF;
}
.border-left-blue-light04:focus {
  border-left-color: #99BCFF;
}

.text-blue-light05 {
  color: #7BA8FF !important;
}

.bg-blue-light05 {
  background-color: #7BA8FF !important;
}

.border-blue-light05 {
  border: 1px solid #7BA8FF;
}
.border-blue-light05:focus {
  border-color: #7BA8FF;
}

.border-top-blue-light05 {
  border-top: 1px solid #7BA8FF;
}
.border-top-blue-light05:focus {
  border-top-color: #7BA8FF;
}

.border-right-blue-light05 {
  border-right: 1px solid #7BA8FF;
}
.border-right-blue-light05:focus {
  border-right-color: #7BA8FF;
}

.border-bottom-blue-light05 {
  border-bottom: 1px solid #7BA8FF;
}
.border-bottom-blue-light05:focus {
  border-bottom-color: #7BA8FF;
}

.border-left-blue-light05 {
  border-left: 1px solid #7BA8FF;
}
.border-left-blue-light05:focus {
  border-left-color: #7BA8FF;
}

.text-blue-light06 {
  color: #5D94FF !important;
}

.bg-blue-light06 {
  background-color: #5D94FF !important;
}

.border-blue-light06 {
  border: 1px solid #5D94FF;
}
.border-blue-light06:focus {
  border-color: #5D94FF;
}

.border-top-blue-light06 {
  border-top: 1px solid #5D94FF;
}
.border-top-blue-light06:focus {
  border-top-color: #5D94FF;
}

.border-right-blue-light06 {
  border-right: 1px solid #5D94FF;
}
.border-right-blue-light06:focus {
  border-right-color: #5D94FF;
}

.border-bottom-blue-light06 {
  border-bottom: 1px solid #5D94FF;
}
.border-bottom-blue-light06:focus {
  border-bottom-color: #5D94FF;
}

.border-left-blue-light06 {
  border-left: 1px solid #5D94FF;
}
.border-left-blue-light06:focus {
  border-left-color: #5D94FF;
}

.text-blue-light07 {
  color: #4886FF !important;
}

.bg-blue-light07 {
  background-color: #4886FF !important;
}

.border-blue-light07 {
  border: 1px solid #4886FF;
}
.border-blue-light07:focus {
  border-color: #4886FF;
}

.border-top-blue-light07 {
  border-top: 1px solid #4886FF;
}
.border-top-blue-light07:focus {
  border-top-color: #4886FF;
}

.border-right-blue-light07 {
  border-right: 1px solid #4886FF;
}
.border-right-blue-light07:focus {
  border-right-color: #4886FF;
}

.border-bottom-blue-light07 {
  border-bottom: 1px solid #4886FF;
}
.border-bottom-blue-light07:focus {
  border-bottom-color: #4886FF;
}

.border-left-blue-light07 {
  border-left: 1px solid #4886FF;
}
.border-left-blue-light07:focus {
  border-left-color: #4886FF;
}

.text-blue-base {
  color: #3479FF !important;
}

.bg-blue-base {
  background-color: #3479FF !important;
}

.border-blue-base {
  border: 1px solid #3479FF;
}
.border-blue-base:focus {
  border-color: #3479FF;
}

.border-top-blue-base {
  border-top: 1px solid #3479FF;
}
.border-top-blue-base:focus {
  border-top-color: #3479FF;
}

.border-right-blue-base {
  border-right: 1px solid #3479FF;
}
.border-right-blue-base:focus {
  border-right-color: #3479FF;
}

.border-bottom-blue-base {
  border-bottom: 1px solid #3479FF;
}
.border-bottom-blue-base:focus {
  border-bottom-color: #3479FF;
}

.border-left-blue-base {
  border-left: 1px solid #3479FF;
}
.border-left-blue-base:focus {
  border-left-color: #3479FF;
}

.text-blue-dark07 {
  color: #2E66D1 !important;
}

.bg-blue-dark07 {
  background-color: #2E66D1 !important;
}

.border-blue-dark07 {
  border: 1px solid #2E66D1;
}
.border-blue-dark07:focus {
  border-color: #2E66D1;
}

.border-top-blue-dark07 {
  border-top: 1px solid #2E66D1;
}
.border-top-blue-dark07:focus {
  border-top-color: #2E66D1;
}

.border-right-blue-dark07 {
  border-right: 1px solid #2E66D1;
}
.border-right-blue-dark07:focus {
  border-right-color: #2E66D1;
}

.border-bottom-blue-dark07 {
  border-bottom: 1px solid #2E66D1;
}
.border-bottom-blue-dark07:focus {
  border-bottom-color: #2E66D1;
}

.border-left-blue-dark07 {
  border-left: 1px solid #2E66D1;
}
.border-left-blue-dark07:focus {
  border-left-color: #2E66D1;
}

.text-blue-dark06 {
  color: #2952A3 !important;
}

.bg-blue-dark06 {
  background-color: #2952A3 !important;
}

.border-blue-dark06 {
  border: 1px solid #2952A3;
}
.border-blue-dark06:focus {
  border-color: #2952A3;
}

.border-top-blue-dark06 {
  border-top: 1px solid #2952A3;
}
.border-top-blue-dark06:focus {
  border-top-color: #2952A3;
}

.border-right-blue-dark06 {
  border-right: 1px solid #2952A3;
}
.border-right-blue-dark06:focus {
  border-right-color: #2952A3;
}

.border-bottom-blue-dark06 {
  border-bottom: 1px solid #2952A3;
}
.border-bottom-blue-dark06:focus {
  border-bottom-color: #2952A3;
}

.border-left-blue-dark06 {
  border-left: 1px solid #2952A3;
}
.border-left-blue-dark06:focus {
  border-left-color: #2952A3;
}

.text-blue-dark05 {
  color: #26488B !important;
}

.bg-blue-dark05 {
  background-color: #26488B !important;
}

.border-blue-dark05 {
  border: 1px solid #26488B;
}
.border-blue-dark05:focus {
  border-color: #26488B;
}

.border-top-blue-dark05 {
  border-top: 1px solid #26488B;
}
.border-top-blue-dark05:focus {
  border-top-color: #26488B;
}

.border-right-blue-dark05 {
  border-right: 1px solid #26488B;
}
.border-right-blue-dark05:focus {
  border-right-color: #26488B;
}

.border-bottom-blue-dark05 {
  border-bottom: 1px solid #26488B;
}
.border-bottom-blue-dark05:focus {
  border-bottom-color: #26488B;
}

.border-left-blue-dark05 {
  border-left: 1px solid #26488B;
}
.border-left-blue-dark05:focus {
  border-left-color: #26488B;
}

.text-blue-dark04 {
  color: #233F74 !important;
}

.bg-blue-dark04 {
  background-color: #233F74 !important;
}

.border-blue-dark04 {
  border: 1px solid #233F74;
}
.border-blue-dark04:focus {
  border-color: #233F74;
}

.border-top-blue-dark04 {
  border-top: 1px solid #233F74;
}
.border-top-blue-dark04:focus {
  border-top-color: #233F74;
}

.border-right-blue-dark04 {
  border-right: 1px solid #233F74;
}
.border-right-blue-dark04:focus {
  border-right-color: #233F74;
}

.border-bottom-blue-dark04 {
  border-bottom: 1px solid #233F74;
}
.border-bottom-blue-dark04:focus {
  border-bottom-color: #233F74;
}

.border-left-blue-dark04 {
  border-left: 1px solid #233F74;
}
.border-left-blue-dark04:focus {
  border-left-color: #233F74;
}

.text-blue-dark03 {
  color: #20355D !important;
}

.bg-blue-dark03 {
  background-color: #20355D !important;
}

.border-blue-dark03 {
  border: 1px solid #20355D;
}
.border-blue-dark03:focus {
  border-color: #20355D;
}

.border-top-blue-dark03 {
  border-top: 1px solid #20355D;
}
.border-top-blue-dark03:focus {
  border-top-color: #20355D;
}

.border-right-blue-dark03 {
  border-right: 1px solid #20355D;
}
.border-right-blue-dark03:focus {
  border-right-color: #20355D;
}

.border-bottom-blue-dark03 {
  border-bottom: 1px solid #20355D;
}
.border-bottom-blue-dark03:focus {
  border-bottom-color: #20355D;
}

.border-left-blue-dark03 {
  border-left: 1px solid #20355D;
}
.border-left-blue-dark03:focus {
  border-left-color: #20355D;
}

.text-blue-dark02 {
  color: #1E2B46 !important;
}

.bg-blue-dark02 {
  background-color: #1E2B46 !important;
}

.border-blue-dark02 {
  border: 1px solid #1E2B46;
}
.border-blue-dark02:focus {
  border-color: #1E2B46;
}

.border-top-blue-dark02 {
  border-top: 1px solid #1E2B46;
}
.border-top-blue-dark02:focus {
  border-top-color: #1E2B46;
}

.border-right-blue-dark02 {
  border-right: 1px solid #1E2B46;
}
.border-right-blue-dark02:focus {
  border-right-color: #1E2B46;
}

.border-bottom-blue-dark02 {
  border-bottom: 1px solid #1E2B46;
}
.border-bottom-blue-dark02:focus {
  border-bottom-color: #1E2B46;
}

.border-left-blue-dark02 {
  border-left: 1px solid #1E2B46;
}
.border-left-blue-dark02:focus {
  border-left-color: #1E2B46;
}

.text-blue-dark01 {
  color: #1B222F !important;
}

.bg-blue-dark01 {
  background-color: #1B222F !important;
}

.border-blue-dark01 {
  border: 1px solid #1B222F;
}
.border-blue-dark01:focus {
  border-color: #1B222F;
}

.border-top-blue-dark01 {
  border-top: 1px solid #1B222F;
}
.border-top-blue-dark01:focus {
  border-top-color: #1B222F;
}

.border-right-blue-dark01 {
  border-right: 1px solid #1B222F;
}
.border-right-blue-dark01:focus {
  border-right-color: #1B222F;
}

.border-bottom-blue-dark01 {
  border-bottom: 1px solid #1B222F;
}
.border-bottom-blue-dark01:focus {
  border-bottom-color: #1B222F;
}

.border-left-blue-dark01 {
  border-left: 1px solid #1B222F;
}
.border-left-blue-dark01:focus {
  border-left-color: #1B222F;
}

.text-purple-light01 {
  color: #F6F3FE !important;
}

.bg-purple-light01 {
  background-color: #F6F3FE !important;
}

.border-purple-light01 {
  border: 1px solid #F6F3FE;
}
.border-purple-light01:focus {
  border-color: #F6F3FE;
}

.border-top-purple-light01 {
  border-top: 1px solid #F6F3FE;
}
.border-top-purple-light01:focus {
  border-top-color: #F6F3FE;
}

.border-right-purple-light01 {
  border-right: 1px solid #F6F3FE;
}
.border-right-purple-light01:focus {
  border-right-color: #F6F3FE;
}

.border-bottom-purple-light01 {
  border-bottom: 1px solid #F6F3FE;
}
.border-bottom-purple-light01:focus {
  border-bottom-color: #F6F3FE;
}

.border-left-purple-light01 {
  border-left: 1px solid #F6F3FE;
}
.border-left-purple-light01:focus {
  border-left-color: #F6F3FE;
}

.text-purple-light02 {
  color: #E9E2FC !important;
}

.bg-purple-light02 {
  background-color: #E9E2FC !important;
}

.border-purple-light02 {
  border: 1px solid #E9E2FC;
}
.border-purple-light02:focus {
  border-color: #E9E2FC;
}

.border-top-purple-light02 {
  border-top: 1px solid #E9E2FC;
}
.border-top-purple-light02:focus {
  border-top-color: #E9E2FC;
}

.border-right-purple-light02 {
  border-right: 1px solid #E9E2FC;
}
.border-right-purple-light02:focus {
  border-right-color: #E9E2FC;
}

.border-bottom-purple-light02 {
  border-bottom: 1px solid #E9E2FC;
}
.border-bottom-purple-light02:focus {
  border-bottom-color: #E9E2FC;
}

.border-left-purple-light02 {
  border-left: 1px solid #E9E2FC;
}
.border-left-purple-light02:focus {
  border-left-color: #E9E2FC;
}

.text-purple-light03 {
  color: #DACEFB !important;
}

.bg-purple-light03 {
  background-color: #DACEFB !important;
}

.border-purple-light03 {
  border: 1px solid #DACEFB;
}
.border-purple-light03:focus {
  border-color: #DACEFB;
}

.border-top-purple-light03 {
  border-top: 1px solid #DACEFB;
}
.border-top-purple-light03:focus {
  border-top-color: #DACEFB;
}

.border-right-purple-light03 {
  border-right: 1px solid #DACEFB;
}
.border-right-purple-light03:focus {
  border-right-color: #DACEFB;
}

.border-bottom-purple-light03 {
  border-bottom: 1px solid #DACEFB;
}
.border-bottom-purple-light03:focus {
  border-bottom-color: #DACEFB;
}

.border-left-purple-light03 {
  border-left: 1px solid #DACEFB;
}
.border-left-purple-light03:focus {
  border-left-color: #DACEFB;
}

.text-purple-light04 {
  color: #CBBBF9 !important;
}

.bg-purple-light04 {
  background-color: #CBBBF9 !important;
}

.border-purple-light04 {
  border: 1px solid #CBBBF9;
}
.border-purple-light04:focus {
  border-color: #CBBBF9;
}

.border-top-purple-light04 {
  border-top: 1px solid #CBBBF9;
}
.border-top-purple-light04:focus {
  border-top-color: #CBBBF9;
}

.border-right-purple-light04 {
  border-right: 1px solid #CBBBF9;
}
.border-right-purple-light04:focus {
  border-right-color: #CBBBF9;
}

.border-bottom-purple-light04 {
  border-bottom: 1px solid #CBBBF9;
}
.border-bottom-purple-light04:focus {
  border-bottom-color: #CBBBF9;
}

.border-left-purple-light04 {
  border-left: 1px solid #CBBBF9;
}
.border-left-purple-light04:focus {
  border-left-color: #CBBBF9;
}

.text-purple-light05 {
  color: #AE94F6 !important;
}

.bg-purple-light05 {
  background-color: #AE94F6 !important;
}

.border-purple-light05 {
  border: 1px solid #AE94F6;
}
.border-purple-light05:focus {
  border-color: #AE94F6;
}

.border-top-purple-light05 {
  border-top: 1px solid #AE94F6;
}
.border-top-purple-light05:focus {
  border-top-color: #AE94F6;
}

.border-right-purple-light05 {
  border-right: 1px solid #AE94F6;
}
.border-right-purple-light05:focus {
  border-right-color: #AE94F6;
}

.border-bottom-purple-light05 {
  border-bottom: 1px solid #AE94F6;
}
.border-bottom-purple-light05:focus {
  border-bottom-color: #AE94F6;
}

.border-left-purple-light05 {
  border-left: 1px solid #AE94F6;
}
.border-left-purple-light05:focus {
  border-left-color: #AE94F6;
}

.text-purple-light06 {
  color: #9F81F4 !important;
}

.bg-purple-light06 {
  background-color: #9F81F4 !important;
}

.border-purple-light06 {
  border: 1px solid #9F81F4;
}
.border-purple-light06:focus {
  border-color: #9F81F4;
}

.border-top-purple-light06 {
  border-top: 1px solid #9F81F4;
}
.border-top-purple-light06:focus {
  border-top-color: #9F81F4;
}

.border-right-purple-light06 {
  border-right: 1px solid #9F81F4;
}
.border-right-purple-light06:focus {
  border-right-color: #9F81F4;
}

.border-bottom-purple-light06 {
  border-bottom: 1px solid #9F81F4;
}
.border-bottom-purple-light06:focus {
  border-bottom-color: #9F81F4;
}

.border-left-purple-light06 {
  border-left: 1px solid #9F81F4;
}
.border-left-purple-light06:focus {
  border-left-color: #9F81F4;
}

.text-purple-light07 {
  color: #8964F1 !important;
}

.bg-purple-light07 {
  background-color: #8964F1 !important;
}

.border-purple-light07 {
  border: 1px solid #8964F1;
}
.border-purple-light07:focus {
  border-color: #8964F1;
}

.border-top-purple-light07 {
  border-top: 1px solid #8964F1;
}
.border-top-purple-light07:focus {
  border-top-color: #8964F1;
}

.border-right-purple-light07 {
  border-right: 1px solid #8964F1;
}
.border-right-purple-light07:focus {
  border-right-color: #8964F1;
}

.border-bottom-purple-light07 {
  border-bottom: 1px solid #8964F1;
}
.border-bottom-purple-light07:focus {
  border-bottom-color: #8964F1;
}

.border-left-purple-light07 {
  border-left: 1px solid #8964F1;
}
.border-left-purple-light07:focus {
  border-left-color: #8964F1;
}

.text-purple-base {
  color: #6B3DEE !important;
}

.bg-purple-base {
  background-color: #6B3DEE !important;
}

.border-purple-base {
  border: 1px solid #6B3DEE;
}
.border-purple-base:focus {
  border-color: #6B3DEE;
}

.border-top-purple-base {
  border-top: 1px solid #6B3DEE;
}
.border-top-purple-base:focus {
  border-top-color: #6B3DEE;
}

.border-right-purple-base {
  border-right: 1px solid #6B3DEE;
}
.border-right-purple-base:focus {
  border-right-color: #6B3DEE;
}

.border-bottom-purple-base {
  border-bottom: 1px solid #6B3DEE;
}
.border-bottom-purple-base:focus {
  border-bottom-color: #6B3DEE;
}

.border-left-purple-base {
  border-left: 1px solid #6B3DEE;
}
.border-left-purple-base:focus {
  border-left-color: #6B3DEE;
}

.text-purple-dark07 {
  color: #5F37CE !important;
}

.bg-purple-dark07 {
  background-color: #5F37CE !important;
}

.border-purple-dark07 {
  border: 1px solid #5F37CE;
}
.border-purple-dark07:focus {
  border-color: #5F37CE;
}

.border-top-purple-dark07 {
  border-top: 1px solid #5F37CE;
}
.border-top-purple-dark07:focus {
  border-top-color: #5F37CE;
}

.border-right-purple-dark07 {
  border-right: 1px solid #5F37CE;
}
.border-right-purple-dark07:focus {
  border-right-color: #5F37CE;
}

.border-bottom-purple-dark07 {
  border-bottom: 1px solid #5F37CE;
}
.border-bottom-purple-dark07:focus {
  border-bottom-color: #5F37CE;
}

.border-left-purple-dark07 {
  border-left: 1px solid #5F37CE;
}
.border-left-purple-dark07:focus {
  border-left-color: #5F37CE;
}

.text-purple-dark06 {
  color: #5232AE !important;
}

.bg-purple-dark06 {
  background-color: #5232AE !important;
}

.border-purple-dark06 {
  border: 1px solid #5232AE;
}
.border-purple-dark06:focus {
  border-color: #5232AE;
}

.border-top-purple-dark06 {
  border-top: 1px solid #5232AE;
}
.border-top-purple-dark06:focus {
  border-top-color: #5232AE;
}

.border-right-purple-dark06 {
  border-right: 1px solid #5232AE;
}
.border-right-purple-dark06:focus {
  border-right-color: #5232AE;
}

.border-bottom-purple-dark06 {
  border-bottom: 1px solid #5232AE;
}
.border-bottom-purple-dark06:focus {
  border-bottom-color: #5232AE;
}

.border-left-purple-dark06 {
  border-left: 1px solid #5232AE;
}
.border-left-purple-dark06:focus {
  border-left-color: #5232AE;
}

.text-purple-dark05 {
  color: #462C8E !important;
}

.bg-purple-dark05 {
  background-color: #462C8E !important;
}

.border-purple-dark05 {
  border: 1px solid #462C8E;
}
.border-purple-dark05:focus {
  border-color: #462C8E;
}

.border-top-purple-dark05 {
  border-top: 1px solid #462C8E;
}
.border-top-purple-dark05:focus {
  border-top-color: #462C8E;
}

.border-right-purple-dark05 {
  border-right: 1px solid #462C8E;
}
.border-right-purple-dark05:focus {
  border-right-color: #462C8E;
}

.border-bottom-purple-dark05 {
  border-bottom: 1px solid #462C8E;
}
.border-bottom-purple-dark05:focus {
  border-bottom-color: #462C8E;
}

.border-left-purple-dark05 {
  border-left: 1px solid #462C8E;
}
.border-left-purple-dark05:focus {
  border-left-color: #462C8E;
}

.text-purple-dark04 {
  color: #39276E !important;
}

.bg-purple-dark04 {
  background-color: #39276E !important;
}

.border-purple-dark04 {
  border: 1px solid #39276E;
}
.border-purple-dark04:focus {
  border-color: #39276E;
}

.border-top-purple-dark04 {
  border-top: 1px solid #39276E;
}
.border-top-purple-dark04:focus {
  border-top-color: #39276E;
}

.border-right-purple-dark04 {
  border-right: 1px solid #39276E;
}
.border-right-purple-dark04:focus {
  border-right-color: #39276E;
}

.border-bottom-purple-dark04 {
  border-bottom: 1px solid #39276E;
}
.border-bottom-purple-dark04:focus {
  border-bottom-color: #39276E;
}

.border-left-purple-dark04 {
  border-left: 1px solid #39276E;
}
.border-left-purple-dark04:focus {
  border-left-color: #39276E;
}

.text-purple-dark03 {
  color: #2D214D !important;
}

.bg-purple-dark03 {
  background-color: #2D214D !important;
}

.border-purple-dark03 {
  border: 1px solid #2D214D;
}
.border-purple-dark03:focus {
  border-color: #2D214D;
}

.border-top-purple-dark03 {
  border-top: 1px solid #2D214D;
}
.border-top-purple-dark03:focus {
  border-top-color: #2D214D;
}

.border-right-purple-dark03 {
  border-right: 1px solid #2D214D;
}
.border-right-purple-dark03:focus {
  border-right-color: #2D214D;
}

.border-bottom-purple-dark03 {
  border-bottom: 1px solid #2D214D;
}
.border-bottom-purple-dark03:focus {
  border-bottom-color: #2D214D;
}

.border-left-purple-dark03 {
  border-left: 1px solid #2D214D;
}
.border-left-purple-dark03:focus {
  border-left-color: #2D214D;
}

.text-purple-dark02 {
  color: #241E38 !important;
}

.bg-purple-dark02 {
  background-color: #241E38 !important;
}

.border-purple-dark02 {
  border: 1px solid #241E38;
}
.border-purple-dark02:focus {
  border-color: #241E38;
}

.border-top-purple-dark02 {
  border-top: 1px solid #241E38;
}
.border-top-purple-dark02:focus {
  border-top-color: #241E38;
}

.border-right-purple-dark02 {
  border-right: 1px solid #241E38;
}
.border-right-purple-dark02:focus {
  border-right-color: #241E38;
}

.border-bottom-purple-dark02 {
  border-bottom: 1px solid #241E38;
}
.border-bottom-purple-dark02:focus {
  border-bottom-color: #241E38;
}

.border-left-purple-dark02 {
  border-left: 1px solid #241E38;
}
.border-left-purple-dark02:focus {
  border-left-color: #241E38;
}

.text-purple-dark01 {
  color: #1C1A23 !important;
}

.bg-purple-dark01 {
  background-color: #1C1A23 !important;
}

.border-purple-dark01 {
  border: 1px solid #1C1A23;
}
.border-purple-dark01:focus {
  border-color: #1C1A23;
}

.border-top-purple-dark01 {
  border-top: 1px solid #1C1A23;
}
.border-top-purple-dark01:focus {
  border-top-color: #1C1A23;
}

.border-right-purple-dark01 {
  border-right: 1px solid #1C1A23;
}
.border-right-purple-dark01:focus {
  border-right-color: #1C1A23;
}

.border-bottom-purple-dark01 {
  border-bottom: 1px solid #1C1A23;
}
.border-bottom-purple-dark01:focus {
  border-bottom-color: #1C1A23;
}

.border-left-purple-dark01 {
  border-left: 1px solid #1C1A23;
}
.border-left-purple-dark01:focus {
  border-left-color: #1C1A23;
}

.text-grey01 {
  color: #181818 !important;
}

.bg-grey01 {
  background-color: #181818 !important;
}

.border-grey01 {
  border: 1px solid #181818;
}
.border-grey01:focus {
  border-color: #181818;
}

.border-top-grey01 {
  border-top: 1px solid #181818;
}
.border-top-grey01:focus {
  border-top-color: #181818;
}

.border-right-grey01 {
  border-right: 1px solid #181818;
}
.border-right-grey01:focus {
  border-right-color: #181818;
}

.border-bottom-grey01 {
  border-bottom: 1px solid #181818;
}
.border-bottom-grey01:focus {
  border-bottom-color: #181818;
}

.border-left-grey01 {
  border-left: 1px solid #181818;
}
.border-left-grey01:focus {
  border-left-color: #181818;
}

.text-grey02 {
  color: #222222 !important;
}

.bg-grey02 {
  background-color: #222222 !important;
}

.border-grey02 {
  border: 1px solid #222222;
}
.border-grey02:focus {
  border-color: #222222;
}

.border-top-grey02 {
  border-top: 1px solid #222222;
}
.border-top-grey02:focus {
  border-top-color: #222222;
}

.border-right-grey02 {
  border-right: 1px solid #222222;
}
.border-right-grey02:focus {
  border-right-color: #222222;
}

.border-bottom-grey02 {
  border-bottom: 1px solid #222222;
}
.border-bottom-grey02:focus {
  border-bottom-color: #222222;
}

.border-left-grey02 {
  border-left: 1px solid #222222;
}
.border-left-grey02:focus {
  border-left-color: #222222;
}

.text-grey03 {
  color: #444444 !important;
}

.bg-grey03 {
  background-color: #444444 !important;
}

.border-grey03 {
  border: 1px solid #444444;
}
.border-grey03:focus {
  border-color: #444444;
}

.border-top-grey03 {
  border-top: 1px solid #444444;
}
.border-top-grey03:focus {
  border-top-color: #444444;
}

.border-right-grey03 {
  border-right: 1px solid #444444;
}
.border-right-grey03:focus {
  border-right-color: #444444;
}

.border-bottom-grey03 {
  border-bottom: 1px solid #444444;
}
.border-bottom-grey03:focus {
  border-bottom-color: #444444;
}

.border-left-grey03 {
  border-left: 1px solid #444444;
}
.border-left-grey03:focus {
  border-left-color: #444444;
}

.text-grey04 {
  color: #606060 !important;
}

.bg-grey04 {
  background-color: #606060 !important;
}

.border-grey04 {
  border: 1px solid #606060;
}
.border-grey04:focus {
  border-color: #606060;
}

.border-top-grey04 {
  border-top: 1px solid #606060;
}
.border-top-grey04:focus {
  border-top-color: #606060;
}

.border-right-grey04 {
  border-right: 1px solid #606060;
}
.border-right-grey04:focus {
  border-right-color: #606060;
}

.border-bottom-grey04 {
  border-bottom: 1px solid #606060;
}
.border-bottom-grey04:focus {
  border-bottom-color: #606060;
}

.border-left-grey04 {
  border-left: 1px solid #606060;
}
.border-left-grey04:focus {
  border-left-color: #606060;
}

.text-grey05 {
  color: #737373 !important;
}

.bg-grey05 {
  background-color: #737373 !important;
}

.border-grey05 {
  border: 1px solid #737373;
}
.border-grey05:focus {
  border-color: #737373;
}

.border-top-grey05 {
  border-top: 1px solid #737373;
}
.border-top-grey05:focus {
  border-top-color: #737373;
}

.border-right-grey05 {
  border-right: 1px solid #737373;
}
.border-right-grey05:focus {
  border-right-color: #737373;
}

.border-bottom-grey05 {
  border-bottom: 1px solid #737373;
}
.border-bottom-grey05:focus {
  border-bottom-color: #737373;
}

.border-left-grey05 {
  border-left: 1px solid #737373;
}
.border-left-grey05:focus {
  border-left-color: #737373;
}

.text-grey06 {
  color: #888888 !important;
}

.bg-grey06 {
  background-color: #888888 !important;
}

.border-grey06 {
  border: 1px solid #888888;
}
.border-grey06:focus {
  border-color: #888888;
}

.border-top-grey06 {
  border-top: 1px solid #888888;
}
.border-top-grey06:focus {
  border-top-color: #888888;
}

.border-right-grey06 {
  border-right: 1px solid #888888;
}
.border-right-grey06:focus {
  border-right-color: #888888;
}

.border-bottom-grey06 {
  border-bottom: 1px solid #888888;
}
.border-bottom-grey06:focus {
  border-bottom-color: #888888;
}

.border-left-grey06 {
  border-left: 1px solid #888888;
}
.border-left-grey06:focus {
  border-left-color: #888888;
}

.text-grey07 {
  color: #999999 !important;
}

.bg-grey07 {
  background-color: #999999 !important;
}

.border-grey07 {
  border: 1px solid #999999;
}
.border-grey07:focus {
  border-color: #999999;
}

.border-top-grey07 {
  border-top: 1px solid #999999;
}
.border-top-grey07:focus {
  border-top-color: #999999;
}

.border-right-grey07 {
  border-right: 1px solid #999999;
}
.border-right-grey07:focus {
  border-right-color: #999999;
}

.border-bottom-grey07 {
  border-bottom: 1px solid #999999;
}
.border-bottom-grey07:focus {
  border-bottom-color: #999999;
}

.border-left-grey07 {
  border-left: 1px solid #999999;
}
.border-left-grey07:focus {
  border-left-color: #999999;
}

.text-grey08 {
  color: #AAAAAA !important;
}

.bg-grey08 {
  background-color: #AAAAAA !important;
}

.border-grey08 {
  border: 1px solid #AAAAAA;
}
.border-grey08:focus {
  border-color: #AAAAAA;
}

.border-top-grey08 {
  border-top: 1px solid #AAAAAA;
}
.border-top-grey08:focus {
  border-top-color: #AAAAAA;
}

.border-right-grey08 {
  border-right: 1px solid #AAAAAA;
}
.border-right-grey08:focus {
  border-right-color: #AAAAAA;
}

.border-bottom-grey08 {
  border-bottom: 1px solid #AAAAAA;
}
.border-bottom-grey08:focus {
  border-bottom-color: #AAAAAA;
}

.border-left-grey08 {
  border-left: 1px solid #AAAAAA;
}
.border-left-grey08:focus {
  border-left-color: #AAAAAA;
}

.text-grey09 {
  color: #BBBBBB !important;
}

.bg-grey09 {
  background-color: #BBBBBB !important;
}

.border-grey09 {
  border: 1px solid #BBBBBB;
}
.border-grey09:focus {
  border-color: #BBBBBB;
}

.border-top-grey09 {
  border-top: 1px solid #BBBBBB;
}
.border-top-grey09:focus {
  border-top-color: #BBBBBB;
}

.border-right-grey09 {
  border-right: 1px solid #BBBBBB;
}
.border-right-grey09:focus {
  border-right-color: #BBBBBB;
}

.border-bottom-grey09 {
  border-bottom: 1px solid #BBBBBB;
}
.border-bottom-grey09:focus {
  border-bottom-color: #BBBBBB;
}

.border-left-grey09 {
  border-left: 1px solid #BBBBBB;
}
.border-left-grey09:focus {
  border-left-color: #BBBBBB;
}

.text-grey10 {
  color: #CCCCCC !important;
}

.bg-grey10 {
  background-color: #CCCCCC !important;
}

.border-grey10 {
  border: 1px solid #CCCCCC;
}
.border-grey10:focus {
  border-color: #CCCCCC;
}

.border-top-grey10 {
  border-top: 1px solid #CCCCCC;
}
.border-top-grey10:focus {
  border-top-color: #CCCCCC;
}

.border-right-grey10 {
  border-right: 1px solid #CCCCCC;
}
.border-right-grey10:focus {
  border-right-color: #CCCCCC;
}

.border-bottom-grey10 {
  border-bottom: 1px solid #CCCCCC;
}
.border-bottom-grey10:focus {
  border-bottom-color: #CCCCCC;
}

.border-left-grey10 {
  border-left: 1px solid #CCCCCC;
}
.border-left-grey10:focus {
  border-left-color: #CCCCCC;
}

.text-grey11 {
  color: #D4D4D4 !important;
}

.bg-grey11 {
  background-color: #D4D4D4 !important;
}

.border-grey11 {
  border: 1px solid #D4D4D4;
}
.border-grey11:focus {
  border-color: #D4D4D4;
}

.border-top-grey11 {
  border-top: 1px solid #D4D4D4;
}
.border-top-grey11:focus {
  border-top-color: #D4D4D4;
}

.border-right-grey11 {
  border-right: 1px solid #D4D4D4;
}
.border-right-grey11:focus {
  border-right-color: #D4D4D4;
}

.border-bottom-grey11 {
  border-bottom: 1px solid #D4D4D4;
}
.border-bottom-grey11:focus {
  border-bottom-color: #D4D4D4;
}

.border-left-grey11 {
  border-left: 1px solid #D4D4D4;
}
.border-left-grey11:focus {
  border-left-color: #D4D4D4;
}

.text-grey12 {
  color: #E1E1E1 !important;
}

.bg-grey12 {
  background-color: #E1E1E1 !important;
}

.border-grey12 {
  border: 1px solid #E1E1E1;
}
.border-grey12:focus {
  border-color: #E1E1E1;
}

.border-top-grey12 {
  border-top: 1px solid #E1E1E1;
}
.border-top-grey12:focus {
  border-top-color: #E1E1E1;
}

.border-right-grey12 {
  border-right: 1px solid #E1E1E1;
}
.border-right-grey12:focus {
  border-right-color: #E1E1E1;
}

.border-bottom-grey12 {
  border-bottom: 1px solid #E1E1E1;
}
.border-bottom-grey12:focus {
  border-bottom-color: #E1E1E1;
}

.border-left-grey12 {
  border-left: 1px solid #E1E1E1;
}
.border-left-grey12:focus {
  border-left-color: #E1E1E1;
}

.text-grey13 {
  color: #F0F0F0 !important;
}

.bg-grey13 {
  background-color: #F0F0F0 !important;
}

.border-grey13 {
  border: 1px solid #F0F0F0;
}
.border-grey13:focus {
  border-color: #F0F0F0;
}

.border-top-grey13 {
  border-top: 1px solid #F0F0F0;
}
.border-top-grey13:focus {
  border-top-color: #F0F0F0;
}

.border-right-grey13 {
  border-right: 1px solid #F0F0F0;
}
.border-right-grey13:focus {
  border-right-color: #F0F0F0;
}

.border-bottom-grey13 {
  border-bottom: 1px solid #F0F0F0;
}
.border-bottom-grey13:focus {
  border-bottom-color: #F0F0F0;
}

.border-left-grey13 {
  border-left: 1px solid #F0F0F0;
}
.border-left-grey13:focus {
  border-left-color: #F0F0F0;
}

.text-grey14 {
  color: #F6F6F6 !important;
}

.bg-grey14 {
  background-color: #F6F6F6 !important;
}

.border-grey14 {
  border: 1px solid #F6F6F6;
}
.border-grey14:focus {
  border-color: #F6F6F6;
}

.border-top-grey14 {
  border-top: 1px solid #F6F6F6;
}
.border-top-grey14:focus {
  border-top-color: #F6F6F6;
}

.border-right-grey14 {
  border-right: 1px solid #F6F6F6;
}
.border-right-grey14:focus {
  border-right-color: #F6F6F6;
}

.border-bottom-grey14 {
  border-bottom: 1px solid #F6F6F6;
}
.border-bottom-grey14:focus {
  border-bottom-color: #F6F6F6;
}

.border-left-grey14 {
  border-left: 1px solid #F6F6F6;
}
.border-left-grey14:focus {
  border-left-color: #F6F6F6;
}

.text-grey15 {
  color: #F9F9F9 !important;
}

.bg-grey15 {
  background-color: #F9F9F9 !important;
}

.border-grey15 {
  border: 1px solid #F9F9F9;
}
.border-grey15:focus {
  border-color: #F9F9F9;
}

.border-top-grey15 {
  border-top: 1px solid #F9F9F9;
}
.border-top-grey15:focus {
  border-top-color: #F9F9F9;
}

.border-right-grey15 {
  border-right: 1px solid #F9F9F9;
}
.border-right-grey15:focus {
  border-right-color: #F9F9F9;
}

.border-bottom-grey15 {
  border-bottom: 1px solid #F9F9F9;
}
.border-bottom-grey15:focus {
  border-bottom-color: #F9F9F9;
}

.border-left-grey15 {
  border-left: 1px solid #F9F9F9;
}
.border-left-grey15:focus {
  border-left-color: #F9F9F9;
}

.text-grey16 {
  color: #FFFFFF !important;
}

.bg-grey16 {
  background-color: #FFFFFF !important;
}

.border-grey16 {
  border: 1px solid #FFFFFF;
}
.border-grey16:focus {
  border-color: #FFFFFF;
}

.border-top-grey16 {
  border-top: 1px solid #FFFFFF;
}
.border-top-grey16:focus {
  border-top-color: #FFFFFF;
}

.border-right-grey16 {
  border-right: 1px solid #FFFFFF;
}
.border-right-grey16:focus {
  border-right-color: #FFFFFF;
}

.border-bottom-grey16 {
  border-bottom: 1px solid #FFFFFF;
}
.border-bottom-grey16:focus {
  border-bottom-color: #FFFFFF;
}

.border-left-grey16 {
  border-left: 1px solid #FFFFFF;
}
.border-left-grey16:focus {
  border-left-color: #FFFFFF;
}

.font-12-400 {
  font-size: 12px;
  font-weight: 400;
}

.font-12-500 {
  font-size: 12px;
  font-weight: 500;
}

.font-12-600 {
  font-size: 12px;
  font-weight: 600;
}

.font-12-700 {
  font-size: 12px;
  font-weight: 700;
}

.font-12-800 {
  font-size: 12px;
  font-weight: 800;
}

.font-12-900 {
  font-size: 12px;
  font-weight: 900;
}

.font-13-400 {
  font-size: 13px;
  font-weight: 400;
}

.font-13-500 {
  font-size: 13px;
  font-weight: 500;
}

.font-13-600 {
  font-size: 13px;
  font-weight: 600;
}

.font-13-700 {
  font-size: 13px;
  font-weight: 700;
}

.font-13-800 {
  font-size: 13px;
  font-weight: 800;
}

.font-13-900 {
  font-size: 13px;
  font-weight: 900;
}

.font-14-400 {
  font-size: 14px;
  font-weight: 400;
}

.font-14-500 {
  font-size: 14px;
  font-weight: 500;
}

.font-14-600 {
  font-size: 14px;
  font-weight: 600;
}

.font-14-700 {
  font-size: 14px;
  font-weight: 700;
}

.font-14-800 {
  font-size: 14px;
  font-weight: 800;
}

.font-14-900 {
  font-size: 14px;
  font-weight: 900;
}

.font-15-400 {
  font-size: 15px;
  font-weight: 400;
}

.font-15-500 {
  font-size: 15px;
  font-weight: 500;
}

.font-15-600 {
  font-size: 15px;
  font-weight: 600;
}

.font-15-700 {
  font-size: 15px;
  font-weight: 700;
}

.font-15-800 {
  font-size: 15px;
  font-weight: 800;
}

.font-15-900 {
  font-size: 15px;
  font-weight: 900;
}

.font-16-400 {
  font-size: 16px;
  font-weight: 400;
}

.font-16-500 {
  font-size: 16px;
  font-weight: 500;
}

.font-16-600 {
  font-size: 16px;
  font-weight: 600;
}

.font-16-700 {
  font-size: 16px;
  font-weight: 700;
}

.font-16-800 {
  font-size: 16px;
  font-weight: 800;
}

.font-16-900 {
  font-size: 16px;
  font-weight: 900;
}

.font-17-400 {
  font-size: 17px;
  font-weight: 400;
}

.font-17-500 {
  font-size: 17px;
  font-weight: 500;
}

.font-17-600 {
  font-size: 17px;
  font-weight: 600;
}

.font-17-700 {
  font-size: 17px;
  font-weight: 700;
}

.font-17-800 {
  font-size: 17px;
  font-weight: 800;
}

.font-17-900 {
  font-size: 17px;
  font-weight: 900;
}

.font-18-400 {
  font-size: 18px;
  font-weight: 400;
}

.font-18-500 {
  font-size: 18px;
  font-weight: 500;
}

.font-18-600 {
  font-size: 18px;
  font-weight: 600;
}

.font-18-700 {
  font-size: 18px;
  font-weight: 700;
}

.font-18-800 {
  font-size: 18px;
  font-weight: 800;
}

.font-18-900 {
  font-size: 18px;
  font-weight: 900;
}

.font-20-400 {
  font-size: 20px;
  font-weight: 400;
}

.font-20-500 {
  font-size: 20px;
  font-weight: 500;
}

.font-20-600 {
  font-size: 20px;
  font-weight: 600;
}

.font-20-700 {
  font-size: 20px;
  font-weight: 700;
}

.font-20-800 {
  font-size: 20px;
  font-weight: 800;
}

.font-20-900 {
  font-size: 20px;
  font-weight: 900;
}

.font-23-400 {
  font-size: 23px;
  font-weight: 400;
}

.font-23-500 {
  font-size: 23px;
  font-weight: 500;
}

.font-23-600 {
  font-size: 23px;
  font-weight: 600;
}

.font-23-700 {
  font-size: 23px;
  font-weight: 700;
}

.font-23-800 {
  font-size: 23px;
  font-weight: 800;
}

.font-23-900 {
  font-size: 23px;
  font-weight: 900;
}

.m-t-0 {
  margin-top: 0px;
}

.p-t-0 {
  padding-top: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.p-r-0 {
  padding-right: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

.m-x-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.p-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

.m-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.p-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

.m-a-0 {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.p-a-0 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.s-gap-0 {
  gap: 0px;
}

.s-row-gap-0 {
  row-gap: 0px;
}

.s-col-gap-0 {
  column-gap: 0px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-1 {
  margin-top: 1px;
}

.p-t-1 {
  padding-top: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

.m-r-1 {
  margin-right: 1px;
}

.p-r-1 {
  padding-right: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

.m-b-1 {
  margin-bottom: 1px;
}

.p-b-1 {
  padding-bottom: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

.m-l-1 {
  margin-left: 1px;
}

.p-l-1 {
  padding-left: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

.m-x-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.p-x-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

.m-y-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.p-y-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

.m-a-1 {
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.p-a-1 {
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.s-gap-1 {
  gap: 1px;
}

.s-row-gap-1 {
  row-gap: 1px;
}

.s-col-gap-1 {
  column-gap: 1px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-2 {
  margin-top: 2px;
}

.p-t-2 {
  padding-top: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

.m-r-2 {
  margin-right: 2px;
}

.p-r-2 {
  padding-right: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

.m-l-2 {
  margin-left: 2px;
}

.p-l-2 {
  padding-left: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

.m-x-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.p-x-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

.m-y-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.p-y-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

.m-a-2 {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.p-a-2 {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.s-gap-2 {
  gap: 2px;
}

.s-row-gap-2 {
  row-gap: 2px;
}

.s-col-gap-2 {
  column-gap: 2px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-4 {
  margin-top: 4px;
}

.p-t-4 {
  padding-top: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

.m-r-4 {
  margin-right: 4px;
}

.p-r-4 {
  padding-right: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

.m-l-4 {
  margin-left: 4px;
}

.p-l-4 {
  padding-left: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

.m-x-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.p-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

.m-y-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.p-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

.m-a-4 {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.p-a-4 {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.s-gap-4 {
  gap: 4px;
}

.s-row-gap-4 {
  row-gap: 4px;
}

.s-col-gap-4 {
  column-gap: 4px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-6 {
  margin-top: 6px;
}

.p-t-6 {
  padding-top: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

.m-r-6 {
  margin-right: 6px;
}

.p-r-6 {
  padding-right: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

.m-b-6 {
  margin-bottom: 6px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

.m-l-6 {
  margin-left: 6px;
}

.p-l-6 {
  padding-left: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

.m-x-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.p-x-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

.m-y-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.p-y-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

.m-a-6 {
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.p-a-6 {
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.s-gap-6 {
  gap: 6px;
}

.s-row-gap-6 {
  row-gap: 6px;
}

.s-col-gap-6 {
  column-gap: 6px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-8 {
  margin-top: 8px;
}

.p-t-8 {
  padding-top: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

.m-r-8 {
  margin-right: 8px;
}

.p-r-8 {
  padding-right: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

.m-l-8 {
  margin-left: 8px;
}

.p-l-8 {
  padding-left: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

.m-x-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.p-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

.m-y-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.p-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

.m-a-8 {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.p-a-8 {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.s-gap-8 {
  gap: 8px;
}

.s-row-gap-8 {
  row-gap: 8px;
}

.s-col-gap-8 {
  column-gap: 8px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-9 {
  margin-top: 9px;
}

.p-t-9 {
  padding-top: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

.m-r-9 {
  margin-right: 9px;
}

.p-r-9 {
  padding-right: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

.m-b-9 {
  margin-bottom: 9px;
}

.p-b-9 {
  padding-bottom: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

.m-l-9 {
  margin-left: 9px;
}

.p-l-9 {
  padding-left: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

.m-x-9 {
  margin-left: 9px;
  margin-right: 9px;
}

.p-x-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

.m-y-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.p-y-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

.m-a-9 {
  margin-left: 9px;
  margin-right: 9px;
  margin-top: 9px;
  margin-bottom: 9px;
}

.p-a-9 {
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.s-gap-9 {
  gap: 9px;
}

.s-row-gap-9 {
  row-gap: 9px;
}

.s-col-gap-9 {
  column-gap: 9px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-10 {
  margin-top: 10px;
}

.p-t-10 {
  padding-top: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

.m-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.p-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

.m-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

.m-a-10 {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-a-10 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.s-gap-10 {
  gap: 10px;
}

.s-row-gap-10 {
  row-gap: 10px;
}

.s-col-gap-10 {
  column-gap: 10px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-11 {
  margin-top: 11px;
}

.p-t-11 {
  padding-top: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

.m-r-11 {
  margin-right: 11px;
}

.p-r-11 {
  padding-right: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

.m-b-11 {
  margin-bottom: 11px;
}

.p-b-11 {
  padding-bottom: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

.m-l-11 {
  margin-left: 11px;
}

.p-l-11 {
  padding-left: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

.m-x-11 {
  margin-left: 11px;
  margin-right: 11px;
}

.p-x-11 {
  padding-left: 11px;
  padding-right: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

.m-y-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.p-y-11 {
  padding-top: 11px;
  padding-bottom: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

.m-a-11 {
  margin-left: 11px;
  margin-right: 11px;
  margin-top: 11px;
  margin-bottom: 11px;
}

.p-a-11 {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.s-gap-11 {
  gap: 11px;
}

.s-row-gap-11 {
  row-gap: 11px;
}

.s-col-gap-11 {
  column-gap: 11px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-12 {
  margin-top: 12px;
}

.p-t-12 {
  padding-top: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

.m-r-12 {
  margin-right: 12px;
}

.p-r-12 {
  padding-right: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

.m-l-12 {
  margin-left: 12px;
}

.p-l-12 {
  padding-left: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

.m-x-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.p-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

.m-y-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.p-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

.m-a-12 {
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.p-a-12 {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.s-gap-12 {
  gap: 12px;
}

.s-row-gap-12 {
  row-gap: 12px;
}

.s-col-gap-12 {
  column-gap: 12px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-13 {
  margin-top: 13px;
}

.p-t-13 {
  padding-top: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

.m-r-13 {
  margin-right: 13px;
}

.p-r-13 {
  padding-right: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

.m-b-13 {
  margin-bottom: 13px;
}

.p-b-13 {
  padding-bottom: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

.m-l-13 {
  margin-left: 13px;
}

.p-l-13 {
  padding-left: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

.m-x-13 {
  margin-left: 13px;
  margin-right: 13px;
}

.p-x-13 {
  padding-left: 13px;
  padding-right: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

.m-y-13 {
  margin-top: 13px;
  margin-bottom: 13px;
}

.p-y-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

.m-a-13 {
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 13px;
  margin-bottom: 13px;
}

.p-a-13 {
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.s-gap-13 {
  gap: 13px;
}

.s-row-gap-13 {
  row-gap: 13px;
}

.s-col-gap-13 {
  column-gap: 13px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-14 {
  margin-top: 14px;
}

.p-t-14 {
  padding-top: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

.m-r-14 {
  margin-right: 14px;
}

.p-r-14 {
  padding-right: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

.m-b-14 {
  margin-bottom: 14px;
}

.p-b-14 {
  padding-bottom: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

.m-l-14 {
  margin-left: 14px;
}

.p-l-14 {
  padding-left: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

.m-x-14 {
  margin-left: 14px;
  margin-right: 14px;
}

.p-x-14 {
  padding-left: 14px;
  padding-right: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

.m-y-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.p-y-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

.m-a-14 {
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.p-a-14 {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.s-gap-14 {
  gap: 14px;
}

.s-row-gap-14 {
  row-gap: 14px;
}

.s-col-gap-14 {
  column-gap: 14px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-16 {
  margin-top: 16px;
}

.p-t-16 {
  padding-top: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

.m-r-16 {
  margin-right: 16px;
}

.p-r-16 {
  padding-right: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

.m-l-16 {
  margin-left: 16px;
}

.p-l-16 {
  padding-left: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

.m-x-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.p-x-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

.m-y-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.p-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

.m-a-16 {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.p-a-16 {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.s-gap-16 {
  gap: 16px;
}

.s-row-gap-16 {
  row-gap: 16px;
}

.s-col-gap-16 {
  column-gap: 16px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-17 {
  margin-top: 17px;
}

.p-t-17 {
  padding-top: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

.m-r-17 {
  margin-right: 17px;
}

.p-r-17 {
  padding-right: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

.m-b-17 {
  margin-bottom: 17px;
}

.p-b-17 {
  padding-bottom: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

.m-l-17 {
  margin-left: 17px;
}

.p-l-17 {
  padding-left: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

.m-x-17 {
  margin-left: 17px;
  margin-right: 17px;
}

.p-x-17 {
  padding-left: 17px;
  padding-right: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

.m-y-17 {
  margin-top: 17px;
  margin-bottom: 17px;
}

.p-y-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

.m-a-17 {
  margin-left: 17px;
  margin-right: 17px;
  margin-top: 17px;
  margin-bottom: 17px;
}

.p-a-17 {
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 17px;
  padding-bottom: 17px;
}

.s-gap-17 {
  gap: 17px;
}

.s-row-gap-17 {
  row-gap: 17px;
}

.s-col-gap-17 {
  column-gap: 17px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-18 {
  margin-top: 18px;
}

.p-t-18 {
  padding-top: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

.m-r-18 {
  margin-right: 18px;
}

.p-r-18 {
  padding-right: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

.m-b-18 {
  margin-bottom: 18px;
}

.p-b-18 {
  padding-bottom: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

.m-l-18 {
  margin-left: 18px;
}

.p-l-18 {
  padding-left: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

.m-x-18 {
  margin-left: 18px;
  margin-right: 18px;
}

.p-x-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

.m-y-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.p-y-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

.m-a-18 {
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.p-a-18 {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.s-gap-18 {
  gap: 18px;
}

.s-row-gap-18 {
  row-gap: 18px;
}

.s-col-gap-18 {
  column-gap: 18px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-20 {
  margin-top: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

.m-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.p-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

.m-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

.m-a-20 {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-a-20 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.s-gap-20 {
  gap: 20px;
}

.s-row-gap-20 {
  row-gap: 20px;
}

.s-col-gap-20 {
  column-gap: 20px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-24 {
  margin-top: 24px;
}

.p-t-24 {
  padding-top: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

.m-r-24 {
  margin-right: 24px;
}

.p-r-24 {
  padding-right: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

.m-l-24 {
  margin-left: 24px;
}

.p-l-24 {
  padding-left: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

.m-x-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.p-x-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

.m-y-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.p-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

.m-a-24 {
  margin-left: 24px;
  margin-right: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.p-a-24 {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.s-gap-24 {
  gap: 24px;
}

.s-row-gap-24 {
  row-gap: 24px;
}

.s-col-gap-24 {
  column-gap: 24px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-26 {
  margin-top: 26px;
}

.p-t-26 {
  padding-top: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

.m-r-26 {
  margin-right: 26px;
}

.p-r-26 {
  padding-right: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

.m-b-26 {
  margin-bottom: 26px;
}

.p-b-26 {
  padding-bottom: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

.m-l-26 {
  margin-left: 26px;
}

.p-l-26 {
  padding-left: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

.m-x-26 {
  margin-left: 26px;
  margin-right: 26px;
}

.p-x-26 {
  padding-left: 26px;
  padding-right: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

.m-y-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}

.p-y-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

.m-a-26 {
  margin-left: 26px;
  margin-right: 26px;
  margin-top: 26px;
  margin-bottom: 26px;
}

.p-a-26 {
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.s-gap-26 {
  gap: 26px;
}

.s-row-gap-26 {
  row-gap: 26px;
}

.s-col-gap-26 {
  column-gap: 26px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-32 {
  margin-top: 32px;
}

.p-t-32 {
  padding-top: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

.m-r-32 {
  margin-right: 32px;
}

.p-r-32 {
  padding-right: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

.m-l-32 {
  margin-left: 32px;
}

.p-l-32 {
  padding-left: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

.m-x-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.p-x-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

.m-y-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.p-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

.m-a-32 {
  margin-left: 32px;
  margin-right: 32px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.p-a-32 {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.s-gap-32 {
  gap: 32px;
}

.s-row-gap-32 {
  row-gap: 32px;
}

.s-col-gap-32 {
  column-gap: 32px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-40 {
  margin-top: 40px;
}

.p-t-40 {
  padding-top: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.p-l-40 {
  padding-left: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

.m-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.p-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

.m-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

.m-a-40 {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-a-40 {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.s-gap-40 {
  gap: 40px;
}

.s-row-gap-40 {
  row-gap: 40px;
}

.s-col-gap-40 {
  column-gap: 40px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-60 {
  margin-top: 60px;
}

.p-t-60 {
  padding-top: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.p-r-60 {
  padding-right: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.p-l-60 {
  padding-left: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

.m-x-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.p-x-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

.m-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.p-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

.m-a-60 {
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.p-a-60 {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.s-gap-60 {
  gap: 60px;
}

.s-row-gap-60 {
  row-gap: 60px;
}

.s-col-gap-60 {
  column-gap: 60px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
.m-t-62 {
  margin-top: 62px;
}

.p-t-62 {
  padding-top: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

.m-r-62 {
  margin-right: 62px;
}

.p-r-62 {
  padding-right: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

.m-b-62 {
  margin-bottom: 62px;
}

.p-b-62 {
  padding-bottom: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

.m-l-62 {
  margin-left: 62px;
}

.p-l-62 {
  padding-left: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

.m-x-62 {
  margin-left: 62px;
  margin-right: 62px;
}

.p-x-62 {
  padding-left: 62px;
  padding-right: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

.m-y-62 {
  margin-top: 62px;
  margin-bottom: 62px;
}

.p-y-62 {
  padding-top: 62px;
  padding-bottom: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

.m-a-62 {
  margin-left: 62px;
  margin-right: 62px;
  margin-top: 62px;
  margin-bottom: 62px;
}

.p-a-62 {
  padding-left: 62px;
  padding-right: 62px;
  padding-top: 62px;
  padding-bottom: 62px;
}

.s-gap-62 {
  gap: 62px;
}

.s-row-gap-62 {
  row-gap: 62px;
}

.s-col-gap-62 {
  column-gap: 62px;
}

@media screen and (max-width: 440px) {
  .mobile-display-none {
    display: none;
  }
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-s-gray: #AAAAAA;
  --bs-s-red: #F45C77;
  --bs-s-orange: #FB823F;
  --bs-s-yellow: #EEB631;
  --bs-s-green: #0BAB71;
  --bs-s-lightblue: #1193F2;
  --bs-s-blue: #3479FF;
  --bs-s-purple: #6B3DEE;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-gray-gray-1: #F9F9F9;
  --bs-gray-gray-2: #F4F4F4;
  --bs-gray-gray-3: #F0F0F0;
  --bs-gray-gray-4: #E0E0E0;
  --bs-gray-gray-5: #D4D4D4;
  --bs-gray-gray-6: #CCCCCC;
  --bs-gray-gray-7: #BBBBBB;
  --bs-gray-gray-8: #AAAAAA;
  --bs-gray-gray-9: #999999;
  --bs-gray-gray-10: #878787;
  --bs-gray-gray-11: #727272;
  --bs-gray-gray-12: #606060;
  --bs-gray-gray-13: #444444;
  --bs-gray-gray-14: #222222;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 24, 24, 24;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #181818;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #181818;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #181818;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(15, 175, 208, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #181818;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 175, 208, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #181818;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #181818;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #181818;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #181818;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(220, 168, 10, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #181818;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 168, 10, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #181818;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #181818;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #181818;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #181818;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(214, 215, 216, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #181818;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(214, 215, 216, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #181818;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #181818;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #181818;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #181818;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #181818;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #181818;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #181818;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}
.btn-link:hover {
  color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.66667 5.3335L8 10.6668L13.3333 5.3335'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
  border-color: #CCCCCC;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #181818;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #AAAAAA;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #E1E1E1;
  border-color: #CCCCCC;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: white;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: white;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(24, 24, 24, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #181818;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(24, 24, 24, 0.15);
  max-height: none;
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(24, 24, 24, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(24, 24, 24, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(24, 24, 24, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(24, 24, 24, 0.25);
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2824, 24, 24, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(24, 24, 24, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'%3e%3cpath d='M5.49609 0.523438C5.82422 0.167969 6.39844 0.167969 6.72656 0.523438L11.1016 4.89844C11.457 5.22656 11.457 5.80078 11.1016 6.12891C10.7734 6.48438 10.1992 6.48438 9.87109 6.12891L6.125 2.38281L2.35156 6.12891C2.02344 6.48438 1.44922 6.48438 1.12109 6.12891C0.765625 5.80078 0.765625 5.22656 1.12109 4.89844L5.49609 0.523438Z' fill='%23AAAAAA'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'%3e%3cpath d='M5.49609 6.00391C5.82422 6.35938 6.39844 6.35938 6.72656 6.00391L11.1016 1.62891C11.457 1.30078 11.457 0.726562 11.1016 0.398438C10.7734 0.0429688 10.1992 0.0429688 9.87109 0.398438L6.125 4.14453L2.35156 0.398438C2.02344 0.0429688 1.44922 0.0429688 1.12109 0.398438C0.765625 0.726562 0.765625 1.30078 1.12109 1.62891L5.49609 6.00391Z' fill='%23AAAAAA'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(24, 24, 24, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #181818;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #181818;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #181818;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #181818;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #181818;
  border-radius: 0.25rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(24, 24, 24, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(24, 24, 24, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(24, 24, 24, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

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

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(24, 24, 24, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
.btn-red-light01 {
  color: #181818;
  background-color: #FEF4F6;
  border-color: #FEF4F6;
}
.btn-red-light01:hover {
  color: #181818;
  background-color: #fef6f7;
  border-color: #fef5f7;
}
.btn-check:focus + .btn-red-light01, .btn-red-light01:focus {
  color: #181818;
  background-color: #fef6f7;
  border-color: #fef5f7;
  box-shadow: 0 0 0 0.25rem rgba(220, 211, 213, 0.5);
}
.btn-check:checked + .btn-red-light01, .btn-check:active + .btn-red-light01, .btn-red-light01:active, .btn-red-light01.active, .show > .btn-red-light01.dropdown-toggle {
  color: #181818;
  background-color: #fef6f8;
  border-color: #fef5f7;
}
.btn-check:checked + .btn-red-light01:focus, .btn-check:active + .btn-red-light01:focus, .btn-red-light01:active:focus, .btn-red-light01.active:focus, .show > .btn-red-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 211, 213, 0.5);
}
.btn-red-light01:disabled, .btn-red-light01.disabled {
  color: #181818;
  background-color: #FEF4F6;
  border-color: #FEF4F6;
}
.btn-red-light01:hover {
  background-color: #e0d7d8;
}

.btn-red-light02 {
  color: #181818;
  background-color: #FDE4E8;
  border-color: #FDE4E8;
}
.btn-red-light02:hover {
  color: #181818;
  background-color: #fde8eb;
  border-color: #fde7ea;
}
.btn-check:focus + .btn-red-light02, .btn-red-light02:focus {
  color: #181818;
  background-color: #fde8eb;
  border-color: #fde7ea;
  box-shadow: 0 0 0 0.25rem rgba(219, 197, 201, 0.5);
}
.btn-check:checked + .btn-red-light02, .btn-check:active + .btn-red-light02, .btn-red-light02:active, .btn-red-light02.active, .show > .btn-red-light02.dropdown-toggle {
  color: #181818;
  background-color: #fde9ed;
  border-color: #fde7ea;
}
.btn-check:checked + .btn-red-light02:focus, .btn-check:active + .btn-red-light02:focus, .btn-red-light02:active:focus, .btn-red-light02.active:focus, .show > .btn-red-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(219, 197, 201, 0.5);
}
.btn-red-light02:disabled, .btn-red-light02.disabled {
  color: #181818;
  background-color: #FDE4E8;
  border-color: #FDE4E8;
}
.btn-red-light02:hover {
  background-color: #dfc9cc;
}

.btn-red-light03 {
  color: #181818;
  background-color: #FCD2D9;
  border-color: #FCD2D9;
}
.btn-red-light03:hover {
  color: #181818;
  background-color: #fcd9df;
  border-color: #fcd7dd;
}
.btn-check:focus + .btn-red-light03, .btn-red-light03:focus {
  color: #181818;
  background-color: #fcd9df;
  border-color: #fcd7dd;
  box-shadow: 0 0 0 0.25rem rgba(218, 182, 188, 0.5);
}
.btn-check:checked + .btn-red-light03, .btn-check:active + .btn-red-light03, .btn-red-light03:active, .btn-red-light03.active, .show > .btn-red-light03.dropdown-toggle {
  color: #181818;
  background-color: #fddbe1;
  border-color: #fcd7dd;
}
.btn-check:checked + .btn-red-light03:focus, .btn-check:active + .btn-red-light03:focus, .btn-red-light03:active:focus, .btn-red-light03.active:focus, .show > .btn-red-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 182, 188, 0.5);
}
.btn-red-light03:disabled, .btn-red-light03.disabled {
  color: #181818;
  background-color: #FCD2D9;
  border-color: #FCD2D9;
}
.btn-red-light03:hover {
  background-color: #deb9bf;
}

.btn-red-light04 {
  color: #181818;
  background-color: #FAC0CA;
  border-color: #FAC0CA;
}
.btn-red-light04:hover {
  color: #181818;
  background-color: #fbc9d2;
  border-color: #fbc6cf;
}
.btn-check:focus + .btn-red-light04, .btn-red-light04:focus {
  color: #181818;
  background-color: #fbc9d2;
  border-color: #fbc6cf;
  box-shadow: 0 0 0 0.25rem rgba(216, 167, 175, 0.5);
}
.btn-check:checked + .btn-red-light04, .btn-check:active + .btn-red-light04, .btn-red-light04:active, .btn-red-light04.active, .show > .btn-red-light04.dropdown-toggle {
  color: #181818;
  background-color: #fbcdd5;
  border-color: #fbc6cf;
}
.btn-check:checked + .btn-red-light04:focus, .btn-check:active + .btn-red-light04:focus, .btn-red-light04:active:focus, .btn-red-light04.active:focus, .show > .btn-red-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(216, 167, 175, 0.5);
}
.btn-red-light04:disabled, .btn-red-light04.disabled {
  color: #181818;
  background-color: #FAC0CA;
  border-color: #FAC0CA;
}
.btn-red-light04:hover {
  background-color: #dca9b2;
}

.btn-red-light05 {
  color: #181818;
  background-color: #F89BAC;
  border-color: #F89BAC;
}
.btn-red-light05:hover {
  color: #181818;
  background-color: #f9aab8;
  border-color: #f9a5b4;
}
.btn-check:focus + .btn-red-light05, .btn-red-light05:focus {
  color: #181818;
  background-color: #f9aab8;
  border-color: #f9a5b4;
  box-shadow: 0 0 0 0.25rem rgba(214, 135, 150, 0.5);
}
.btn-check:checked + .btn-red-light05, .btn-check:active + .btn-red-light05, .btn-red-light05:active, .btn-red-light05.active, .show > .btn-red-light05.dropdown-toggle {
  color: #181818;
  background-color: #f9afbd;
  border-color: #f9a5b4;
}
.btn-check:checked + .btn-red-light05:focus, .btn-check:active + .btn-red-light05:focus, .btn-red-light05:active:focus, .btn-red-light05.active:focus, .show > .btn-red-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(214, 135, 150, 0.5);
}
.btn-red-light05:disabled, .btn-red-light05.disabled {
  color: #181818;
  background-color: #F89BAC;
  border-color: #F89BAC;
}
.btn-red-light05:hover {
  background-color: #da8897;
}

.btn-red-light06 {
  color: #181818;
  background-color: #F7899D;
  border-color: #F7899D;
}
.btn-red-light06:hover {
  color: #181818;
  background-color: #f89bac;
  border-color: #f895a7;
}
.btn-check:focus + .btn-red-light06, .btn-red-light06:focus {
  color: #181818;
  background-color: #f89bac;
  border-color: #f895a7;
  box-shadow: 0 0 0 0.25rem rgba(214, 120, 137, 0.5);
}
.btn-check:checked + .btn-red-light06, .btn-check:active + .btn-red-light06, .btn-red-light06:active, .btn-red-light06.active, .show > .btn-red-light06.dropdown-toggle {
  color: #181818;
  background-color: #f9a1b1;
  border-color: #f895a7;
}
.btn-check:checked + .btn-red-light06:focus, .btn-check:active + .btn-red-light06:focus, .btn-red-light06:active:focus, .btn-red-light06.active:focus, .show > .btn-red-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(214, 120, 137, 0.5);
}
.btn-red-light06:disabled, .btn-red-light06.disabled {
  color: #181818;
  background-color: #F7899D;
  border-color: #F7899D;
}
.btn-red-light06:hover {
  background-color: #d9798a;
}

.btn-red-light07 {
  color: #fff;
  background-color: #F56E86;
  border-color: #F56E86;
}
.btn-red-light07:hover {
  color: #fff;
  background-color: #d05e72;
  border-color: #c4586b;
}
.btn-check:focus + .btn-red-light07, .btn-red-light07:focus {
  color: #fff;
  background-color: #d05e72;
  border-color: #c4586b;
  box-shadow: 0 0 0 0.25rem rgba(247, 132, 152, 0.5);
}
.btn-check:checked + .btn-red-light07, .btn-check:active + .btn-red-light07, .btn-red-light07:active, .btn-red-light07.active, .show > .btn-red-light07.dropdown-toggle {
  color: #fff;
  background-color: #c4586b;
  border-color: #b85365;
}
.btn-check:checked + .btn-red-light07:focus, .btn-check:active + .btn-red-light07:focus, .btn-red-light07:active:focus, .btn-red-light07.active:focus, .show > .btn-red-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 132, 152, 0.5);
}
.btn-red-light07:disabled, .btn-red-light07.disabled {
  color: #fff;
  background-color: #F56E86;
  border-color: #F56E86;
}
.btn-red-light07:hover {
  background-color: #d86176;
}

.btn-red-base {
  color: #fff;
  background-color: #F45C77;
  border-color: #F45C77;
}
.btn-red-base:hover {
  color: #fff;
  background-color: #cf4e65;
  border-color: #c34a5f;
}
.btn-check:focus + .btn-red-base, .btn-red-base:focus {
  color: #fff;
  background-color: #cf4e65;
  border-color: #c34a5f;
  box-shadow: 0 0 0 0.25rem rgba(246, 116, 139, 0.5);
}
.btn-check:checked + .btn-red-base, .btn-check:active + .btn-red-base, .btn-red-base:active, .btn-red-base.active, .show > .btn-red-base.dropdown-toggle {
  color: #fff;
  background-color: #c34a5f;
  border-color: #b74559;
}
.btn-check:checked + .btn-red-base:focus, .btn-check:active + .btn-red-base:focus, .btn-red-base:active:focus, .btn-red-base.active:focus, .show > .btn-red-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 116, 139, 0.5);
}
.btn-red-base:disabled, .btn-red-base.disabled {
  color: #fff;
  background-color: #F45C77;
  border-color: #F45C77;
}
.btn-red-base:hover {
  background-color: #d75169;
}

.btn-red-dark07 {
  color: #fff;
  background-color: #D1425C;
  border-color: #D1425C;
}
.btn-red-dark07:hover {
  color: #fff;
  background-color: #b2384e;
  border-color: #a7354a;
}
.btn-check:focus + .btn-red-dark07, .btn-red-dark07:focus {
  color: #fff;
  background-color: #b2384e;
  border-color: #a7354a;
  box-shadow: 0 0 0 0.25rem rgba(216, 94, 116, 0.5);
}
.btn-check:checked + .btn-red-dark07, .btn-check:active + .btn-red-dark07, .btn-red-dark07:active, .btn-red-dark07.active, .show > .btn-red-dark07.dropdown-toggle {
  color: #fff;
  background-color: #a7354a;
  border-color: #9d3245;
}
.btn-check:checked + .btn-red-dark07:focus, .btn-check:active + .btn-red-dark07:focus, .btn-red-dark07:active:focus, .btn-red-dark07.active:focus, .show > .btn-red-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(216, 94, 116, 0.5);
}
.btn-red-dark07:disabled, .btn-red-dark07.disabled {
  color: #fff;
  background-color: #D1425C;
  border-color: #D1425C;
}
.btn-red-dark07:hover {
  background-color: #b83a51;
}

.btn-red-dark06 {
  color: #fff;
  background-color: #B13B50;
  border-color: #B13B50;
}
.btn-red-dark06:hover {
  color: #fff;
  background-color: #963244;
  border-color: #8e2f40;
}
.btn-check:focus + .btn-red-dark06, .btn-red-dark06:focus {
  color: #fff;
  background-color: #963244;
  border-color: #8e2f40;
  box-shadow: 0 0 0 0.25rem rgba(189, 88, 106, 0.5);
}
.btn-check:checked + .btn-red-dark06, .btn-check:active + .btn-red-dark06, .btn-red-dark06:active, .btn-red-dark06.active, .show > .btn-red-dark06.dropdown-toggle {
  color: #fff;
  background-color: #8e2f40;
  border-color: #852c3c;
}
.btn-check:checked + .btn-red-dark06:focus, .btn-check:active + .btn-red-dark06:focus, .btn-red-dark06:active:focus, .btn-red-dark06.active:focus, .show > .btn-red-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(189, 88, 106, 0.5);
}
.btn-red-dark06:disabled, .btn-red-dark06.disabled {
  color: #fff;
  background-color: #B13B50;
  border-color: #B13B50;
}
.btn-red-dark06:hover {
  background-color: #9c3446;
}

.btn-red-dark05 {
  color: #fff;
  background-color: #903344;
  border-color: #903344;
}
.btn-red-dark05:hover {
  color: #fff;
  background-color: #7a2b3a;
  border-color: #732936;
}
.btn-check:focus + .btn-red-dark05, .btn-red-dark05:focus {
  color: #fff;
  background-color: #7a2b3a;
  border-color: #732936;
  box-shadow: 0 0 0 0.25rem rgba(161, 82, 96, 0.5);
}
.btn-check:checked + .btn-red-dark05, .btn-check:active + .btn-red-dark05, .btn-red-dark05:active, .btn-red-dark05.active, .show > .btn-red-dark05.dropdown-toggle {
  color: #fff;
  background-color: #732936;
  border-color: #6c2633;
}
.btn-check:checked + .btn-red-dark05:focus, .btn-check:active + .btn-red-dark05:focus, .btn-red-dark05:active:focus, .btn-red-dark05.active:focus, .show > .btn-red-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 82, 96, 0.5);
}
.btn-red-dark05:disabled, .btn-red-dark05.disabled {
  color: #fff;
  background-color: #903344;
  border-color: #903344;
}
.btn-red-dark05:hover {
  background-color: #7f2d3c;
}

.btn-red-dark04 {
  color: #fff;
  background-color: #6F2C38;
  border-color: #6F2C38;
}
.btn-red-dark04:hover {
  color: #fff;
  background-color: #5e2530;
  border-color: #59232d;
}
.btn-check:focus + .btn-red-dark04, .btn-red-dark04:focus {
  color: #fff;
  background-color: #5e2530;
  border-color: #59232d;
  box-shadow: 0 0 0 0.25rem rgba(133, 76, 86, 0.5);
}
.btn-check:checked + .btn-red-dark04, .btn-check:active + .btn-red-dark04, .btn-red-dark04:active, .btn-red-dark04.active, .show > .btn-red-dark04.dropdown-toggle {
  color: #fff;
  background-color: #59232d;
  border-color: #53212a;
}
.btn-check:checked + .btn-red-dark04:focus, .btn-check:active + .btn-red-dark04:focus, .btn-red-dark04:active:focus, .btn-red-dark04.active:focus, .show > .btn-red-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(133, 76, 86, 0.5);
}
.btn-red-dark04:disabled, .btn-red-dark04.disabled {
  color: #fff;
  background-color: #6F2C38;
  border-color: #6F2C38;
}
.btn-red-dark04:hover {
  background-color: #622731;
}

.btn-red-dark03 {
  color: #fff;
  background-color: #4E242C;
  border-color: #4E242C;
}
.btn-red-dark03:hover {
  color: #fff;
  background-color: #421f25;
  border-color: #3e1d23;
}
.btn-check:focus + .btn-red-dark03, .btn-red-dark03:focus {
  color: #fff;
  background-color: #421f25;
  border-color: #3e1d23;
  box-shadow: 0 0 0 0.25rem rgba(105, 69, 76, 0.5);
}
.btn-check:checked + .btn-red-dark03, .btn-check:active + .btn-red-dark03, .btn-red-dark03:active, .btn-red-dark03.active, .show > .btn-red-dark03.dropdown-toggle {
  color: #fff;
  background-color: #3e1d23;
  border-color: #3b1b21;
}
.btn-check:checked + .btn-red-dark03:focus, .btn-check:active + .btn-red-dark03:focus, .btn-red-dark03:active:focus, .btn-red-dark03.active:focus, .show > .btn-red-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(105, 69, 76, 0.5);
}
.btn-red-dark03:disabled, .btn-red-dark03.disabled {
  color: #fff;
  background-color: #4E242C;
  border-color: #4E242C;
}
.btn-red-dark03:hover {
  background-color: #452027;
}

.btn-red-dark02 {
  color: #fff;
  background-color: #392024;
  border-color: #392024;
}
.btn-red-dark02:hover {
  color: #fff;
  background-color: #301b1f;
  border-color: #2e1a1d;
}
.btn-check:focus + .btn-red-dark02, .btn-red-dark02:focus {
  color: #fff;
  background-color: #301b1f;
  border-color: #2e1a1d;
  box-shadow: 0 0 0 0.25rem rgba(87, 65, 69, 0.5);
}
.btn-check:checked + .btn-red-dark02, .btn-check:active + .btn-red-dark02, .btn-red-dark02:active, .btn-red-dark02.active, .show > .btn-red-dark02.dropdown-toggle {
  color: #fff;
  background-color: #2e1a1d;
  border-color: #2b181b;
}
.btn-check:checked + .btn-red-dark02:focus, .btn-check:active + .btn-red-dark02:focus, .btn-red-dark02:active:focus, .btn-red-dark02.active:focus, .show > .btn-red-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(87, 65, 69, 0.5);
}
.btn-red-dark02:disabled, .btn-red-dark02.disabled {
  color: #fff;
  background-color: #392024;
  border-color: #392024;
}
.btn-red-dark02:hover {
  background-color: #321c20;
}

.btn-red-dark01 {
  color: #fff;
  background-color: #231B1C;
  border-color: #231B1C;
}
.btn-red-dark01:hover {
  color: #fff;
  background-color: #1e1718;
  border-color: #1c1616;
}
.btn-check:focus + .btn-red-dark01, .btn-red-dark01:focus {
  color: #fff;
  background-color: #1e1718;
  border-color: #1c1616;
  box-shadow: 0 0 0 0.25rem rgba(68, 61, 62, 0.5);
}
.btn-check:checked + .btn-red-dark01, .btn-check:active + .btn-red-dark01, .btn-red-dark01:active, .btn-red-dark01.active, .show > .btn-red-dark01.dropdown-toggle {
  color: #fff;
  background-color: #1c1616;
  border-color: #1a1415;
}
.btn-check:checked + .btn-red-dark01:focus, .btn-check:active + .btn-red-dark01:focus, .btn-red-dark01:active:focus, .btn-red-dark01.active:focus, .show > .btn-red-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 61, 62, 0.5);
}
.btn-red-dark01:disabled, .btn-red-dark01.disabled {
  color: #fff;
  background-color: #231B1C;
  border-color: #231B1C;
}
.btn-red-dark01:hover {
  background-color: #1f1819;
}

.btn-orange-light01 {
  color: #181818;
  background-color: #FFF7F3;
  border-color: #FFF7F3;
}
.btn-orange-light01:hover {
  color: #181818;
  background-color: #fff8f5;
  border-color: #fff8f4;
}
.btn-check:focus + .btn-orange-light01, .btn-orange-light01:focus {
  color: #181818;
  background-color: #fff8f5;
  border-color: #fff8f4;
  box-shadow: 0 0 0 0.25rem rgba(220, 214, 210, 0.5);
}
.btn-check:checked + .btn-orange-light01, .btn-check:active + .btn-orange-light01, .btn-orange-light01:active, .btn-orange-light01.active, .show > .btn-orange-light01.dropdown-toggle {
  color: #181818;
  background-color: #fff9f5;
  border-color: #fff8f4;
}
.btn-check:checked + .btn-orange-light01:focus, .btn-check:active + .btn-orange-light01:focus, .btn-orange-light01:active:focus, .btn-orange-light01.active:focus, .show > .btn-orange-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 214, 210, 0.5);
}
.btn-orange-light01:disabled, .btn-orange-light01.disabled {
  color: #181818;
  background-color: #FFF7F3;
  border-color: #FFF7F3;
}
.btn-orange-light01:hover {
  background-color: #e0d9d6;
}

.btn-orange-light02 {
  color: #181818;
  background-color: #FEECE2;
  border-color: #FEECE2;
}
.btn-orange-light02:hover {
  color: #181818;
  background-color: #feefe6;
  border-color: #feeee5;
}
.btn-check:focus + .btn-orange-light02, .btn-orange-light02:focus {
  color: #181818;
  background-color: #feefe6;
  border-color: #feeee5;
  box-shadow: 0 0 0 0.25rem rgba(220, 204, 196, 0.5);
}
.btn-check:checked + .btn-orange-light02, .btn-check:active + .btn-orange-light02, .btn-orange-light02:active, .btn-orange-light02.active, .show > .btn-orange-light02.dropdown-toggle {
  color: #181818;
  background-color: #fef0e8;
  border-color: #feeee5;
}
.btn-check:checked + .btn-orange-light02:focus, .btn-check:active + .btn-orange-light02:focus, .btn-orange-light02:active:focus, .btn-orange-light02.active:focus, .show > .btn-orange-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 204, 196, 0.5);
}
.btn-orange-light02:disabled, .btn-orange-light02.disabled {
  color: #181818;
  background-color: #FEECE2;
  border-color: #FEECE2;
}
.btn-orange-light02:hover {
  background-color: #e0d0c7;
}

.btn-orange-light03 {
  color: #181818;
  background-color: #FEE0CF;
  border-color: #FEE0CF;
}
.btn-orange-light03:hover {
  color: #181818;
  background-color: #fee5d6;
  border-color: #fee3d4;
}
.btn-check:focus + .btn-orange-light03, .btn-orange-light03:focus {
  color: #181818;
  background-color: #fee5d6;
  border-color: #fee3d4;
  box-shadow: 0 0 0 0.25rem rgba(220, 194, 180, 0.5);
}
.btn-check:checked + .btn-orange-light03, .btn-check:active + .btn-orange-light03, .btn-orange-light03:active, .btn-orange-light03.active, .show > .btn-orange-light03.dropdown-toggle {
  color: #181818;
  background-color: #fee6d9;
  border-color: #fee3d4;
}
.btn-check:checked + .btn-orange-light03:focus, .btn-check:active + .btn-orange-light03:focus, .btn-orange-light03:active:focus, .btn-orange-light03.active:focus, .show > .btn-orange-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 194, 180, 0.5);
}
.btn-orange-light03:disabled, .btn-orange-light03.disabled {
  color: #181818;
  background-color: #FEE0CF;
  border-color: #FEE0CF;
}
.btn-orange-light03:hover {
  background-color: #e0c5b6;
}

.btn-orange-light04 {
  color: #181818;
  background-color: #FED3BC;
  border-color: #FED3BC;
}
.btn-orange-light04:hover {
  color: #181818;
  background-color: #fedac6;
  border-color: #fed7c3;
}
.btn-check:focus + .btn-orange-light04, .btn-orange-light04:focus {
  color: #181818;
  background-color: #fedac6;
  border-color: #fed7c3;
  box-shadow: 0 0 0 0.25rem rgba(220, 183, 163, 0.5);
}
.btn-check:checked + .btn-orange-light04, .btn-check:active + .btn-orange-light04, .btn-orange-light04:active, .btn-orange-light04.active, .show > .btn-orange-light04.dropdown-toggle {
  color: #181818;
  background-color: #fedcc9;
  border-color: #fed7c3;
}
.btn-check:checked + .btn-orange-light04:focus, .btn-check:active + .btn-orange-light04:focus, .btn-orange-light04:active:focus, .btn-orange-light04.active:focus, .show > .btn-orange-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 183, 163, 0.5);
}
.btn-orange-light04:disabled, .btn-orange-light04.disabled {
  color: #181818;
  background-color: #FED3BC;
  border-color: #FED3BC;
}
.btn-orange-light04:hover {
  background-color: #e0baa5;
}

.btn-orange-light05 {
  color: #181818;
  background-color: #FDBA95;
  border-color: #FDBA95;
}
.btn-orange-light05:hover {
  color: #181818;
  background-color: #fdc4a5;
  border-color: #fdc1a0;
}
.btn-check:focus + .btn-orange-light05, .btn-orange-light05:focus {
  color: #181818;
  background-color: #fdc4a5;
  border-color: #fdc1a0;
  box-shadow: 0 0 0 0.25rem rgba(219, 162, 130, 0.5);
}
.btn-check:checked + .btn-orange-light05, .btn-check:active + .btn-orange-light05, .btn-orange-light05:active, .btn-orange-light05.active, .show > .btn-orange-light05.dropdown-toggle {
  color: #181818;
  background-color: #fdc8aa;
  border-color: #fdc1a0;
}
.btn-check:checked + .btn-orange-light05:focus, .btn-check:active + .btn-orange-light05:focus, .btn-orange-light05:active:focus, .btn-orange-light05.active:focus, .show > .btn-orange-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(219, 162, 130, 0.5);
}
.btn-orange-light05:disabled, .btn-orange-light05.disabled {
  color: #181818;
  background-color: #FDBA95;
  border-color: #FDBA95;
}
.btn-orange-light05:hover {
  background-color: #dfa483;
}

.btn-orange-light06 {
  color: #181818;
  background-color: #FCAE82;
  border-color: #FCAE82;
}
.btn-orange-light06:hover {
  color: #181818;
  background-color: #fcba95;
  border-color: #fcb68f;
}
.btn-check:focus + .btn-orange-light06, .btn-orange-light06:focus {
  color: #181818;
  background-color: #fcba95;
  border-color: #fcb68f;
  box-shadow: 0 0 0 0.25rem rgba(218, 152, 114, 0.5);
}
.btn-check:checked + .btn-orange-light06, .btn-check:active + .btn-orange-light06, .btn-orange-light06:active, .btn-orange-light06.active, .show > .btn-orange-light06.dropdown-toggle {
  color: #181818;
  background-color: #fdbe9b;
  border-color: #fcb68f;
}
.btn-check:checked + .btn-orange-light06:focus, .btn-check:active + .btn-orange-light06:focus, .btn-orange-light06:active:focus, .btn-orange-light06.active:focus, .show > .btn-orange-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 152, 114, 0.5);
}
.btn-orange-light06:disabled, .btn-orange-light06.disabled {
  color: #181818;
  background-color: #FCAE82;
  border-color: #FCAE82;
}
.btn-orange-light06:hover {
  background-color: #de9972;
}

.btn-orange-light07 {
  color: #181818;
  background-color: #FC9B65;
  border-color: #FC9B65;
}
.btn-orange-light07:hover {
  color: #181818;
  background-color: #fcaa7c;
  border-color: #fca574;
}
.btn-check:focus + .btn-orange-light07, .btn-orange-light07:focus {
  color: #181818;
  background-color: #fcaa7c;
  border-color: #fca574;
  box-shadow: 0 0 0 0.25rem rgba(218, 135, 89, 0.5);
}
.btn-check:checked + .btn-orange-light07, .btn-check:active + .btn-orange-light07, .btn-orange-light07:active, .btn-orange-light07.active, .show > .btn-orange-light07.dropdown-toggle {
  color: #181818;
  background-color: #fdaf84;
  border-color: #fca574;
}
.btn-check:checked + .btn-orange-light07:focus, .btn-check:active + .btn-orange-light07:focus, .btn-orange-light07:active:focus, .btn-orange-light07.active:focus, .show > .btn-orange-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 135, 89, 0.5);
}
.btn-orange-light07:disabled, .btn-orange-light07.disabled {
  color: #181818;
  background-color: #FC9B65;
  border-color: #FC9B65;
}
.btn-orange-light07:hover {
  background-color: #de8859;
}

.btn-orange-base {
  color: #fff;
  background-color: #FB823F;
  border-color: #FB823F;
}
.btn-orange-base:hover {
  color: #fff;
  background-color: #d56f36;
  border-color: #c96832;
}
.btn-check:focus + .btn-orange-base, .btn-orange-base:focus {
  color: #fff;
  background-color: #d56f36;
  border-color: #c96832;
  box-shadow: 0 0 0 0.25rem rgba(252, 149, 92, 0.5);
}
.btn-check:checked + .btn-orange-base, .btn-check:active + .btn-orange-base, .btn-orange-base:active, .btn-orange-base.active, .show > .btn-orange-base.dropdown-toggle {
  color: #fff;
  background-color: #c96832;
  border-color: #bc622f;
}
.btn-check:checked + .btn-orange-base:focus, .btn-check:active + .btn-orange-base:focus, .btn-orange-base:active:focus, .btn-orange-base.active:focus, .show > .btn-orange-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 149, 92, 0.5);
}
.btn-orange-base:disabled, .btn-orange-base.disabled {
  color: #fff;
  background-color: #FB823F;
  border-color: #FB823F;
}
.btn-orange-base:hover {
  background-color: #dd7237;
}

.btn-orange-dark07 {
  color: #fff;
  background-color: #D97239;
  border-color: #D97239;
}
.btn-orange-dark07:hover {
  color: #fff;
  background-color: #b86130;
  border-color: #ae5b2e;
}
.btn-check:focus + .btn-orange-dark07, .btn-orange-dark07:focus {
  color: #fff;
  background-color: #b86130;
  border-color: #ae5b2e;
  box-shadow: 0 0 0 0.25rem rgba(223, 135, 87, 0.5);
}
.btn-check:checked + .btn-orange-dark07, .btn-check:active + .btn-orange-dark07, .btn-orange-dark07:active, .btn-orange-dark07.active, .show > .btn-orange-dark07.dropdown-toggle {
  color: #fff;
  background-color: #ae5b2e;
  border-color: #a3562b;
}
.btn-check:checked + .btn-orange-dark07:focus, .btn-check:active + .btn-orange-dark07:focus, .btn-orange-dark07:active:focus, .btn-orange-dark07.active:focus, .show > .btn-orange-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(223, 135, 87, 0.5);
}
.btn-orange-dark07:disabled, .btn-orange-dark07.disabled {
  color: #fff;
  background-color: #D97239;
  border-color: #D97239;
}
.btn-orange-dark07:hover {
  background-color: #bf6432;
}

.btn-orange-dark06 {
  color: #fff;
  background-color: #B76233;
  border-color: #B76233;
}
.btn-orange-dark06:hover {
  color: #fff;
  background-color: #9c532b;
  border-color: #924e29;
}
.btn-check:focus + .btn-orange-dark06, .btn-orange-dark06:focus {
  color: #fff;
  background-color: #9c532b;
  border-color: #924e29;
  box-shadow: 0 0 0 0.25rem rgba(194, 122, 82, 0.5);
}
.btn-check:checked + .btn-orange-dark06, .btn-check:active + .btn-orange-dark06, .btn-orange-dark06:active, .btn-orange-dark06.active, .show > .btn-orange-dark06.dropdown-toggle {
  color: #fff;
  background-color: #924e29;
  border-color: #894a26;
}
.btn-check:checked + .btn-orange-dark06:focus, .btn-check:active + .btn-orange-dark06:focus, .btn-orange-dark06:active:focus, .btn-orange-dark06.active:focus, .show > .btn-orange-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(194, 122, 82, 0.5);
}
.btn-orange-dark06:disabled, .btn-orange-dark06.disabled {
  color: #fff;
  background-color: #B76233;
  border-color: #B76233;
}
.btn-orange-dark06:hover {
  background-color: #a1562d;
}

.btn-orange-dark05 {
  color: #fff;
  background-color: #95522D;
  border-color: #95522D;
}
.btn-orange-dark05:hover {
  color: #fff;
  background-color: #7f4626;
  border-color: #774224;
}
.btn-check:focus + .btn-orange-dark05, .btn-orange-dark05:focus {
  color: #fff;
  background-color: #7f4626;
  border-color: #774224;
  box-shadow: 0 0 0 0.25rem rgba(165, 108, 77, 0.5);
}
.btn-check:checked + .btn-orange-dark05, .btn-check:active + .btn-orange-dark05, .btn-orange-dark05:active, .btn-orange-dark05.active, .show > .btn-orange-dark05.dropdown-toggle {
  color: #fff;
  background-color: #774224;
  border-color: #703e22;
}
.btn-check:checked + .btn-orange-dark05:focus, .btn-check:active + .btn-orange-dark05:focus, .btn-orange-dark05:active:focus, .btn-orange-dark05.active:focus, .show > .btn-orange-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(165, 108, 77, 0.5);
}
.btn-orange-dark05:disabled, .btn-orange-dark05.disabled {
  color: #fff;
  background-color: #95522D;
  border-color: #95522D;
}
.btn-orange-dark05:hover {
  background-color: #834828;
}

.btn-orange-dark04 {
  color: #fff;
  background-color: #734228;
  border-color: #734228;
}
.btn-orange-dark04:hover {
  color: #fff;
  background-color: #623822;
  border-color: #5c3520;
}
.btn-check:focus + .btn-orange-dark04, .btn-orange-dark04:focus {
  color: #fff;
  background-color: #623822;
  border-color: #5c3520;
  box-shadow: 0 0 0 0.25rem rgba(136, 94, 72, 0.5);
}
.btn-check:checked + .btn-orange-dark04, .btn-check:active + .btn-orange-dark04, .btn-orange-dark04:active, .btn-orange-dark04.active, .show > .btn-orange-dark04.dropdown-toggle {
  color: #fff;
  background-color: #5c3520;
  border-color: #56321e;
}
.btn-check:checked + .btn-orange-dark04:focus, .btn-check:active + .btn-orange-dark04:focus, .btn-orange-dark04:active:focus, .btn-orange-dark04.active:focus, .show > .btn-orange-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(136, 94, 72, 0.5);
}
.btn-orange-dark04:disabled, .btn-orange-dark04.disabled {
  color: #fff;
  background-color: #734228;
  border-color: #734228;
}
.btn-orange-dark04:hover {
  background-color: #653a23;
}

.btn-orange-dark03 {
  color: #fff;
  background-color: #513222;
  border-color: #513222;
}
.btn-orange-dark03:hover {
  color: #fff;
  background-color: #452b1d;
  border-color: #41281b;
}
.btn-check:focus + .btn-orange-dark03, .btn-orange-dark03:focus {
  color: #fff;
  background-color: #452b1d;
  border-color: #41281b;
  box-shadow: 0 0 0 0.25rem rgba(107, 81, 67, 0.5);
}
.btn-check:checked + .btn-orange-dark03, .btn-check:active + .btn-orange-dark03, .btn-orange-dark03:active, .btn-orange-dark03.active, .show > .btn-orange-dark03.dropdown-toggle {
  color: #fff;
  background-color: #41281b;
  border-color: #3d261a;
}
.btn-check:checked + .btn-orange-dark03:focus, .btn-check:active + .btn-orange-dark03:focus, .btn-orange-dark03:active:focus, .btn-orange-dark03.active:focus, .show > .btn-orange-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(107, 81, 67, 0.5);
}
.btn-orange-dark03:disabled, .btn-orange-dark03.disabled {
  color: #fff;
  background-color: #513222;
  border-color: #513222;
}
.btn-orange-dark03:hover {
  background-color: #472c1e;
}

.btn-orange-dark02 {
  color: #fff;
  background-color: #3A281E;
  border-color: #3A281E;
}
.btn-orange-dark02:hover {
  color: #fff;
  background-color: #31221a;
  border-color: #2e2018;
}
.btn-check:focus + .btn-orange-dark02, .btn-orange-dark02:focus {
  color: #fff;
  background-color: #31221a;
  border-color: #2e2018;
  box-shadow: 0 0 0 0.25rem rgba(88, 72, 64, 0.5);
}
.btn-check:checked + .btn-orange-dark02, .btn-check:active + .btn-orange-dark02, .btn-orange-dark02:active, .btn-orange-dark02.active, .show > .btn-orange-dark02.dropdown-toggle {
  color: #fff;
  background-color: #2e2018;
  border-color: #2c1e17;
}
.btn-check:checked + .btn-orange-dark02:focus, .btn-check:active + .btn-orange-dark02:focus, .btn-orange-dark02:active:focus, .btn-orange-dark02.active:focus, .show > .btn-orange-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(88, 72, 64, 0.5);
}
.btn-orange-dark02:disabled, .btn-orange-dark02.disabled {
  color: #fff;
  background-color: #3A281E;
  border-color: #3A281E;
}
.btn-orange-dark02:hover {
  background-color: #33231a;
}

.btn-orange-dark01 {
  color: #fff;
  background-color: #231D1A;
  border-color: #231D1A;
}
.btn-orange-dark01:hover {
  color: #fff;
  background-color: #1e1916;
  border-color: #1c1715;
}
.btn-check:focus + .btn-orange-dark01, .btn-orange-dark01:focus {
  color: #fff;
  background-color: #1e1916;
  border-color: #1c1715;
  box-shadow: 0 0 0 0.25rem rgba(68, 63, 60, 0.5);
}
.btn-check:checked + .btn-orange-dark01, .btn-check:active + .btn-orange-dark01, .btn-orange-dark01:active, .btn-orange-dark01.active, .show > .btn-orange-dark01.dropdown-toggle {
  color: #fff;
  background-color: #1c1715;
  border-color: #1a1614;
}
.btn-check:checked + .btn-orange-dark01:focus, .btn-check:active + .btn-orange-dark01:focus, .btn-orange-dark01:active:focus, .btn-orange-dark01.active:focus, .show > .btn-orange-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 63, 60, 0.5);
}
.btn-orange-dark01:disabled, .btn-orange-dark01.disabled {
  color: #fff;
  background-color: #231D1A;
  border-color: #231D1A;
}
.btn-orange-dark01:hover {
  background-color: #1f1a17;
}

.btn-yellow-light01 {
  color: #181818;
  background-color: #FEFBF3;
  border-color: #FEFBF3;
}
.btn-yellow-light01:hover {
  color: #181818;
  background-color: #fefcf5;
  border-color: #fefbf4;
}
.btn-check:focus + .btn-yellow-light01, .btn-yellow-light01:focus {
  color: #181818;
  background-color: #fefcf5;
  border-color: #fefbf4;
  box-shadow: 0 0 0 0.25rem rgba(220, 217, 210, 0.5);
}
.btn-check:checked + .btn-yellow-light01, .btn-check:active + .btn-yellow-light01, .btn-yellow-light01:active, .btn-yellow-light01.active, .show > .btn-yellow-light01.dropdown-toggle {
  color: #181818;
  background-color: #fefcf5;
  border-color: #fefbf4;
}
.btn-check:checked + .btn-yellow-light01:focus, .btn-check:active + .btn-yellow-light01:focus, .btn-yellow-light01:active:focus, .btn-yellow-light01.active:focus, .show > .btn-yellow-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 217, 210, 0.5);
}
.btn-yellow-light01:disabled, .btn-yellow-light01.disabled {
  color: #181818;
  background-color: #FEFBF3;
  border-color: #FEFBF3;
}
.btn-yellow-light01:hover {
  background-color: #e0ddd6;
}

.btn-yellow-light02 {
  color: #181818;
  background-color: #FCF4E0;
  border-color: #FCF4E0;
}
.btn-yellow-light02:hover {
  color: #181818;
  background-color: #fcf6e5;
  border-color: #fcf5e3;
}
.btn-check:focus + .btn-yellow-light02, .btn-yellow-light02:focus {
  color: #181818;
  background-color: #fcf6e5;
  border-color: #fcf5e3;
  box-shadow: 0 0 0 0.25rem rgba(218, 211, 194, 0.5);
}
.btn-check:checked + .btn-yellow-light02, .btn-check:active + .btn-yellow-light02, .btn-yellow-light02:active, .btn-yellow-light02.active, .show > .btn-yellow-light02.dropdown-toggle {
  color: #181818;
  background-color: #fdf6e6;
  border-color: #fcf5e3;
}
.btn-check:checked + .btn-yellow-light02:focus, .btn-check:active + .btn-yellow-light02:focus, .btn-yellow-light02:active:focus, .btn-yellow-light02.active:focus, .show > .btn-yellow-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 211, 194, 0.5);
}
.btn-yellow-light02:disabled, .btn-yellow-light02.disabled {
  color: #181818;
  background-color: #FCF4E0;
  border-color: #FCF4E0;
}
.btn-yellow-light02:hover {
  background-color: #ded7c5;
}

.btn-yellow-light03 {
  color: #181818;
  background-color: #FBEDCB;
  border-color: #FBEDCB;
}
.btn-yellow-light03:hover {
  color: #181818;
  background-color: #fcf0d3;
  border-color: #fbefd0;
}
.btn-check:focus + .btn-yellow-light03, .btn-yellow-light03:focus {
  color: #181818;
  background-color: #fcf0d3;
  border-color: #fbefd0;
  box-shadow: 0 0 0 0.25rem rgba(217, 205, 176, 0.5);
}
.btn-check:checked + .btn-yellow-light03, .btn-check:active + .btn-yellow-light03, .btn-yellow-light03:active, .btn-yellow-light03.active, .show > .btn-yellow-light03.dropdown-toggle {
  color: #181818;
  background-color: #fcf1d5;
  border-color: #fbefd0;
}
.btn-check:checked + .btn-yellow-light03:focus, .btn-check:active + .btn-yellow-light03:focus, .btn-yellow-light03:active:focus, .btn-yellow-light03.active:focus, .show > .btn-yellow-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 205, 176, 0.5);
}
.btn-yellow-light03:disabled, .btn-yellow-light03.disabled {
  color: #181818;
  background-color: #FBEDCB;
  border-color: #FBEDCB;
}
.btn-yellow-light03:hover {
  background-color: #ddd1b3;
}

.btn-yellow-light04 {
  color: #181818;
  background-color: #F9E5B7;
  border-color: #F9E5B7;
}
.btn-yellow-light04:hover {
  color: #181818;
  background-color: #fae9c2;
  border-color: #fae8be;
}
.btn-check:focus + .btn-yellow-light04, .btn-yellow-light04:focus {
  color: #181818;
  background-color: #fae9c2;
  border-color: #fae8be;
  box-shadow: 0 0 0 0.25rem rgba(215, 198, 159, 0.5);
}
.btn-check:checked + .btn-yellow-light04, .btn-check:active + .btn-yellow-light04, .btn-yellow-light04:active, .btn-yellow-light04.active, .show > .btn-yellow-light04.dropdown-toggle {
  color: #181818;
  background-color: #faeac5;
  border-color: #fae8be;
}
.btn-check:checked + .btn-yellow-light04:focus, .btn-check:active + .btn-yellow-light04:focus, .btn-yellow-light04:active:focus, .btn-yellow-light04.active:focus, .show > .btn-yellow-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(215, 198, 159, 0.5);
}
.btn-yellow-light04:disabled, .btn-yellow-light04.disabled {
  color: #181818;
  background-color: #F9E5B7;
  border-color: #F9E5B7;
}
.btn-yellow-light04:hover {
  background-color: #dbcaa1;
}

.btn-yellow-light05 {
  color: #181818;
  background-color: #F6D78E;
  border-color: #F6D78E;
}
.btn-yellow-light05:hover {
  color: #181818;
  background-color: #f7dd9f;
  border-color: #f7db99;
}
.btn-check:focus + .btn-yellow-light05, .btn-yellow-light05:focus {
  color: #181818;
  background-color: #f7dd9f;
  border-color: #f7db99;
  box-shadow: 0 0 0 0.25rem rgba(213, 186, 124, 0.5);
}
.btn-check:checked + .btn-yellow-light05, .btn-check:active + .btn-yellow-light05, .btn-yellow-light05:active, .btn-yellow-light05.active, .show > .btn-yellow-light05.dropdown-toggle {
  color: #181818;
  background-color: #f8dfa5;
  border-color: #f7db99;
}
.btn-check:checked + .btn-yellow-light05:focus, .btn-check:active + .btn-yellow-light05:focus, .btn-yellow-light05:active:focus, .btn-yellow-light05.active:focus, .show > .btn-yellow-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 186, 124, 0.5);
}
.btn-yellow-light05:disabled, .btn-yellow-light05.disabled {
  color: #181818;
  background-color: #F6D78E;
  border-color: #F6D78E;
}
.btn-yellow-light05:hover {
  background-color: #d8bd7d;
}

.btn-yellow-light06 {
  color: #181818;
  background-color: #F4D079;
  border-color: #F4D079;
}
.btn-yellow-light06:hover {
  color: #181818;
  background-color: #f6d78d;
  border-color: #f5d586;
}
.btn-check:focus + .btn-yellow-light06, .btn-yellow-light06:focus {
  color: #181818;
  background-color: #f6d78d;
  border-color: #f5d586;
  box-shadow: 0 0 0 0.25rem rgba(211, 180, 106, 0.5);
}
.btn-check:checked + .btn-yellow-light06, .btn-check:active + .btn-yellow-light06, .btn-yellow-light06:active, .btn-yellow-light06.active, .show > .btn-yellow-light06.dropdown-toggle {
  color: #181818;
  background-color: #f6d994;
  border-color: #f5d586;
}
.btn-check:checked + .btn-yellow-light06:focus, .btn-check:active + .btn-yellow-light06:focus, .btn-yellow-light06:active:focus, .btn-yellow-light06.active:focus, .show > .btn-yellow-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 180, 106, 0.5);
}
.btn-yellow-light06:disabled, .btn-yellow-light06.disabled {
  color: #181818;
  background-color: #F4D079;
  border-color: #F4D079;
}
.btn-yellow-light06:hover {
  background-color: #d7b76a;
}

.btn-yellow-light07 {
  color: #181818;
  background-color: #F1C55A;
  border-color: #F1C55A;
}
.btn-yellow-light07:hover {
  color: #181818;
  background-color: #f3ce73;
  border-color: #f2cb6b;
}
.btn-check:focus + .btn-yellow-light07, .btn-yellow-light07:focus {
  color: #181818;
  background-color: #f3ce73;
  border-color: #f2cb6b;
  box-shadow: 0 0 0 0.25rem rgba(208, 171, 80, 0.5);
}
.btn-check:checked + .btn-yellow-light07, .btn-check:active + .btn-yellow-light07, .btn-yellow-light07:active, .btn-yellow-light07.active, .show > .btn-yellow-light07.dropdown-toggle {
  color: #181818;
  background-color: #f4d17b;
  border-color: #f2cb6b;
}
.btn-check:checked + .btn-yellow-light07:focus, .btn-check:active + .btn-yellow-light07:focus, .btn-yellow-light07:active:focus, .btn-yellow-light07.active:focus, .show > .btn-yellow-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(208, 171, 80, 0.5);
}
.btn-yellow-light07:disabled, .btn-yellow-light07.disabled {
  color: #181818;
  background-color: #F1C55A;
  border-color: #F1C55A;
}
.btn-yellow-light07:hover {
  background-color: #d4ad4f;
}

.btn-yellow-base {
  color: #181818;
  background-color: #EEB631;
  border-color: #EEB631;
}
.btn-yellow-base:hover {
  color: #181818;
  background-color: #f1c150;
  border-color: #f0bd46;
}
.btn-check:focus + .btn-yellow-base, .btn-yellow-base:focus {
  color: #181818;
  background-color: #f1c150;
  border-color: #f0bd46;
  box-shadow: 0 0 0 0.25rem rgba(206, 158, 45, 0.5);
}
.btn-check:checked + .btn-yellow-base, .btn-check:active + .btn-yellow-base, .btn-yellow-base:active, .btn-yellow-base.active, .show > .btn-yellow-base.dropdown-toggle {
  color: #181818;
  background-color: #f1c55a;
  border-color: #f0bd46;
}
.btn-check:checked + .btn-yellow-base:focus, .btn-check:active + .btn-yellow-base:focus, .btn-yellow-base:active:focus, .btn-yellow-base.active:focus, .show > .btn-yellow-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(206, 158, 45, 0.5);
}
.btn-yellow-base:disabled, .btn-yellow-base.disabled {
  color: #181818;
  background-color: #EEB631;
  border-color: #EEB631;
}
.btn-yellow-base:hover {
  background-color: #d1a02b;
}

.btn-yellow-dark07 {
  color: #181818;
  background-color: #CE9E2D;
  border-color: #CE9E2D;
}
.btn-yellow-dark07:hover {
  color: #181818;
  background-color: #d5ad4d;
  border-color: #d3a842;
}
.btn-check:focus + .btn-yellow-dark07, .btn-yellow-dark07:focus {
  color: #181818;
  background-color: #d5ad4d;
  border-color: #d3a842;
  box-shadow: 0 0 0 0.25rem rgba(179, 138, 42, 0.5);
}
.btn-check:checked + .btn-yellow-dark07, .btn-check:active + .btn-yellow-dark07, .btn-yellow-dark07:active, .btn-yellow-dark07.active, .show > .btn-yellow-dark07.dropdown-toggle {
  color: #181818;
  background-color: #d8b157;
  border-color: #d3a842;
}
.btn-check:checked + .btn-yellow-dark07:focus, .btn-check:active + .btn-yellow-dark07:focus, .btn-yellow-dark07:active:focus, .btn-yellow-dark07.active:focus, .show > .btn-yellow-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(179, 138, 42, 0.5);
}
.btn-yellow-dark07:disabled, .btn-yellow-dark07.disabled {
  color: #181818;
  background-color: #CE9E2D;
  border-color: #CE9E2D;
}
.btn-yellow-dark07:hover {
  background-color: #b58b28;
}

.btn-yellow-dark06 {
  color: #fff;
  background-color: #AE872A;
  border-color: #AE872A;
}
.btn-yellow-dark06:hover {
  color: #fff;
  background-color: #947324;
  border-color: #8b6c22;
}
.btn-check:focus + .btn-yellow-dark06, .btn-yellow-dark06:focus {
  color: #fff;
  background-color: #947324;
  border-color: #8b6c22;
  box-shadow: 0 0 0 0.25rem rgba(186, 153, 74, 0.5);
}
.btn-check:checked + .btn-yellow-dark06, .btn-check:active + .btn-yellow-dark06, .btn-yellow-dark06:active, .btn-yellow-dark06.active, .show > .btn-yellow-dark06.dropdown-toggle {
  color: #fff;
  background-color: #8b6c22;
  border-color: #836520;
}
.btn-check:checked + .btn-yellow-dark06:focus, .btn-check:active + .btn-yellow-dark06:focus, .btn-yellow-dark06:active:focus, .btn-yellow-dark06.active:focus, .show > .btn-yellow-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(186, 153, 74, 0.5);
}
.btn-yellow-dark06:disabled, .btn-yellow-dark06.disabled {
  color: #fff;
  background-color: #AE872A;
  border-color: #AE872A;
}
.btn-yellow-dark06:hover {
  background-color: #997725;
}

.btn-yellow-dark05 {
  color: #fff;
  background-color: #8E6F26;
  border-color: #8E6F26;
}
.btn-yellow-dark05:hover {
  color: #fff;
  background-color: #795e20;
  border-color: #72591e;
}
.btn-check:focus + .btn-yellow-dark05, .btn-yellow-dark05:focus {
  color: #fff;
  background-color: #795e20;
  border-color: #72591e;
  box-shadow: 0 0 0 0.25rem rgba(159, 133, 71, 0.5);
}
.btn-check:checked + .btn-yellow-dark05, .btn-check:active + .btn-yellow-dark05, .btn-yellow-dark05:active, .btn-yellow-dark05.active, .show > .btn-yellow-dark05.dropdown-toggle {
  color: #fff;
  background-color: #72591e;
  border-color: #6b531d;
}
.btn-check:checked + .btn-yellow-dark05:focus, .btn-check:active + .btn-yellow-dark05:focus, .btn-yellow-dark05:active:focus, .btn-yellow-dark05.active:focus, .show > .btn-yellow-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(159, 133, 71, 0.5);
}
.btn-yellow-dark05:disabled, .btn-yellow-dark05.disabled {
  color: #fff;
  background-color: #8E6F26;
  border-color: #8E6F26;
}
.btn-yellow-dark05:hover {
  background-color: #7d6221;
}

.btn-yellow-dark04 {
  color: #fff;
  background-color: #6E5722;
  border-color: #6E5722;
}
.btn-yellow-dark04:hover {
  color: #fff;
  background-color: #5e4a1d;
  border-color: #58461b;
}
.btn-check:focus + .btn-yellow-dark04, .btn-yellow-dark04:focus {
  color: #fff;
  background-color: #5e4a1d;
  border-color: #58461b;
  box-shadow: 0 0 0 0.25rem rgba(132, 112, 67, 0.5);
}
.btn-check:checked + .btn-yellow-dark04, .btn-check:active + .btn-yellow-dark04, .btn-yellow-dark04:active, .btn-yellow-dark04.active, .show > .btn-yellow-dark04.dropdown-toggle {
  color: #fff;
  background-color: #58461b;
  border-color: #53411a;
}
.btn-check:checked + .btn-yellow-dark04:focus, .btn-check:active + .btn-yellow-dark04:focus, .btn-yellow-dark04:active:focus, .btn-yellow-dark04.active:focus, .show > .btn-yellow-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(132, 112, 67, 0.5);
}
.btn-yellow-dark04:disabled, .btn-yellow-dark04.disabled {
  color: #fff;
  background-color: #6E5722;
  border-color: #6E5722;
}
.btn-yellow-dark04:hover {
  background-color: #614d1e;
}

.btn-yellow-dark03 {
  color: #fff;
  background-color: #4D3F1E;
  border-color: #4D3F1E;
}
.btn-yellow-dark03:hover {
  color: #fff;
  background-color: #41361a;
  border-color: #3e3218;
}
.btn-check:focus + .btn-yellow-dark03, .btn-yellow-dark03:focus {
  color: #fff;
  background-color: #41361a;
  border-color: #3e3218;
  box-shadow: 0 0 0 0.25rem rgba(104, 92, 64, 0.5);
}
.btn-check:checked + .btn-yellow-dark03, .btn-check:active + .btn-yellow-dark03, .btn-yellow-dark03:active, .btn-yellow-dark03.active, .show > .btn-yellow-dark03.dropdown-toggle {
  color: #fff;
  background-color: #3e3218;
  border-color: #3a2f17;
}
.btn-check:checked + .btn-yellow-dark03:focus, .btn-check:active + .btn-yellow-dark03:focus, .btn-yellow-dark03:active:focus, .btn-yellow-dark03.active:focus, .show > .btn-yellow-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 92, 64, 0.5);
}
.btn-yellow-dark03:disabled, .btn-yellow-dark03.disabled {
  color: #fff;
  background-color: #4D3F1E;
  border-color: #4D3F1E;
}
.btn-yellow-dark03:hover {
  background-color: #44371a;
}

.btn-yellow-dark02 {
  color: #fff;
  background-color: #38301C;
  border-color: #38301C;
}
.btn-yellow-dark02:hover {
  color: #fff;
  background-color: #302918;
  border-color: #2d2616;
}
.btn-check:focus + .btn-yellow-dark02, .btn-yellow-dark02:focus {
  color: #fff;
  background-color: #302918;
  border-color: #2d2616;
  box-shadow: 0 0 0 0.25rem rgba(86, 79, 62, 0.5);
}
.btn-check:checked + .btn-yellow-dark02, .btn-check:active + .btn-yellow-dark02, .btn-yellow-dark02:active, .btn-yellow-dark02.active, .show > .btn-yellow-dark02.dropdown-toggle {
  color: #fff;
  background-color: #2d2616;
  border-color: #2a2415;
}
.btn-check:checked + .btn-yellow-dark02:focus, .btn-check:active + .btn-yellow-dark02:focus, .btn-yellow-dark02:active:focus, .btn-yellow-dark02.active:focus, .show > .btn-yellow-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(86, 79, 62, 0.5);
}
.btn-yellow-dark02:disabled, .btn-yellow-dark02.disabled {
  color: #fff;
  background-color: #38301C;
  border-color: #38301C;
}
.btn-yellow-dark02:hover {
  background-color: #312a19;
}

.btn-yellow-dark01 {
  color: #fff;
  background-color: #232019;
  border-color: #232019;
}
.btn-yellow-dark01:hover {
  color: #fff;
  background-color: #1e1b15;
  border-color: #1c1a14;
}
.btn-check:focus + .btn-yellow-dark01, .btn-yellow-dark01:focus {
  color: #fff;
  background-color: #1e1b15;
  border-color: #1c1a14;
  box-shadow: 0 0 0 0.25rem rgba(68, 65, 60, 0.5);
}
.btn-check:checked + .btn-yellow-dark01, .btn-check:active + .btn-yellow-dark01, .btn-yellow-dark01:active, .btn-yellow-dark01.active, .show > .btn-yellow-dark01.dropdown-toggle {
  color: #fff;
  background-color: #1c1a14;
  border-color: #1a1813;
}
.btn-check:checked + .btn-yellow-dark01:focus, .btn-check:active + .btn-yellow-dark01:focus, .btn-yellow-dark01:active:focus, .btn-yellow-dark01.active:focus, .show > .btn-yellow-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 65, 60, 0.5);
}
.btn-yellow-dark01:disabled, .btn-yellow-dark01.disabled {
  color: #fff;
  background-color: #232019;
  border-color: #232019;
}
.btn-yellow-dark01:hover {
  background-color: #1f1c16;
}

.btn-green-light01 {
  color: #181818;
  background-color: #F0FAF6;
  border-color: #F0FAF6;
}
.btn-green-light01:hover {
  color: #181818;
  background-color: #f2fbf7;
  border-color: #f2fbf7;
}
.btn-check:focus + .btn-green-light01, .btn-green-light01:focus {
  color: #181818;
  background-color: #f2fbf7;
  border-color: #f2fbf7;
  box-shadow: 0 0 0 0.25rem rgba(208, 216, 213, 0.5);
}
.btn-check:checked + .btn-green-light01, .btn-check:active + .btn-green-light01, .btn-green-light01:active, .btn-green-light01.active, .show > .btn-green-light01.dropdown-toggle {
  color: #181818;
  background-color: #f3fbf8;
  border-color: #f2fbf7;
}
.btn-check:checked + .btn-green-light01:focus, .btn-check:active + .btn-green-light01:focus, .btn-green-light01:active:focus, .btn-green-light01.active:focus, .show > .btn-green-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(208, 216, 213, 0.5);
}
.btn-green-light01:disabled, .btn-green-light01.disabled {
  color: #181818;
  background-color: #F0FAF6;
  border-color: #F0FAF6;
}
.btn-green-light01:hover {
  background-color: #d3dcd8;
}

.btn-green-light02 {
  color: #181818;
  background-color: #DAF2EA;
  border-color: #DAF2EA;
}
.btn-green-light02:hover {
  color: #181818;
  background-color: #e0f4ed;
  border-color: #def3ec;
}
.btn-check:focus + .btn-green-light02, .btn-green-light02:focus {
  color: #181818;
  background-color: #e0f4ed;
  border-color: #def3ec;
  box-shadow: 0 0 0 0.25rem rgba(189, 209, 203, 0.5);
}
.btn-check:checked + .btn-green-light02, .btn-check:active + .btn-green-light02, .btn-green-light02:active, .btn-green-light02.active, .show > .btn-green-light02.dropdown-toggle {
  color: #181818;
  background-color: #e1f5ee;
  border-color: #def3ec;
}
.btn-check:checked + .btn-green-light02:focus, .btn-check:active + .btn-green-light02:focus, .btn-green-light02:active:focus, .btn-green-light02.active:focus, .show > .btn-green-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(189, 209, 203, 0.5);
}
.btn-green-light02:disabled, .btn-green-light02.disabled {
  color: #181818;
  background-color: #DAF2EA;
  border-color: #DAF2EA;
}
.btn-green-light02:hover {
  background-color: #c0d5ce;
}

.btn-green-light03 {
  color: #181818;
  background-color: #C2EADB;
  border-color: #C2EADB;
}
.btn-green-light03:hover {
  color: #181818;
  background-color: #cbede0;
  border-color: #c8ecdf;
}
.btn-check:focus + .btn-green-light03, .btn-green-light03:focus {
  color: #181818;
  background-color: #cbede0;
  border-color: #c8ecdf;
  box-shadow: 0 0 0 0.25rem rgba(169, 203, 190, 0.5);
}
.btn-check:checked + .btn-green-light03, .btn-check:active + .btn-green-light03, .btn-green-light03:active, .btn-green-light03.active, .show > .btn-green-light03.dropdown-toggle {
  color: #181818;
  background-color: #ceeee2;
  border-color: #c8ecdf;
}
.btn-check:checked + .btn-green-light03:focus, .btn-check:active + .btn-green-light03:focus, .btn-green-light03:active:focus, .btn-green-light03.active:focus, .show > .btn-green-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(169, 203, 190, 0.5);
}
.btn-green-light03:disabled, .btn-green-light03.disabled {
  color: #181818;
  background-color: #C2EADB;
  border-color: #C2EADB;
}
.btn-green-light03:hover {
  background-color: #abcec1;
}

.btn-green-light04 {
  color: #181818;
  background-color: #AAE2CD;
  border-color: #AAE2CD;
}
.btn-green-light04:hover {
  color: #181818;
  background-color: #b7e6d5;
  border-color: #b3e5d2;
}
.btn-check:focus + .btn-green-light04, .btn-green-light04:focus {
  color: #181818;
  background-color: #b7e6d5;
  border-color: #b3e5d2;
  box-shadow: 0 0 0 0.25rem rgba(148, 196, 178, 0.5);
}
.btn-check:checked + .btn-green-light04, .btn-check:active + .btn-green-light04, .btn-green-light04:active, .btn-green-light04.active, .show > .btn-green-light04.dropdown-toggle {
  color: #181818;
  background-color: #bbe8d7;
  border-color: #b3e5d2;
}
.btn-check:checked + .btn-green-light04:focus, .btn-check:active + .btn-green-light04:focus, .btn-green-light04:active:focus, .btn-green-light04.active:focus, .show > .btn-green-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(148, 196, 178, 0.5);
}
.btn-green-light04:disabled, .btn-green-light04.disabled {
  color: #181818;
  background-color: #AAE2CD;
  border-color: #AAE2CD;
}
.btn-green-light04:hover {
  background-color: #96c7b4;
}

.btn-green-light05 {
  color: #181818;
  background-color: #79D1B1;
  border-color: #79D1B1;
}
.btn-green-light05:hover {
  color: #181818;
  background-color: #8dd8bd;
  border-color: #86d6b9;
}
.btn-check:focus + .btn-green-light05, .btn-green-light05:focus {
  color: #181818;
  background-color: #8dd8bd;
  border-color: #86d6b9;
  box-shadow: 0 0 0 0.25rem rgba(106, 181, 154, 0.5);
}
.btn-check:checked + .btn-green-light05, .btn-check:active + .btn-green-light05, .btn-green-light05:active, .btn-green-light05.active, .show > .btn-green-light05.dropdown-toggle {
  color: #181818;
  background-color: #94dac1;
  border-color: #86d6b9;
}
.btn-check:checked + .btn-green-light05:focus, .btn-check:active + .btn-green-light05:focus, .btn-green-light05:active:focus, .btn-green-light05.active:focus, .show > .btn-green-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(106, 181, 154, 0.5);
}
.btn-green-light05:disabled, .btn-green-light05.disabled {
  color: #181818;
  background-color: #79D1B1;
  border-color: #79D1B1;
}
.btn-green-light05:hover {
  background-color: #6ab89c;
}

.btn-green-light06 {
  color: #181818;
  background-color: #60C8A3;
  border-color: #60C8A3;
}
.btn-green-light06:hover {
  color: #181818;
  background-color: #78d0b1;
  border-color: #70ceac;
}
.btn-check:focus + .btn-green-light06, .btn-green-light06:focus {
  color: #181818;
  background-color: #78d0b1;
  border-color: #70ceac;
  box-shadow: 0 0 0 0.25rem rgba(85, 174, 142, 0.5);
}
.btn-check:checked + .btn-green-light06, .btn-check:active + .btn-green-light06, .btn-green-light06:active, .btn-green-light06.active, .show > .btn-green-light06.dropdown-toggle {
  color: #181818;
  background-color: #80d3b5;
  border-color: #70ceac;
}
.btn-check:checked + .btn-green-light06:focus, .btn-check:active + .btn-green-light06:focus, .btn-green-light06:active:focus, .btn-green-light06.active:focus, .show > .btn-green-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(85, 174, 142, 0.5);
}
.btn-green-light06:disabled, .btn-green-light06.disabled {
  color: #181818;
  background-color: #60C8A3;
  border-color: #60C8A3;
}
.btn-green-light06:hover {
  background-color: #54b08f;
}

.btn-green-light07 {
  color: #181818;
  background-color: #3CBC8D;
  border-color: #3CBC8D;
}
.btn-green-light07:hover {
  color: #181818;
  background-color: #59c69e;
  border-color: #50c398;
}
.btn-check:focus + .btn-green-light07, .btn-green-light07:focus {
  color: #181818;
  background-color: #59c69e;
  border-color: #50c398;
  box-shadow: 0 0 0 0.25rem rgba(55, 163, 123, 0.5);
}
.btn-check:checked + .btn-green-light07, .btn-check:active + .btn-green-light07, .btn-green-light07:active, .btn-green-light07.active, .show > .btn-green-light07.dropdown-toggle {
  color: #181818;
  background-color: #63c9a4;
  border-color: #50c398;
}
.btn-check:checked + .btn-green-light07:focus, .btn-check:active + .btn-green-light07:focus, .btn-green-light07:active:focus, .btn-green-light07.active:focus, .show > .btn-green-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(55, 163, 123, 0.5);
}
.btn-green-light07:disabled, .btn-green-light07.disabled {
  color: #181818;
  background-color: #3CBC8D;
  border-color: #3CBC8D;
}
.btn-green-light07:hover {
  background-color: #35a57c;
}

.btn-green-base {
  color: #fff;
  background-color: #0BAB71;
  border-color: #0BAB71;
}
.btn-green-base:hover {
  color: #fff;
  background-color: #099160;
  border-color: #09895a;
}
.btn-check:focus + .btn-green-base, .btn-green-base:focus {
  color: #fff;
  background-color: #099160;
  border-color: #09895a;
  box-shadow: 0 0 0 0.25rem rgba(48, 184, 134, 0.5);
}
.btn-check:checked + .btn-green-base, .btn-check:active + .btn-green-base, .btn-green-base:active, .btn-green-base.active, .show > .btn-green-base.dropdown-toggle {
  color: #fff;
  background-color: #09895a;
  border-color: #088055;
}
.btn-check:checked + .btn-green-base:focus, .btn-check:active + .btn-green-base:focus, .btn-green-base:active:focus, .btn-green-base.active:focus, .show > .btn-green-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(48, 184, 134, 0.5);
}
.btn-green-base:disabled, .btn-green-base.disabled {
  color: #fff;
  background-color: #0BAB71;
  border-color: #0BAB71;
}
.btn-green-base:hover {
  background-color: #0a9663;
}

.btn-green-dark07 {
  color: #fff;
  background-color: #0D9564;
  border-color: #0D9564;
}
.btn-green-dark07:hover {
  color: #fff;
  background-color: #0b7f55;
  border-color: #0a7750;
}
.btn-check:focus + .btn-green-dark07, .btn-green-dark07:focus {
  color: #fff;
  background-color: #0b7f55;
  border-color: #0a7750;
  box-shadow: 0 0 0 0.25rem rgba(49, 165, 123, 0.5);
}
.btn-check:checked + .btn-green-dark07, .btn-check:active + .btn-green-dark07, .btn-green-dark07:active, .btn-green-dark07.active, .show > .btn-green-dark07.dropdown-toggle {
  color: #fff;
  background-color: #0a7750;
  border-color: #0a704b;
}
.btn-check:checked + .btn-green-dark07:focus, .btn-check:active + .btn-green-dark07:focus, .btn-green-dark07:active:focus, .btn-green-dark07.active:focus, .show > .btn-green-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 165, 123, 0.5);
}
.btn-green-dark07:disabled, .btn-green-dark07.disabled {
  color: #fff;
  background-color: #0D9564;
  border-color: #0D9564;
}
.btn-green-dark07:hover {
  background-color: #0b8358;
}

.btn-green-dark06 {
  color: #fff;
  background-color: #0F7F56;
  border-color: #0F7F56;
}
.btn-green-dark06:hover {
  color: #fff;
  background-color: #0d6c49;
  border-color: #0c6645;
}
.btn-check:focus + .btn-green-dark06, .btn-green-dark06:focus {
  color: #fff;
  background-color: #0d6c49;
  border-color: #0c6645;
  box-shadow: 0 0 0 0.25rem rgba(51, 146, 111, 0.5);
}
.btn-check:checked + .btn-green-dark06, .btn-check:active + .btn-green-dark06, .btn-green-dark06:active, .btn-green-dark06.active, .show > .btn-green-dark06.dropdown-toggle {
  color: #fff;
  background-color: #0c6645;
  border-color: #0b5f41;
}
.btn-check:checked + .btn-green-dark06:focus, .btn-check:active + .btn-green-dark06:focus, .btn-green-dark06:active:focus, .btn-green-dark06.active:focus, .show > .btn-green-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 146, 111, 0.5);
}
.btn-green-dark06:disabled, .btn-green-dark06.disabled {
  color: #fff;
  background-color: #0F7F56;
  border-color: #0F7F56;
}
.btn-green-dark06:hover {
  background-color: #0d704c;
}

.btn-green-dark05 {
  color: #fff;
  background-color: #116949;
  border-color: #116949;
}
.btn-green-dark05:hover {
  color: #fff;
  background-color: #0e593e;
  border-color: #0e543a;
}
.btn-check:focus + .btn-green-dark05, .btn-green-dark05:focus {
  color: #fff;
  background-color: #0e593e;
  border-color: #0e543a;
  box-shadow: 0 0 0 0.25rem rgba(53, 128, 100, 0.5);
}
.btn-check:checked + .btn-green-dark05, .btn-check:active + .btn-green-dark05, .btn-green-dark05:active, .btn-green-dark05.active, .show > .btn-green-dark05.dropdown-toggle {
  color: #fff;
  background-color: #0e543a;
  border-color: #0d4f37;
}
.btn-check:checked + .btn-green-dark05:focus, .btn-check:active + .btn-green-dark05:focus, .btn-green-dark05:active:focus, .btn-green-dark05.active:focus, .show > .btn-green-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(53, 128, 100, 0.5);
}
.btn-green-dark05:disabled, .btn-green-dark05.disabled {
  color: #fff;
  background-color: #116949;
  border-color: #116949;
}
.btn-green-dark05:hover {
  background-color: #0f5c40;
}

.btn-green-dark04 {
  color: #fff;
  background-color: #13533C;
  border-color: #13533C;
}
.btn-green-dark04:hover {
  color: #fff;
  background-color: #104733;
  border-color: #0f4230;
}
.btn-check:focus + .btn-green-dark04, .btn-green-dark04:focus {
  color: #fff;
  background-color: #104733;
  border-color: #0f4230;
  box-shadow: 0 0 0 0.25rem rgba(54, 109, 89, 0.5);
}
.btn-check:checked + .btn-green-dark04, .btn-check:active + .btn-green-dark04, .btn-green-dark04:active, .btn-green-dark04.active, .show > .btn-green-dark04.dropdown-toggle {
  color: #fff;
  background-color: #0f4230;
  border-color: #0e3e2d;
}
.btn-check:checked + .btn-green-dark04:focus, .btn-check:active + .btn-green-dark04:focus, .btn-green-dark04:active:focus, .btn-green-dark04.active:focus, .show > .btn-green-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(54, 109, 89, 0.5);
}
.btn-green-dark04:disabled, .btn-green-dark04.disabled {
  color: #fff;
  background-color: #13533C;
  border-color: #13533C;
}
.btn-green-dark04:hover {
  background-color: #114935;
}

.btn-green-dark03 {
  color: #fff;
  background-color: #153D2E;
  border-color: #153D2E;
}
.btn-green-dark03:hover {
  color: #fff;
  background-color: #123427;
  border-color: #113125;
}
.btn-check:focus + .btn-green-dark03, .btn-green-dark03:focus {
  color: #fff;
  background-color: #123427;
  border-color: #113125;
  box-shadow: 0 0 0 0.25rem rgba(56, 90, 77, 0.5);
}
.btn-check:checked + .btn-green-dark03, .btn-check:active + .btn-green-dark03, .btn-green-dark03:active, .btn-green-dark03.active, .show > .btn-green-dark03.dropdown-toggle {
  color: #fff;
  background-color: #113125;
  border-color: #102e23;
}
.btn-check:checked + .btn-green-dark03:focus, .btn-check:active + .btn-green-dark03:focus, .btn-green-dark03:active:focus, .btn-green-dark03.active:focus, .show > .btn-green-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 90, 77, 0.5);
}
.btn-green-dark03:disabled, .btn-green-dark03.disabled {
  color: #fff;
  background-color: #153D2E;
  border-color: #153D2E;
}
.btn-green-dark03:hover {
  background-color: #123628;
}

.btn-green-dark02 {
  color: #fff;
  background-color: #162E25;
  border-color: #162E25;
}
.btn-green-dark02:hover {
  color: #fff;
  background-color: #13271f;
  border-color: #12251e;
}
.btn-check:focus + .btn-green-dark02, .btn-green-dark02:focus {
  color: #fff;
  background-color: #13271f;
  border-color: #12251e;
  box-shadow: 0 0 0 0.25rem rgba(57, 77, 70, 0.5);
}
.btn-check:checked + .btn-green-dark02, .btn-check:active + .btn-green-dark02, .btn-green-dark02:active, .btn-green-dark02.active, .show > .btn-green-dark02.dropdown-toggle {
  color: #fff;
  background-color: #12251e;
  border-color: #11231c;
}
.btn-check:checked + .btn-green-dark02:focus, .btn-check:active + .btn-green-dark02:focus, .btn-green-dark02:active:focus, .btn-green-dark02.active:focus, .show > .btn-green-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 77, 70, 0.5);
}
.btn-green-dark02:disabled, .btn-green-dark02.disabled {
  color: #fff;
  background-color: #162E25;
  border-color: #162E25;
}
.btn-green-dark02:hover {
  background-color: #132821;
}

.btn-green-dark01 {
  color: #fff;
  background-color: #171F1C;
  border-color: #171F1C;
}
.btn-green-dark01:hover {
  color: #fff;
  background-color: #141a18;
  border-color: #121916;
}
.btn-check:focus + .btn-green-dark01, .btn-green-dark01:focus {
  color: #fff;
  background-color: #141a18;
  border-color: #121916;
  box-shadow: 0 0 0 0.25rem rgba(58, 65, 62, 0.5);
}
.btn-check:checked + .btn-green-dark01, .btn-check:active + .btn-green-dark01, .btn-green-dark01:active, .btn-green-dark01.active, .show > .btn-green-dark01.dropdown-toggle {
  color: #fff;
  background-color: #121916;
  border-color: #111715;
}
.btn-check:checked + .btn-green-dark01:focus, .btn-check:active + .btn-green-dark01:focus, .btn-green-dark01:active:focus, .btn-green-dark01.active:focus, .show > .btn-green-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 65, 62, 0.5);
}
.btn-green-dark01:disabled, .btn-green-dark01.disabled {
  color: #fff;
  background-color: #171F1C;
  border-color: #171F1C;
}
.btn-green-dark01:hover {
  background-color: #141b19;
}

.btn-lightblue-light01 {
  color: #181818;
  background-color: #F1F9FE;
  border-color: #F1F9FE;
}
.btn-lightblue-light01:hover {
  color: #181818;
  background-color: #f3fafe;
  border-color: #f2fafe;
}
.btn-check:focus + .btn-lightblue-light01, .btn-lightblue-light01:focus {
  color: #181818;
  background-color: #f3fafe;
  border-color: #f2fafe;
  box-shadow: 0 0 0 0.25rem rgba(208, 215, 220, 0.5);
}
.btn-check:checked + .btn-lightblue-light01, .btn-check:active + .btn-lightblue-light01, .btn-lightblue-light01:active, .btn-lightblue-light01.active, .show > .btn-lightblue-light01.dropdown-toggle {
  color: #181818;
  background-color: #f4fafe;
  border-color: #f2fafe;
}
.btn-check:checked + .btn-lightblue-light01:focus, .btn-check:active + .btn-lightblue-light01:focus, .btn-lightblue-light01:active:focus, .btn-lightblue-light01.active:focus, .show > .btn-lightblue-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(208, 215, 220, 0.5);
}
.btn-lightblue-light01:disabled, .btn-lightblue-light01.disabled {
  color: #181818;
  background-color: #F1F9FE;
  border-color: #F1F9FE;
}
.btn-lightblue-light01:hover {
  background-color: #d4dbe0;
}

.btn-lightblue-light02 {
  color: #181818;
  background-color: #DBEFFD;
  border-color: #DBEFFD;
}
.btn-lightblue-light02:hover {
  color: #181818;
  background-color: #e0f1fd;
  border-color: #dff1fd;
}
.btn-check:focus + .btn-lightblue-light02, .btn-lightblue-light02:focus {
  color: #181818;
  background-color: #e0f1fd;
  border-color: #dff1fd;
  box-shadow: 0 0 0 0.25rem rgba(190, 207, 219, 0.5);
}
.btn-check:checked + .btn-lightblue-light02, .btn-check:active + .btn-lightblue-light02, .btn-lightblue-light02:active, .btn-lightblue-light02.active, .show > .btn-lightblue-light02.dropdown-toggle {
  color: #181818;
  background-color: #e2f2fd;
  border-color: #dff1fd;
}
.btn-check:checked + .btn-lightblue-light02:focus, .btn-check:active + .btn-lightblue-light02:focus, .btn-lightblue-light02:active:focus, .btn-lightblue-light02.active:focus, .show > .btn-lightblue-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(190, 207, 219, 0.5);
}
.btn-lightblue-light02:disabled, .btn-lightblue-light02.disabled {
  color: #181818;
  background-color: #DBEFFD;
  border-color: #DBEFFD;
}
.btn-lightblue-light02:hover {
  background-color: #c1d2df;
}

.btn-lightblue-light03 {
  color: #181818;
  background-color: #C4E4FC;
  border-color: #C4E4FC;
}
.btn-lightblue-light03:hover {
  color: #181818;
  background-color: #cde8fc;
  border-color: #cae7fc;
}
.btn-check:focus + .btn-lightblue-light03, .btn-lightblue-light03:focus {
  color: #181818;
  background-color: #cde8fc;
  border-color: #cae7fc;
  box-shadow: 0 0 0 0.25rem rgba(170, 197, 218, 0.5);
}
.btn-check:checked + .btn-lightblue-light03, .btn-check:active + .btn-lightblue-light03, .btn-lightblue-light03:active, .btn-lightblue-light03.active, .show > .btn-lightblue-light03.dropdown-toggle {
  color: #181818;
  background-color: #d0e9fd;
  border-color: #cae7fc;
}
.btn-check:checked + .btn-lightblue-light03:focus, .btn-check:active + .btn-lightblue-light03:focus, .btn-lightblue-light03:active:focus, .btn-lightblue-light03.active:focus, .show > .btn-lightblue-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 197, 218, 0.5);
}
.btn-lightblue-light03:disabled, .btn-lightblue-light03.disabled {
  color: #181818;
  background-color: #C4E4FC;
  border-color: #C4E4FC;
}
.btn-lightblue-light03:hover {
  background-color: #acc9de;
}

.btn-lightblue-light04 {
  color: #181818;
  background-color: #ACD9FA;
  border-color: #ACD9FA;
}
.btn-lightblue-light04:hover {
  color: #181818;
  background-color: #b8dffb;
  border-color: #b4ddfb;
}
.btn-check:focus + .btn-lightblue-light04, .btn-lightblue-light04:focus {
  color: #181818;
  background-color: #b8dffb;
  border-color: #b4ddfb;
  box-shadow: 0 0 0 0.25rem rgba(150, 188, 216, 0.5);
}
.btn-check:checked + .btn-lightblue-light04, .btn-check:active + .btn-lightblue-light04, .btn-lightblue-light04:active, .btn-lightblue-light04.active, .show > .btn-lightblue-light04.dropdown-toggle {
  color: #181818;
  background-color: #bde1fb;
  border-color: #b4ddfb;
}
.btn-check:checked + .btn-lightblue-light04:focus, .btn-check:active + .btn-lightblue-light04:focus, .btn-lightblue-light04:active:focus, .btn-lightblue-light04.active:focus, .show > .btn-lightblue-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(150, 188, 216, 0.5);
}
.btn-lightblue-light04:disabled, .btn-lightblue-light04.disabled {
  color: #181818;
  background-color: #ACD9FA;
  border-color: #ACD9FA;
}
.btn-lightblue-light04:hover {
  background-color: #97bfdc;
}

.btn-lightblue-light05 {
  color: #181818;
  background-color: #7CC4F8;
  border-color: #7CC4F8;
}
.btn-lightblue-light05:hover {
  color: #181818;
  background-color: #90cdf9;
  border-color: #89caf9;
}
.btn-check:focus + .btn-lightblue-light05, .btn-lightblue-light05:focus {
  color: #181818;
  background-color: #90cdf9;
  border-color: #89caf9;
  box-shadow: 0 0 0 0.25rem rgba(109, 170, 214, 0.5);
}
.btn-check:checked + .btn-lightblue-light05, .btn-check:active + .btn-lightblue-light05, .btn-lightblue-light05:active, .btn-lightblue-light05.active, .show > .btn-lightblue-light05.dropdown-toggle {
  color: #181818;
  background-color: #96d0f9;
  border-color: #89caf9;
}
.btn-check:checked + .btn-lightblue-light05:focus, .btn-check:active + .btn-lightblue-light05:focus, .btn-lightblue-light05:active:focus, .btn-lightblue-light05.active:focus, .show > .btn-lightblue-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(109, 170, 214, 0.5);
}
.btn-lightblue-light05:disabled, .btn-lightblue-light05.disabled {
  color: #181818;
  background-color: #7CC4F8;
  border-color: #7CC4F8;
}
.btn-lightblue-light05:hover {
  background-color: #6dacda;
}

.btn-lightblue-light06 {
  color: #181818;
  background-color: #64B9F7;
  border-color: #64B9F7;
}
.btn-lightblue-light06:hover {
  color: #181818;
  background-color: #7bc4f8;
  border-color: #74c0f8;
}
.btn-check:focus + .btn-lightblue-light06, .btn-lightblue-light06:focus {
  color: #181818;
  background-color: #7bc4f8;
  border-color: #74c0f8;
  box-shadow: 0 0 0 0.25rem rgba(89, 161, 214, 0.5);
}
.btn-check:checked + .btn-lightblue-light06, .btn-check:active + .btn-lightblue-light06, .btn-lightblue-light06:active, .btn-lightblue-light06.active, .show > .btn-lightblue-light06.dropdown-toggle {
  color: #181818;
  background-color: #83c7f9;
  border-color: #74c0f8;
}
.btn-check:checked + .btn-lightblue-light06:focus, .btn-check:active + .btn-lightblue-light06:focus, .btn-lightblue-light06:active:focus, .btn-lightblue-light06.active:focus, .show > .btn-lightblue-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 161, 214, 0.5);
}
.btn-lightblue-light06:disabled, .btn-lightblue-light06.disabled {
  color: #181818;
  background-color: #64B9F7;
  border-color: #64B9F7;
}
.btn-lightblue-light06:hover {
  background-color: #58a3d9;
}

.btn-lightblue-light07 {
  color: #fff;
  background-color: #41A9F5;
  border-color: #41A9F5;
}
.btn-lightblue-light07:hover {
  color: #fff;
  background-color: #3790d0;
  border-color: #3487c4;
}
.btn-check:focus + .btn-lightblue-light07, .btn-lightblue-light07:focus {
  color: #fff;
  background-color: #3790d0;
  border-color: #3487c4;
  box-shadow: 0 0 0 0.25rem rgba(94, 182, 247, 0.5);
}
.btn-check:checked + .btn-lightblue-light07, .btn-check:active + .btn-lightblue-light07, .btn-lightblue-light07:active, .btn-lightblue-light07.active, .show > .btn-lightblue-light07.dropdown-toggle {
  color: #fff;
  background-color: #3487c4;
  border-color: #317fb8;
}
.btn-check:checked + .btn-lightblue-light07:focus, .btn-check:active + .btn-lightblue-light07:focus, .btn-lightblue-light07:active:focus, .btn-lightblue-light07.active:focus, .show > .btn-lightblue-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(94, 182, 247, 0.5);
}
.btn-lightblue-light07:disabled, .btn-lightblue-light07.disabled {
  color: #fff;
  background-color: #41A9F5;
  border-color: #41A9F5;
}
.btn-lightblue-light07:hover {
  background-color: #3995d8;
}

.btn-lightblue-base {
  color: #fff;
  background-color: #1193F2;
  border-color: #1193F2;
}
.btn-lightblue-base:hover {
  color: #fff;
  background-color: #0e7dce;
  border-color: #0e76c2;
}
.btn-check:focus + .btn-lightblue-base, .btn-lightblue-base:focus {
  color: #fff;
  background-color: #0e7dce;
  border-color: #0e76c2;
  box-shadow: 0 0 0 0.25rem rgba(53, 163, 244, 0.5);
}
.btn-check:checked + .btn-lightblue-base, .btn-check:active + .btn-lightblue-base, .btn-lightblue-base:active, .btn-lightblue-base.active, .show > .btn-lightblue-base.dropdown-toggle {
  color: #fff;
  background-color: #0e76c2;
  border-color: #0d6eb6;
}
.btn-check:checked + .btn-lightblue-base:focus, .btn-check:active + .btn-lightblue-base:focus, .btn-lightblue-base:active:focus, .btn-lightblue-base.active:focus, .show > .btn-lightblue-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(53, 163, 244, 0.5);
}
.btn-lightblue-base:disabled, .btn-lightblue-base.disabled {
  color: #fff;
  background-color: #1193F2;
  border-color: #1193F2;
}
.btn-lightblue-base:hover {
  background-color: #0f81d5;
}

.btn-lightblue-dark07 {
  color: #fff;
  background-color: #1281D1;
  border-color: #1281D1;
}
.btn-lightblue-dark07:hover {
  color: #fff;
  background-color: #0f6eb2;
  border-color: #0e67a7;
}
.btn-check:focus + .btn-lightblue-dark07, .btn-lightblue-dark07:focus {
  color: #fff;
  background-color: #0f6eb2;
  border-color: #0e67a7;
  box-shadow: 0 0 0 0.25rem rgba(54, 148, 216, 0.5);
}
.btn-check:checked + .btn-lightblue-dark07, .btn-check:active + .btn-lightblue-dark07, .btn-lightblue-dark07:active, .btn-lightblue-dark07.active, .show > .btn-lightblue-dark07.dropdown-toggle {
  color: #fff;
  background-color: #0e67a7;
  border-color: #0e619d;
}
.btn-check:checked + .btn-lightblue-dark07:focus, .btn-check:active + .btn-lightblue-dark07:focus, .btn-lightblue-dark07:active:focus, .btn-lightblue-dark07.active:focus, .show > .btn-lightblue-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(54, 148, 216, 0.5);
}
.btn-lightblue-dark07:disabled, .btn-lightblue-dark07.disabled {
  color: #fff;
  background-color: #1281D1;
  border-color: #1281D1;
}
.btn-lightblue-dark07:hover {
  background-color: #1072b8;
}

.btn-lightblue-dark06 {
  color: #fff;
  background-color: #136EB1;
  border-color: #136EB1;
}
.btn-lightblue-dark06:hover {
  color: #fff;
  background-color: #105e96;
  border-color: #0f588e;
}
.btn-check:focus + .btn-lightblue-dark06, .btn-lightblue-dark06:focus {
  color: #fff;
  background-color: #105e96;
  border-color: #0f588e;
  box-shadow: 0 0 0 0.25rem rgba(54, 132, 189, 0.5);
}
.btn-check:checked + .btn-lightblue-dark06, .btn-check:active + .btn-lightblue-dark06, .btn-lightblue-dark06:active, .btn-lightblue-dark06.active, .show > .btn-lightblue-dark06.dropdown-toggle {
  color: #fff;
  background-color: #0f588e;
  border-color: #0e5385;
}
.btn-check:checked + .btn-lightblue-dark06:focus, .btn-check:active + .btn-lightblue-dark06:focus, .btn-lightblue-dark06:active:focus, .btn-lightblue-dark06.active:focus, .show > .btn-lightblue-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(54, 132, 189, 0.5);
}
.btn-lightblue-dark06:disabled, .btn-lightblue-dark06.disabled {
  color: #fff;
  background-color: #136EB1;
  border-color: #136EB1;
}
.btn-lightblue-dark06:hover {
  background-color: #11619c;
}

.btn-lightblue-dark05 {
  color: #fff;
  background-color: #145C90;
  border-color: #145C90;
}
.btn-lightblue-dark05:hover {
  color: #fff;
  background-color: #114e7a;
  border-color: #104a73;
}
.btn-check:focus + .btn-lightblue-dark05, .btn-lightblue-dark05:focus {
  color: #fff;
  background-color: #114e7a;
  border-color: #104a73;
  box-shadow: 0 0 0 0.25rem rgba(55, 116, 161, 0.5);
}
.btn-check:checked + .btn-lightblue-dark05, .btn-check:active + .btn-lightblue-dark05, .btn-lightblue-dark05:active, .btn-lightblue-dark05.active, .show > .btn-lightblue-dark05.dropdown-toggle {
  color: #fff;
  background-color: #104a73;
  border-color: #0f456c;
}
.btn-check:checked + .btn-lightblue-dark05:focus, .btn-check:active + .btn-lightblue-dark05:focus, .btn-lightblue-dark05:active:focus, .btn-lightblue-dark05.active:focus, .show > .btn-lightblue-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(55, 116, 161, 0.5);
}
.btn-lightblue-dark05:disabled, .btn-lightblue-dark05.disabled {
  color: #fff;
  background-color: #145C90;
  border-color: #145C90;
}
.btn-lightblue-dark05:hover {
  background-color: #12517f;
}

.btn-lightblue-dark04 {
  color: #fff;
  background-color: #15496F;
  border-color: #15496F;
}
.btn-lightblue-dark04:hover {
  color: #fff;
  background-color: #123e5e;
  border-color: #113a59;
}
.btn-check:focus + .btn-lightblue-dark04, .btn-lightblue-dark04:focus {
  color: #fff;
  background-color: #123e5e;
  border-color: #113a59;
  box-shadow: 0 0 0 0.25rem rgba(56, 100, 133, 0.5);
}
.btn-check:checked + .btn-lightblue-dark04, .btn-check:active + .btn-lightblue-dark04, .btn-lightblue-dark04:active, .btn-lightblue-dark04.active, .show > .btn-lightblue-dark04.dropdown-toggle {
  color: #fff;
  background-color: #113a59;
  border-color: #103753;
}
.btn-check:checked + .btn-lightblue-dark04:focus, .btn-check:active + .btn-lightblue-dark04:focus, .btn-lightblue-dark04:active:focus, .btn-lightblue-dark04.active:focus, .show > .btn-lightblue-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 100, 133, 0.5);
}
.btn-lightblue-dark04:disabled, .btn-lightblue-dark04.disabled {
  color: #fff;
  background-color: #15496F;
  border-color: #15496F;
}
.btn-lightblue-dark04:hover {
  background-color: #124062;
}

.btn-lightblue-dark03 {
  color: #fff;
  background-color: #16374E;
  border-color: #16374E;
}
.btn-lightblue-dark03:hover {
  color: #fff;
  background-color: #132f42;
  border-color: #122c3e;
}
.btn-check:focus + .btn-lightblue-dark03, .btn-lightblue-dark03:focus {
  color: #fff;
  background-color: #132f42;
  border-color: #122c3e;
  box-shadow: 0 0 0 0.25rem rgba(57, 85, 105, 0.5);
}
.btn-check:checked + .btn-lightblue-dark03, .btn-check:active + .btn-lightblue-dark03, .btn-lightblue-dark03:active, .btn-lightblue-dark03.active, .show > .btn-lightblue-dark03.dropdown-toggle {
  color: #fff;
  background-color: #122c3e;
  border-color: #11293b;
}
.btn-check:checked + .btn-lightblue-dark03:focus, .btn-check:active + .btn-lightblue-dark03:focus, .btn-lightblue-dark03:active:focus, .btn-lightblue-dark03.active:focus, .show > .btn-lightblue-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 85, 105, 0.5);
}
.btn-lightblue-dark03:disabled, .btn-lightblue-dark03.disabled {
  color: #fff;
  background-color: #16374E;
  border-color: #16374E;
}
.btn-lightblue-dark03:hover {
  background-color: #133045;
}

.btn-lightblue-dark02 {
  color: #fff;
  background-color: #172A39;
  border-color: #172A39;
}
.btn-lightblue-dark02:hover {
  color: #fff;
  background-color: #142430;
  border-color: #12222e;
}
.btn-check:focus + .btn-lightblue-dark02, .btn-lightblue-dark02:focus {
  color: #fff;
  background-color: #142430;
  border-color: #12222e;
  box-shadow: 0 0 0 0.25rem rgba(58, 74, 87, 0.5);
}
.btn-check:checked + .btn-lightblue-dark02, .btn-check:active + .btn-lightblue-dark02, .btn-lightblue-dark02:active, .btn-lightblue-dark02.active, .show > .btn-lightblue-dark02.dropdown-toggle {
  color: #fff;
  background-color: #12222e;
  border-color: #11202b;
}
.btn-check:checked + .btn-lightblue-dark02:focus, .btn-check:active + .btn-lightblue-dark02:focus, .btn-lightblue-dark02:active:focus, .btn-lightblue-dark02.active:focus, .show > .btn-lightblue-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 74, 87, 0.5);
}
.btn-lightblue-dark02:disabled, .btn-lightblue-dark02.disabled {
  color: #fff;
  background-color: #172A39;
  border-color: #172A39;
}
.btn-lightblue-dark02:hover {
  background-color: #142532;
}

.btn-lightblue-dark01 {
  color: #fff;
  background-color: #181E23;
  border-color: #181E23;
}
.btn-lightblue-dark01:hover {
  color: #fff;
  background-color: #141a1e;
  border-color: #13181c;
}
.btn-check:focus + .btn-lightblue-dark01, .btn-lightblue-dark01:focus {
  color: #fff;
  background-color: #141a1e;
  border-color: #13181c;
  box-shadow: 0 0 0 0.25rem rgba(59, 64, 68, 0.5);
}
.btn-check:checked + .btn-lightblue-dark01, .btn-check:active + .btn-lightblue-dark01, .btn-lightblue-dark01:active, .btn-lightblue-dark01.active, .show > .btn-lightblue-dark01.dropdown-toggle {
  color: #fff;
  background-color: #13181c;
  border-color: #12171a;
}
.btn-check:checked + .btn-lightblue-dark01:focus, .btn-check:active + .btn-lightblue-dark01:focus, .btn-lightblue-dark01:active:focus, .btn-lightblue-dark01.active:focus, .show > .btn-lightblue-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(59, 64, 68, 0.5);
}
.btn-lightblue-dark01:disabled, .btn-lightblue-dark01.disabled {
  color: #fff;
  background-color: #181E23;
  border-color: #181E23;
}
.btn-lightblue-dark01:hover {
  background-color: #151a1f;
}

.btn-blue-light01 {
  color: #181818;
  background-color: #F5F8FF;
  border-color: #F5F8FF;
}
.btn-blue-light01:hover {
  color: #181818;
  background-color: #f7f9ff;
  border-color: #f6f9ff;
}
.btn-check:focus + .btn-blue-light01, .btn-blue-light01:focus {
  color: #181818;
  background-color: #f7f9ff;
  border-color: #f6f9ff;
  box-shadow: 0 0 0 0.25rem rgba(212, 214, 220, 0.5);
}
.btn-check:checked + .btn-blue-light01, .btn-check:active + .btn-blue-light01, .btn-blue-light01:active, .btn-blue-light01.active, .show > .btn-blue-light01.dropdown-toggle {
  color: #181818;
  background-color: #f7f9ff;
  border-color: #f6f9ff;
}
.btn-check:checked + .btn-blue-light01:focus, .btn-check:active + .btn-blue-light01:focus, .btn-blue-light01:active:focus, .btn-blue-light01.active:focus, .show > .btn-blue-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(212, 214, 220, 0.5);
}
.btn-blue-light01:disabled, .btn-blue-light01.disabled {
  color: #181818;
  background-color: #F5F8FF;
  border-color: #F5F8FF;
}
.btn-blue-light01:hover {
  background-color: #d8dae0;
}

.btn-blue-light02 {
  color: #181818;
  background-color: #EBF2FF;
  border-color: #EBF2FF;
}
.btn-blue-light02:hover {
  color: #181818;
  background-color: #eef4ff;
  border-color: #edf3ff;
}
.btn-check:focus + .btn-blue-light02, .btn-blue-light02:focus {
  color: #181818;
  background-color: #eef4ff;
  border-color: #edf3ff;
  box-shadow: 0 0 0 0.25rem rgba(203, 209, 220, 0.5);
}
.btn-check:checked + .btn-blue-light02, .btn-check:active + .btn-blue-light02, .btn-blue-light02:active, .btn-blue-light02.active, .show > .btn-blue-light02.dropdown-toggle {
  color: #181818;
  background-color: #eff5ff;
  border-color: #edf3ff;
}
.btn-check:checked + .btn-blue-light02:focus, .btn-check:active + .btn-blue-light02:focus, .btn-blue-light02:active:focus, .btn-blue-light02.active:focus, .show > .btn-blue-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(203, 209, 220, 0.5);
}
.btn-blue-light02:disabled, .btn-blue-light02.disabled {
  color: #181818;
  background-color: #EBF2FF;
  border-color: #EBF2FF;
}
.btn-blue-light02:hover {
  background-color: #cfd5e0;
}

.btn-blue-light03 {
  color: #181818;
  background-color: #CCDDFF;
  border-color: #CCDDFF;
}
.btn-blue-light03:hover {
  color: #181818;
  background-color: #d4e2ff;
  border-color: #d1e0ff;
}
.btn-check:focus + .btn-blue-light03, .btn-blue-light03:focus {
  color: #181818;
  background-color: #d4e2ff;
  border-color: #d1e0ff;
  box-shadow: 0 0 0 0.25rem rgba(177, 191, 220, 0.5);
}
.btn-check:checked + .btn-blue-light03, .btn-check:active + .btn-blue-light03, .btn-blue-light03:active, .btn-blue-light03.active, .show > .btn-blue-light03.dropdown-toggle {
  color: #181818;
  background-color: #d6e4ff;
  border-color: #d1e0ff;
}
.btn-check:checked + .btn-blue-light03:focus, .btn-check:active + .btn-blue-light03:focus, .btn-blue-light03:active:focus, .btn-blue-light03.active:focus, .show > .btn-blue-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(177, 191, 220, 0.5);
}
.btn-blue-light03:disabled, .btn-blue-light03.disabled {
  color: #181818;
  background-color: #CCDDFF;
  border-color: #CCDDFF;
}
.btn-blue-light03:hover {
  background-color: #b4c2e0;
}

.btn-blue-light04 {
  color: #181818;
  background-color: #99BCFF;
  border-color: #99BCFF;
}
.btn-blue-light04:hover {
  color: #181818;
  background-color: #a8c6ff;
  border-color: #a3c3ff;
}
.btn-check:focus + .btn-blue-light04, .btn-blue-light04:focus {
  color: #181818;
  background-color: #a8c6ff;
  border-color: #a3c3ff;
  box-shadow: 0 0 0 0.25rem rgba(134, 163, 220, 0.5);
}
.btn-check:checked + .btn-blue-light04, .btn-check:active + .btn-blue-light04, .btn-blue-light04:active, .btn-blue-light04.active, .show > .btn-blue-light04.dropdown-toggle {
  color: #181818;
  background-color: #adc9ff;
  border-color: #a3c3ff;
}
.btn-check:checked + .btn-blue-light04:focus, .btn-check:active + .btn-blue-light04:focus, .btn-blue-light04:active:focus, .btn-blue-light04.active:focus, .show > .btn-blue-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(134, 163, 220, 0.5);
}
.btn-blue-light04:disabled, .btn-blue-light04.disabled {
  color: #181818;
  background-color: #99BCFF;
  border-color: #99BCFF;
}
.btn-blue-light04:hover {
  background-color: #87a5e0;
}

.btn-blue-light05 {
  color: #181818;
  background-color: #7BA8FF;
  border-color: #7BA8FF;
}
.btn-blue-light05:hover {
  color: #181818;
  background-color: #8fb5ff;
  border-color: #88b1ff;
}
.btn-check:focus + .btn-blue-light05, .btn-blue-light05:focus {
  color: #181818;
  background-color: #8fb5ff;
  border-color: #88b1ff;
  box-shadow: 0 0 0 0.25rem rgba(108, 146, 220, 0.5);
}
.btn-check:checked + .btn-blue-light05, .btn-check:active + .btn-blue-light05, .btn-blue-light05:active, .btn-blue-light05.active, .show > .btn-blue-light05.dropdown-toggle {
  color: #181818;
  background-color: #95b9ff;
  border-color: #88b1ff;
}
.btn-check:checked + .btn-blue-light05:focus, .btn-check:active + .btn-blue-light05:focus, .btn-blue-light05:active:focus, .btn-blue-light05.active:focus, .show > .btn-blue-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 146, 220, 0.5);
}
.btn-blue-light05:disabled, .btn-blue-light05.disabled {
  color: #181818;
  background-color: #7BA8FF;
  border-color: #7BA8FF;
}
.btn-blue-light05:hover {
  background-color: #6c94e0;
}

.btn-blue-light06 {
  color: #fff;
  background-color: #5D94FF;
  border-color: #5D94FF;
}
.btn-blue-light06:hover {
  color: #fff;
  background-color: #4f7ed9;
  border-color: #4a76cc;
}
.btn-check:focus + .btn-blue-light06, .btn-blue-light06:focus {
  color: #fff;
  background-color: #4f7ed9;
  border-color: #4a76cc;
  box-shadow: 0 0 0 0.25rem rgba(117, 164, 255, 0.5);
}
.btn-check:checked + .btn-blue-light06, .btn-check:active + .btn-blue-light06, .btn-blue-light06:active, .btn-blue-light06.active, .show > .btn-blue-light06.dropdown-toggle {
  color: #fff;
  background-color: #4a76cc;
  border-color: #466fbf;
}
.btn-check:checked + .btn-blue-light06:focus, .btn-check:active + .btn-blue-light06:focus, .btn-blue-light06:active:focus, .btn-blue-light06.active:focus, .show > .btn-blue-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(117, 164, 255, 0.5);
}
.btn-blue-light06:disabled, .btn-blue-light06.disabled {
  color: #fff;
  background-color: #5D94FF;
  border-color: #5D94FF;
}
.btn-blue-light06:hover {
  background-color: #5282e0;
}

.btn-blue-light07 {
  color: #fff;
  background-color: #4886FF;
  border-color: #4886FF;
}
.btn-blue-light07:hover {
  color: #fff;
  background-color: #3d72d9;
  border-color: #3a6bcc;
}
.btn-check:focus + .btn-blue-light07, .btn-blue-light07:focus {
  color: #fff;
  background-color: #3d72d9;
  border-color: #3a6bcc;
  box-shadow: 0 0 0 0.25rem rgba(99, 152, 255, 0.5);
}
.btn-check:checked + .btn-blue-light07, .btn-check:active + .btn-blue-light07, .btn-blue-light07:active, .btn-blue-light07.active, .show > .btn-blue-light07.dropdown-toggle {
  color: #fff;
  background-color: #3a6bcc;
  border-color: #3665bf;
}
.btn-check:checked + .btn-blue-light07:focus, .btn-check:active + .btn-blue-light07:focus, .btn-blue-light07:active:focus, .btn-blue-light07.active:focus, .show > .btn-blue-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(99, 152, 255, 0.5);
}
.btn-blue-light07:disabled, .btn-blue-light07.disabled {
  color: #fff;
  background-color: #4886FF;
  border-color: #4886FF;
}
.btn-blue-light07:hover {
  background-color: #3f76e0;
}

.btn-blue-base {
  color: #fff;
  background-color: #3479FF;
  border-color: #3479FF;
}
.btn-blue-base:hover {
  color: #fff;
  background-color: #2c67d9;
  border-color: #2a61cc;
}
.btn-check:focus + .btn-blue-base, .btn-blue-base:focus {
  color: #fff;
  background-color: #2c67d9;
  border-color: #2a61cc;
  box-shadow: 0 0 0 0.25rem rgba(82, 141, 255, 0.5);
}
.btn-check:checked + .btn-blue-base, .btn-check:active + .btn-blue-base, .btn-blue-base:active, .btn-blue-base.active, .show > .btn-blue-base.dropdown-toggle {
  color: #fff;
  background-color: #2a61cc;
  border-color: #275bbf;
}
.btn-check:checked + .btn-blue-base:focus, .btn-check:active + .btn-blue-base:focus, .btn-blue-base:active:focus, .btn-blue-base.active:focus, .show > .btn-blue-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(82, 141, 255, 0.5);
}
.btn-blue-base:disabled, .btn-blue-base.disabled {
  color: #fff;
  background-color: #3479FF;
  border-color: #3479FF;
}
.btn-blue-base:hover {
  background-color: #2e6ae0;
}

.btn-blue-dark07 {
  color: #fff;
  background-color: #2E66D1;
  border-color: #2E66D1;
}
.btn-blue-dark07:hover {
  color: #fff;
  background-color: #2757b2;
  border-color: #2552a7;
}
.btn-check:focus + .btn-blue-dark07, .btn-blue-dark07:focus {
  color: #fff;
  background-color: #2757b2;
  border-color: #2552a7;
  box-shadow: 0 0 0 0.25rem rgba(77, 125, 216, 0.5);
}
.btn-check:checked + .btn-blue-dark07, .btn-check:active + .btn-blue-dark07, .btn-blue-dark07:active, .btn-blue-dark07.active, .show > .btn-blue-dark07.dropdown-toggle {
  color: #fff;
  background-color: #2552a7;
  border-color: #234d9d;
}
.btn-check:checked + .btn-blue-dark07:focus, .btn-check:active + .btn-blue-dark07:focus, .btn-blue-dark07:active:focus, .btn-blue-dark07.active:focus, .show > .btn-blue-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 125, 216, 0.5);
}
.btn-blue-dark07:disabled, .btn-blue-dark07.disabled {
  color: #fff;
  background-color: #2E66D1;
  border-color: #2E66D1;
}
.btn-blue-dark07:hover {
  background-color: #285ab8;
}

.btn-blue-dark06 {
  color: #fff;
  background-color: #2952A3;
  border-color: #2952A3;
}
.btn-blue-dark06:hover {
  color: #fff;
  background-color: #23468b;
  border-color: #214282;
}
.btn-check:focus + .btn-blue-dark06, .btn-blue-dark06:focus {
  color: #fff;
  background-color: #23468b;
  border-color: #214282;
  box-shadow: 0 0 0 0.25rem rgba(73, 108, 177, 0.5);
}
.btn-check:checked + .btn-blue-dark06, .btn-check:active + .btn-blue-dark06, .btn-blue-dark06:active, .btn-blue-dark06.active, .show > .btn-blue-dark06.dropdown-toggle {
  color: #fff;
  background-color: #214282;
  border-color: #1f3e7a;
}
.btn-check:checked + .btn-blue-dark06:focus, .btn-check:active + .btn-blue-dark06:focus, .btn-blue-dark06:active:focus, .btn-blue-dark06.active:focus, .show > .btn-blue-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(73, 108, 177, 0.5);
}
.btn-blue-dark06:disabled, .btn-blue-dark06.disabled {
  color: #fff;
  background-color: #2952A3;
  border-color: #2952A3;
}
.btn-blue-dark06:hover {
  background-color: #24488f;
}

.btn-blue-dark05 {
  color: #fff;
  background-color: #26488B;
  border-color: #26488B;
}
.btn-blue-dark05:hover {
  color: #fff;
  background-color: #203d76;
  border-color: #1e3a6f;
}
.btn-check:focus + .btn-blue-dark05, .btn-blue-dark05:focus {
  color: #fff;
  background-color: #203d76;
  border-color: #1e3a6f;
  box-shadow: 0 0 0 0.25rem rgba(71, 99, 156, 0.5);
}
.btn-check:checked + .btn-blue-dark05, .btn-check:active + .btn-blue-dark05, .btn-blue-dark05:active, .btn-blue-dark05.active, .show > .btn-blue-dark05.dropdown-toggle {
  color: #fff;
  background-color: #1e3a6f;
  border-color: #1d3668;
}
.btn-check:checked + .btn-blue-dark05:focus, .btn-check:active + .btn-blue-dark05:focus, .btn-blue-dark05:active:focus, .btn-blue-dark05.active:focus, .show > .btn-blue-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(71, 99, 156, 0.5);
}
.btn-blue-dark05:disabled, .btn-blue-dark05.disabled {
  color: #fff;
  background-color: #26488B;
  border-color: #26488B;
}
.btn-blue-dark05:hover {
  background-color: #213f7a;
}

.btn-blue-dark04 {
  color: #fff;
  background-color: #233F74;
  border-color: #233F74;
}
.btn-blue-dark04:hover {
  color: #fff;
  background-color: #1e3663;
  border-color: #1c325d;
}
.btn-check:focus + .btn-blue-dark04, .btn-blue-dark04:focus {
  color: #fff;
  background-color: #1e3663;
  border-color: #1c325d;
  box-shadow: 0 0 0 0.25rem rgba(68, 92, 137, 0.5);
}
.btn-check:checked + .btn-blue-dark04, .btn-check:active + .btn-blue-dark04, .btn-blue-dark04:active, .btn-blue-dark04.active, .show > .btn-blue-dark04.dropdown-toggle {
  color: #fff;
  background-color: #1c325d;
  border-color: #1a2f57;
}
.btn-check:checked + .btn-blue-dark04:focus, .btn-check:active + .btn-blue-dark04:focus, .btn-blue-dark04:active:focus, .btn-blue-dark04.active:focus, .show > .btn-blue-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 92, 137, 0.5);
}
.btn-blue-dark04:disabled, .btn-blue-dark04.disabled {
  color: #fff;
  background-color: #233F74;
  border-color: #233F74;
}
.btn-blue-dark04:hover {
  background-color: #1f3766;
}

.btn-blue-dark03 {
  color: #fff;
  background-color: #20355D;
  border-color: #20355D;
}
.btn-blue-dark03:hover {
  color: #fff;
  background-color: #1b2d4f;
  border-color: #1a2a4a;
}
.btn-check:focus + .btn-blue-dark03, .btn-blue-dark03:focus {
  color: #fff;
  background-color: #1b2d4f;
  border-color: #1a2a4a;
  box-shadow: 0 0 0 0.25rem rgba(65, 83, 117, 0.5);
}
.btn-check:checked + .btn-blue-dark03, .btn-check:active + .btn-blue-dark03, .btn-blue-dark03:active, .btn-blue-dark03.active, .show > .btn-blue-dark03.dropdown-toggle {
  color: #fff;
  background-color: #1a2a4a;
  border-color: #182846;
}
.btn-check:checked + .btn-blue-dark03:focus, .btn-check:active + .btn-blue-dark03:focus, .btn-blue-dark03:active:focus, .btn-blue-dark03.active:focus, .show > .btn-blue-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 83, 117, 0.5);
}
.btn-blue-dark03:disabled, .btn-blue-dark03.disabled {
  color: #fff;
  background-color: #20355D;
  border-color: #20355D;
}
.btn-blue-dark03:hover {
  background-color: #1c2f52;
}

.btn-blue-dark02 {
  color: #fff;
  background-color: #1E2B46;
  border-color: #1E2B46;
}
.btn-blue-dark02:hover {
  color: #fff;
  background-color: #1a253c;
  border-color: #182238;
}
.btn-check:focus + .btn-blue-dark02, .btn-blue-dark02:focus {
  color: #fff;
  background-color: #1a253c;
  border-color: #182238;
  box-shadow: 0 0 0 0.25rem rgba(64, 75, 98, 0.5);
}
.btn-check:checked + .btn-blue-dark02, .btn-check:active + .btn-blue-dark02, .btn-blue-dark02:active, .btn-blue-dark02.active, .show > .btn-blue-dark02.dropdown-toggle {
  color: #fff;
  background-color: #182238;
  border-color: #172035;
}
.btn-check:checked + .btn-blue-dark02:focus, .btn-check:active + .btn-blue-dark02:focus, .btn-blue-dark02:active:focus, .btn-blue-dark02.active:focus, .show > .btn-blue-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(64, 75, 98, 0.5);
}
.btn-blue-dark02:disabled, .btn-blue-dark02.disabled {
  color: #fff;
  background-color: #1E2B46;
  border-color: #1E2B46;
}
.btn-blue-dark02:hover {
  background-color: #1a263e;
}

.btn-blue-dark01 {
  color: #fff;
  background-color: #1B222F;
  border-color: #1B222F;
}
.btn-blue-dark01:hover {
  color: #fff;
  background-color: #171d28;
  border-color: #161b26;
}
.btn-check:focus + .btn-blue-dark01, .btn-blue-dark01:focus {
  color: #fff;
  background-color: #171d28;
  border-color: #161b26;
  box-shadow: 0 0 0 0.25rem rgba(61, 67, 78, 0.5);
}
.btn-check:checked + .btn-blue-dark01, .btn-check:active + .btn-blue-dark01, .btn-blue-dark01:active, .btn-blue-dark01.active, .show > .btn-blue-dark01.dropdown-toggle {
  color: #fff;
  background-color: #161b26;
  border-color: #141a23;
}
.btn-check:checked + .btn-blue-dark01:focus, .btn-check:active + .btn-blue-dark01:focus, .btn-blue-dark01:active:focus, .btn-blue-dark01.active:focus, .show > .btn-blue-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 67, 78, 0.5);
}
.btn-blue-dark01:disabled, .btn-blue-dark01.disabled {
  color: #fff;
  background-color: #1B222F;
  border-color: #1B222F;
}
.btn-blue-dark01:hover {
  background-color: #181e29;
}

.btn-purple-light01 {
  color: #181818;
  background-color: #F6F3FE;
  border-color: #F6F3FE;
}
.btn-purple-light01:hover {
  color: #181818;
  background-color: #f7f5fe;
  border-color: #f7f4fe;
}
.btn-check:focus + .btn-purple-light01, .btn-purple-light01:focus {
  color: #181818;
  background-color: #f7f5fe;
  border-color: #f7f4fe;
  box-shadow: 0 0 0 0.25rem rgba(213, 210, 220, 0.5);
}
.btn-check:checked + .btn-purple-light01, .btn-check:active + .btn-purple-light01, .btn-purple-light01:active, .btn-purple-light01.active, .show > .btn-purple-light01.dropdown-toggle {
  color: #181818;
  background-color: #f8f5fe;
  border-color: #f7f4fe;
}
.btn-check:checked + .btn-purple-light01:focus, .btn-check:active + .btn-purple-light01:focus, .btn-purple-light01:active:focus, .btn-purple-light01.active:focus, .show > .btn-purple-light01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 210, 220, 0.5);
}
.btn-purple-light01:disabled, .btn-purple-light01.disabled {
  color: #181818;
  background-color: #F6F3FE;
  border-color: #F6F3FE;
}
.btn-purple-light01:hover {
  background-color: #d8d6e0;
}

.btn-purple-light02 {
  color: #181818;
  background-color: #E9E2FC;
  border-color: #E9E2FC;
}
.btn-purple-light02:hover {
  color: #181818;
  background-color: #ece6fc;
  border-color: #ebe5fc;
}
.btn-check:focus + .btn-purple-light02, .btn-purple-light02:focus {
  color: #181818;
  background-color: #ece6fc;
  border-color: #ebe5fc;
  box-shadow: 0 0 0 0.25rem rgba(202, 196, 218, 0.5);
}
.btn-check:checked + .btn-purple-light02, .btn-check:active + .btn-purple-light02, .btn-purple-light02:active, .btn-purple-light02.active, .show > .btn-purple-light02.dropdown-toggle {
  color: #181818;
  background-color: #ede8fd;
  border-color: #ebe5fc;
}
.btn-check:checked + .btn-purple-light02:focus, .btn-check:active + .btn-purple-light02:focus, .btn-purple-light02:active:focus, .btn-purple-light02.active:focus, .show > .btn-purple-light02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(202, 196, 218, 0.5);
}
.btn-purple-light02:disabled, .btn-purple-light02.disabled {
  color: #181818;
  background-color: #E9E2FC;
  border-color: #E9E2FC;
}
.btn-purple-light02:hover {
  background-color: #cdc7de;
}

.btn-purple-light03 {
  color: #181818;
  background-color: #DACEFB;
  border-color: #DACEFB;
}
.btn-purple-light03:hover {
  color: #181818;
  background-color: #e0d5fc;
  border-color: #ded3fb;
}
.btn-check:focus + .btn-purple-light03, .btn-purple-light03:focus {
  color: #181818;
  background-color: #e0d5fc;
  border-color: #ded3fb;
  box-shadow: 0 0 0 0.25rem rgba(189, 179, 217, 0.5);
}
.btn-check:checked + .btn-purple-light03, .btn-check:active + .btn-purple-light03, .btn-purple-light03:active, .btn-purple-light03.active, .show > .btn-purple-light03.dropdown-toggle {
  color: #181818;
  background-color: #e1d8fc;
  border-color: #ded3fb;
}
.btn-check:checked + .btn-purple-light03:focus, .btn-check:active + .btn-purple-light03:focus, .btn-purple-light03:active:focus, .btn-purple-light03.active:focus, .show > .btn-purple-light03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(189, 179, 217, 0.5);
}
.btn-purple-light03:disabled, .btn-purple-light03.disabled {
  color: #181818;
  background-color: #DACEFB;
  border-color: #DACEFB;
}
.btn-purple-light03:hover {
  background-color: #c0b5dd;
}

.btn-purple-light04 {
  color: #181818;
  background-color: #CBBBF9;
  border-color: #CBBBF9;
}
.btn-purple-light04:hover {
  color: #181818;
  background-color: #d3c5fa;
  border-color: #d0c2fa;
}
.btn-check:focus + .btn-purple-light04, .btn-purple-light04:focus {
  color: #181818;
  background-color: #d3c5fa;
  border-color: #d0c2fa;
  box-shadow: 0 0 0 0.25rem rgba(176, 163, 215, 0.5);
}
.btn-check:checked + .btn-purple-light04, .btn-check:active + .btn-purple-light04, .btn-purple-light04:active, .btn-purple-light04.active, .show > .btn-purple-light04.dropdown-toggle {
  color: #181818;
  background-color: #d5c9fa;
  border-color: #d0c2fa;
}
.btn-check:checked + .btn-purple-light04:focus, .btn-check:active + .btn-purple-light04:focus, .btn-purple-light04:active:focus, .btn-purple-light04.active:focus, .show > .btn-purple-light04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(176, 163, 215, 0.5);
}
.btn-purple-light04:disabled, .btn-purple-light04.disabled {
  color: #181818;
  background-color: #CBBBF9;
  border-color: #CBBBF9;
}
.btn-purple-light04:hover {
  background-color: #b3a5db;
}

.btn-purple-light05 {
  color: #fff;
  background-color: #AE94F6;
  border-color: #AE94F6;
}
.btn-purple-light05:hover {
  color: #fff;
  background-color: #947ed1;
  border-color: #8b76c5;
}
.btn-check:focus + .btn-purple-light05, .btn-purple-light05:focus {
  color: #fff;
  background-color: #947ed1;
  border-color: #8b76c5;
  box-shadow: 0 0 0 0.25rem rgba(186, 164, 247, 0.5);
}
.btn-check:checked + .btn-purple-light05, .btn-check:active + .btn-purple-light05, .btn-purple-light05:active, .btn-purple-light05.active, .show > .btn-purple-light05.dropdown-toggle {
  color: #fff;
  background-color: #8b76c5;
  border-color: #836fb9;
}
.btn-check:checked + .btn-purple-light05:focus, .btn-check:active + .btn-purple-light05:focus, .btn-purple-light05:active:focus, .btn-purple-light05.active:focus, .show > .btn-purple-light05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(186, 164, 247, 0.5);
}
.btn-purple-light05:disabled, .btn-purple-light05.disabled {
  color: #fff;
  background-color: #AE94F6;
  border-color: #AE94F6;
}
.btn-purple-light05:hover {
  background-color: #9982d8;
}

.btn-purple-light06 {
  color: #fff;
  background-color: #9F81F4;
  border-color: #9F81F4;
}
.btn-purple-light06:hover {
  color: #fff;
  background-color: #876ecf;
  border-color: #7f67c3;
}
.btn-check:focus + .btn-purple-light06, .btn-purple-light06:focus {
  color: #fff;
  background-color: #876ecf;
  border-color: #7f67c3;
  box-shadow: 0 0 0 0.25rem rgba(173, 148, 246, 0.5);
}
.btn-check:checked + .btn-purple-light06, .btn-check:active + .btn-purple-light06, .btn-purple-light06:active, .btn-purple-light06.active, .show > .btn-purple-light06.dropdown-toggle {
  color: #fff;
  background-color: #7f67c3;
  border-color: #7761b7;
}
.btn-check:checked + .btn-purple-light06:focus, .btn-check:active + .btn-purple-light06:focus, .btn-purple-light06:active:focus, .btn-purple-light06.active:focus, .show > .btn-purple-light06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(173, 148, 246, 0.5);
}
.btn-purple-light06:disabled, .btn-purple-light06.disabled {
  color: #fff;
  background-color: #9F81F4;
  border-color: #9F81F4;
}
.btn-purple-light06:hover {
  background-color: #8c72d7;
}

.btn-purple-light07 {
  color: #fff;
  background-color: #8964F1;
  border-color: #8964F1;
}
.btn-purple-light07:hover {
  color: #fff;
  background-color: #7455cd;
  border-color: #6e50c1;
}
.btn-check:focus + .btn-purple-light07, .btn-purple-light07:focus {
  color: #fff;
  background-color: #7455cd;
  border-color: #6e50c1;
  box-shadow: 0 0 0 0.25rem rgba(155, 123, 243, 0.5);
}
.btn-check:checked + .btn-purple-light07, .btn-check:active + .btn-purple-light07, .btn-purple-light07:active, .btn-purple-light07.active, .show > .btn-purple-light07.dropdown-toggle {
  color: #fff;
  background-color: #6e50c1;
  border-color: #674bb5;
}
.btn-check:checked + .btn-purple-light07:focus, .btn-check:active + .btn-purple-light07:focus, .btn-purple-light07:active:focus, .btn-purple-light07.active:focus, .show > .btn-purple-light07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(155, 123, 243, 0.5);
}
.btn-purple-light07:disabled, .btn-purple-light07.disabled {
  color: #fff;
  background-color: #8964F1;
  border-color: #8964F1;
}
.btn-purple-light07:hover {
  background-color: #7958d4;
}

.btn-purple-base {
  color: #fff;
  background-color: #6B3DEE;
  border-color: #6B3DEE;
}
.btn-purple-base:hover {
  color: #fff;
  background-color: #5b34ca;
  border-color: #5631be;
}
.btn-check:focus + .btn-purple-base, .btn-purple-base:focus {
  color: #fff;
  background-color: #5b34ca;
  border-color: #5631be;
  box-shadow: 0 0 0 0.25rem rgba(129, 90, 241, 0.5);
}
.btn-check:checked + .btn-purple-base, .btn-check:active + .btn-purple-base, .btn-purple-base:active, .btn-purple-base.active, .show > .btn-purple-base.dropdown-toggle {
  color: #fff;
  background-color: #5631be;
  border-color: #502eb3;
}
.btn-check:checked + .btn-purple-base:focus, .btn-check:active + .btn-purple-base:focus, .btn-purple-base:active:focus, .btn-purple-base.active:focus, .show > .btn-purple-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(129, 90, 241, 0.5);
}
.btn-purple-base:disabled, .btn-purple-base.disabled {
  color: #fff;
  background-color: #6B3DEE;
  border-color: #6B3DEE;
}
.btn-purple-base:hover {
  background-color: #5e36d1;
}

.btn-purple-dark07 {
  color: #fff;
  background-color: #5F37CE;
  border-color: #5F37CE;
}
.btn-purple-dark07:hover {
  color: #fff;
  background-color: #512faf;
  border-color: #4c2ca5;
}
.btn-check:focus + .btn-purple-dark07, .btn-purple-dark07:focus {
  color: #fff;
  background-color: #512faf;
  border-color: #4c2ca5;
  box-shadow: 0 0 0 0.25rem rgba(119, 85, 213, 0.5);
}
.btn-check:checked + .btn-purple-dark07, .btn-check:active + .btn-purple-dark07, .btn-purple-dark07:active, .btn-purple-dark07.active, .show > .btn-purple-dark07.dropdown-toggle {
  color: #fff;
  background-color: #4c2ca5;
  border-color: #47299b;
}
.btn-check:checked + .btn-purple-dark07:focus, .btn-check:active + .btn-purple-dark07:focus, .btn-purple-dark07:active:focus, .btn-purple-dark07.active:focus, .show > .btn-purple-dark07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(119, 85, 213, 0.5);
}
.btn-purple-dark07:disabled, .btn-purple-dark07.disabled {
  color: #fff;
  background-color: #5F37CE;
  border-color: #5F37CE;
}
.btn-purple-dark07:hover {
  background-color: #5430b5;
}

.btn-purple-dark06 {
  color: #fff;
  background-color: #5232AE;
  border-color: #5232AE;
}
.btn-purple-dark06:hover {
  color: #fff;
  background-color: #462b94;
  border-color: #42288b;
}
.btn-check:focus + .btn-purple-dark06, .btn-purple-dark06:focus {
  color: #fff;
  background-color: #462b94;
  border-color: #42288b;
  box-shadow: 0 0 0 0.25rem rgba(108, 81, 186, 0.5);
}
.btn-check:checked + .btn-purple-dark06, .btn-check:active + .btn-purple-dark06, .btn-purple-dark06:active, .btn-purple-dark06.active, .show > .btn-purple-dark06.dropdown-toggle {
  color: #fff;
  background-color: #42288b;
  border-color: #3e2683;
}
.btn-check:checked + .btn-purple-dark06:focus, .btn-check:active + .btn-purple-dark06:focus, .btn-purple-dark06:active:focus, .btn-purple-dark06.active:focus, .show > .btn-purple-dark06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 81, 186, 0.5);
}
.btn-purple-dark06:disabled, .btn-purple-dark06.disabled {
  color: #fff;
  background-color: #5232AE;
  border-color: #5232AE;
}
.btn-purple-dark06:hover {
  background-color: #482c99;
}

.btn-purple-dark05 {
  color: #fff;
  background-color: #462C8E;
  border-color: #462C8E;
}
.btn-purple-dark05:hover {
  color: #fff;
  background-color: #3c2579;
  border-color: #382372;
}
.btn-check:focus + .btn-purple-dark05, .btn-purple-dark05:focus {
  color: #fff;
  background-color: #3c2579;
  border-color: #382372;
  box-shadow: 0 0 0 0.25rem rgba(98, 76, 159, 0.5);
}
.btn-check:checked + .btn-purple-dark05, .btn-check:active + .btn-purple-dark05, .btn-purple-dark05:active, .btn-purple-dark05.active, .show > .btn-purple-dark05.dropdown-toggle {
  color: #fff;
  background-color: #382372;
  border-color: #35216b;
}
.btn-check:checked + .btn-purple-dark05:focus, .btn-check:active + .btn-purple-dark05:focus, .btn-purple-dark05:active:focus, .btn-purple-dark05.active:focus, .show > .btn-purple-dark05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(98, 76, 159, 0.5);
}
.btn-purple-dark05:disabled, .btn-purple-dark05.disabled {
  color: #fff;
  background-color: #462C8E;
  border-color: #462C8E;
}
.btn-purple-dark05:hover {
  background-color: #3e277d;
}

.btn-purple-dark04 {
  color: #fff;
  background-color: #39276E;
  border-color: #39276E;
}
.btn-purple-dark04:hover {
  color: #fff;
  background-color: #30215e;
  border-color: #2e1f58;
}
.btn-check:focus + .btn-purple-dark04, .btn-purple-dark04:focus {
  color: #fff;
  background-color: #30215e;
  border-color: #2e1f58;
  box-shadow: 0 0 0 0.25rem rgba(87, 71, 132, 0.5);
}
.btn-check:checked + .btn-purple-dark04, .btn-check:active + .btn-purple-dark04, .btn-purple-dark04:active, .btn-purple-dark04.active, .show > .btn-purple-dark04.dropdown-toggle {
  color: #fff;
  background-color: #2e1f58;
  border-color: #2b1d53;
}
.btn-check:checked + .btn-purple-dark04:focus, .btn-check:active + .btn-purple-dark04:focus, .btn-purple-dark04:active:focus, .btn-purple-dark04.active:focus, .show > .btn-purple-dark04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(87, 71, 132, 0.5);
}
.btn-purple-dark04:disabled, .btn-purple-dark04.disabled {
  color: #fff;
  background-color: #39276E;
  border-color: #39276E;
}
.btn-purple-dark04:hover {
  background-color: #322261;
}

.btn-purple-dark03 {
  color: #fff;
  background-color: #2D214D;
  border-color: #2D214D;
}
.btn-purple-dark03:hover {
  color: #fff;
  background-color: #261c41;
  border-color: #241a3e;
}
.btn-check:focus + .btn-purple-dark03, .btn-purple-dark03:focus {
  color: #fff;
  background-color: #261c41;
  border-color: #241a3e;
  box-shadow: 0 0 0 0.25rem rgba(77, 66, 104, 0.5);
}
.btn-check:checked + .btn-purple-dark03, .btn-check:active + .btn-purple-dark03, .btn-purple-dark03:active, .btn-purple-dark03.active, .show > .btn-purple-dark03.dropdown-toggle {
  color: #fff;
  background-color: #241a3e;
  border-color: #22193a;
}
.btn-check:checked + .btn-purple-dark03:focus, .btn-check:active + .btn-purple-dark03:focus, .btn-purple-dark03:active:focus, .btn-purple-dark03.active:focus, .show > .btn-purple-dark03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 66, 104, 0.5);
}
.btn-purple-dark03:disabled, .btn-purple-dark03.disabled {
  color: #fff;
  background-color: #2D214D;
  border-color: #2D214D;
}
.btn-purple-dark03:hover {
  background-color: #281d44;
}

.btn-purple-dark02 {
  color: #fff;
  background-color: #241E38;
  border-color: #241E38;
}
.btn-purple-dark02:hover {
  color: #fff;
  background-color: #1f1a30;
  border-color: #1d182d;
}
.btn-check:focus + .btn-purple-dark02, .btn-purple-dark02:focus {
  color: #fff;
  background-color: #1f1a30;
  border-color: #1d182d;
  box-shadow: 0 0 0 0.25rem rgba(69, 64, 86, 0.5);
}
.btn-check:checked + .btn-purple-dark02, .btn-check:active + .btn-purple-dark02, .btn-purple-dark02:active, .btn-purple-dark02.active, .show > .btn-purple-dark02.dropdown-toggle {
  color: #fff;
  background-color: #1d182d;
  border-color: #1b172a;
}
.btn-check:checked + .btn-purple-dark02:focus, .btn-check:active + .btn-purple-dark02:focus, .btn-purple-dark02:active:focus, .btn-purple-dark02.active:focus, .show > .btn-purple-dark02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(69, 64, 86, 0.5);
}
.btn-purple-dark02:disabled, .btn-purple-dark02.disabled {
  color: #fff;
  background-color: #241E38;
  border-color: #241E38;
}
.btn-purple-dark02:hover {
  background-color: #201a31;
}

.btn-purple-dark01 {
  color: #fff;
  background-color: #1C1A23;
  border-color: #1C1A23;
}
.btn-purple-dark01:hover {
  color: #fff;
  background-color: #18161e;
  border-color: #16151c;
}
.btn-check:focus + .btn-purple-dark01, .btn-purple-dark01:focus {
  color: #fff;
  background-color: #18161e;
  border-color: #16151c;
  box-shadow: 0 0 0 0.25rem rgba(62, 60, 68, 0.5);
}
.btn-check:checked + .btn-purple-dark01, .btn-check:active + .btn-purple-dark01, .btn-purple-dark01:active, .btn-purple-dark01.active, .show > .btn-purple-dark01.dropdown-toggle {
  color: #fff;
  background-color: #16151c;
  border-color: #15141a;
}
.btn-check:checked + .btn-purple-dark01:focus, .btn-check:active + .btn-purple-dark01:focus, .btn-purple-dark01:active:focus, .btn-purple-dark01.active:focus, .show > .btn-purple-dark01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(62, 60, 68, 0.5);
}
.btn-purple-dark01:disabled, .btn-purple-dark01.disabled {
  color: #fff;
  background-color: #1C1A23;
  border-color: #1C1A23;
}
.btn-purple-dark01:hover {
  background-color: #19171f;
}

.btn-grey01 {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}
.btn-grey01:hover {
  color: #fff;
  background-color: #141414;
  border-color: #131313;
}
.btn-check:focus + .btn-grey01, .btn-grey01:focus {
  color: #fff;
  background-color: #141414;
  border-color: #131313;
  box-shadow: 0 0 0 0.25rem rgba(59, 59, 59, 0.5);
}
.btn-check:checked + .btn-grey01, .btn-check:active + .btn-grey01, .btn-grey01:active, .btn-grey01.active, .show > .btn-grey01.dropdown-toggle {
  color: #fff;
  background-color: #131313;
  border-color: #121212;
}
.btn-check:checked + .btn-grey01:focus, .btn-check:active + .btn-grey01:focus, .btn-grey01:active:focus, .btn-grey01.active:focus, .show > .btn-grey01.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(59, 59, 59, 0.5);
}
.btn-grey01:disabled, .btn-grey01.disabled {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}
.btn-grey01:hover {
  background-color: #151515;
}

.btn-grey02 {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.btn-grey02:hover {
  color: #fff;
  background-color: #1d1d1d;
  border-color: #1b1b1b;
}
.btn-check:focus + .btn-grey02, .btn-grey02:focus {
  color: #fff;
  background-color: #1d1d1d;
  border-color: #1b1b1b;
  box-shadow: 0 0 0 0.25rem rgba(67, 67, 67, 0.5);
}
.btn-check:checked + .btn-grey02, .btn-check:active + .btn-grey02, .btn-grey02:active, .btn-grey02.active, .show > .btn-grey02.dropdown-toggle {
  color: #fff;
  background-color: #1b1b1b;
  border-color: #1a1a1a;
}
.btn-check:checked + .btn-grey02:focus, .btn-check:active + .btn-grey02:focus, .btn-grey02:active:focus, .btn-grey02.active:focus, .show > .btn-grey02.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(67, 67, 67, 0.5);
}
.btn-grey02:disabled, .btn-grey02.disabled {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.btn-grey02:hover {
  background-color: #1e1e1e;
}

.btn-grey03 {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}
.btn-grey03:hover {
  color: #fff;
  background-color: #3a3a3a;
  border-color: #363636;
}
.btn-check:focus + .btn-grey03, .btn-grey03:focus {
  color: #fff;
  background-color: #3a3a3a;
  border-color: #363636;
  box-shadow: 0 0 0 0.25rem rgba(96, 96, 96, 0.5);
}
.btn-check:checked + .btn-grey03, .btn-check:active + .btn-grey03, .btn-grey03:active, .btn-grey03.active, .show > .btn-grey03.dropdown-toggle {
  color: #fff;
  background-color: #363636;
  border-color: #333333;
}
.btn-check:checked + .btn-grey03:focus, .btn-check:active + .btn-grey03:focus, .btn-grey03:active:focus, .btn-grey03.active:focus, .show > .btn-grey03.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(96, 96, 96, 0.5);
}
.btn-grey03:disabled, .btn-grey03.disabled {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}
.btn-grey03:hover {
  background-color: #3c3c3c;
}

.btn-grey04 {
  color: #fff;
  background-color: #606060;
  border-color: #606060;
}
.btn-grey04:hover {
  color: #fff;
  background-color: #525252;
  border-color: #4d4d4d;
}
.btn-check:focus + .btn-grey04, .btn-grey04:focus {
  color: #fff;
  background-color: #525252;
  border-color: #4d4d4d;
  box-shadow: 0 0 0 0.25rem rgba(120, 120, 120, 0.5);
}
.btn-check:checked + .btn-grey04, .btn-check:active + .btn-grey04, .btn-grey04:active, .btn-grey04.active, .show > .btn-grey04.dropdown-toggle {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #484848;
}
.btn-check:checked + .btn-grey04:focus, .btn-check:active + .btn-grey04:focus, .btn-grey04:active:focus, .btn-grey04.active:focus, .show > .btn-grey04.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(120, 120, 120, 0.5);
}
.btn-grey04:disabled, .btn-grey04.disabled {
  color: #fff;
  background-color: #606060;
  border-color: #606060;
}
.btn-grey04:hover {
  background-color: #545454;
}

.btn-grey05 {
  color: #fff;
  background-color: #737373;
  border-color: #737373;
}
.btn-grey05:hover {
  color: #fff;
  background-color: #626262;
  border-color: #5c5c5c;
}
.btn-check:focus + .btn-grey05, .btn-grey05:focus {
  color: #fff;
  background-color: #626262;
  border-color: #5c5c5c;
  box-shadow: 0 0 0 0.25rem rgba(136, 136, 136, 0.5);
}
.btn-check:checked + .btn-grey05, .btn-check:active + .btn-grey05, .btn-grey05:active, .btn-grey05.active, .show > .btn-grey05.dropdown-toggle {
  color: #fff;
  background-color: #5c5c5c;
  border-color: #565656;
}
.btn-check:checked + .btn-grey05:focus, .btn-check:active + .btn-grey05:focus, .btn-grey05:active:focus, .btn-grey05.active:focus, .show > .btn-grey05.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(136, 136, 136, 0.5);
}
.btn-grey05:disabled, .btn-grey05.disabled {
  color: #fff;
  background-color: #737373;
  border-color: #737373;
}
.btn-grey05:hover {
  background-color: #656565;
}

.btn-grey06 {
  color: #fff;
  background-color: #888888;
  border-color: #888888;
}
.btn-grey06:hover {
  color: #fff;
  background-color: #747474;
  border-color: #6d6d6d;
}
.btn-check:focus + .btn-grey06, .btn-grey06:focus {
  color: #fff;
  background-color: #747474;
  border-color: #6d6d6d;
  box-shadow: 0 0 0 0.25rem rgba(154, 154, 154, 0.5);
}
.btn-check:checked + .btn-grey06, .btn-check:active + .btn-grey06, .btn-grey06:active, .btn-grey06.active, .show > .btn-grey06.dropdown-toggle {
  color: #fff;
  background-color: #6d6d6d;
  border-color: #666666;
}
.btn-check:checked + .btn-grey06:focus, .btn-check:active + .btn-grey06:focus, .btn-grey06:active:focus, .btn-grey06.active:focus, .show > .btn-grey06.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(154, 154, 154, 0.5);
}
.btn-grey06:disabled, .btn-grey06.disabled {
  color: #fff;
  background-color: #888888;
  border-color: #888888;
}
.btn-grey06:hover {
  background-color: #787878;
}

.btn-grey07 {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.btn-grey07:hover {
  color: #fff;
  background-color: #828282;
  border-color: #7a7a7a;
}
.btn-check:focus + .btn-grey07, .btn-grey07:focus {
  color: #fff;
  background-color: #828282;
  border-color: #7a7a7a;
  box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.5);
}
.btn-check:checked + .btn-grey07, .btn-check:active + .btn-grey07, .btn-grey07:active, .btn-grey07.active, .show > .btn-grey07.dropdown-toggle {
  color: #fff;
  background-color: #7a7a7a;
  border-color: #737373;
}
.btn-check:checked + .btn-grey07:focus, .btn-check:active + .btn-grey07:focus, .btn-grey07:active:focus, .btn-grey07.active:focus, .show > .btn-grey07.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(168, 168, 168, 0.5);
}
.btn-grey07:disabled, .btn-grey07.disabled {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.btn-grey07:hover {
  background-color: #878787;
}

.btn-grey08 {
  color: #181818;
  background-color: #AAAAAA;
  border-color: #AAAAAA;
}
.btn-grey08:hover {
  color: #181818;
  background-color: #b7b7b7;
  border-color: #b3b3b3;
}
.btn-check:focus + .btn-grey08, .btn-grey08:focus {
  color: #181818;
  background-color: #b7b7b7;
  border-color: #b3b3b3;
  box-shadow: 0 0 0 0.25rem rgba(148, 148, 148, 0.5);
}
.btn-check:checked + .btn-grey08, .btn-check:active + .btn-grey08, .btn-grey08:active, .btn-grey08.active, .show > .btn-grey08.dropdown-toggle {
  color: #181818;
  background-color: #bbbbbb;
  border-color: #b3b3b3;
}
.btn-check:checked + .btn-grey08:focus, .btn-check:active + .btn-grey08:focus, .btn-grey08:active:focus, .btn-grey08.active:focus, .show > .btn-grey08.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(148, 148, 148, 0.5);
}
.btn-grey08:disabled, .btn-grey08.disabled {
  color: #181818;
  background-color: #AAAAAA;
  border-color: #AAAAAA;
}
.btn-grey08:hover {
  background-color: #969696;
}

.btn-grey09 {
  color: #181818;
  background-color: #BBBBBB;
  border-color: #BBBBBB;
}
.btn-grey09:hover {
  color: #181818;
  background-color: #c5c5c5;
  border-color: #c2c2c2;
}
.btn-check:focus + .btn-grey09, .btn-grey09:focus {
  color: #181818;
  background-color: #c5c5c5;
  border-color: #c2c2c2;
  box-shadow: 0 0 0 0.25rem rgba(163, 163, 163, 0.5);
}
.btn-check:checked + .btn-grey09, .btn-check:active + .btn-grey09, .btn-grey09:active, .btn-grey09.active, .show > .btn-grey09.dropdown-toggle {
  color: #181818;
  background-color: #c9c9c9;
  border-color: #c2c2c2;
}
.btn-check:checked + .btn-grey09:focus, .btn-check:active + .btn-grey09:focus, .btn-grey09:active:focus, .btn-grey09.active:focus, .show > .btn-grey09.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(163, 163, 163, 0.5);
}
.btn-grey09:disabled, .btn-grey09.disabled {
  color: #181818;
  background-color: #BBBBBB;
  border-color: #BBBBBB;
}
.btn-grey09:hover {
  background-color: #a5a5a5;
}

.btn-grey10 {
  color: #181818;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
.btn-grey10:hover {
  color: #181818;
  background-color: #d4d4d4;
  border-color: #d1d1d1;
}
.btn-check:focus + .btn-grey10, .btn-grey10:focus {
  color: #181818;
  background-color: #d4d4d4;
  border-color: #d1d1d1;
  box-shadow: 0 0 0 0.25rem rgba(177, 177, 177, 0.5);
}
.btn-check:checked + .btn-grey10, .btn-check:active + .btn-grey10, .btn-grey10:active, .btn-grey10.active, .show > .btn-grey10.dropdown-toggle {
  color: #181818;
  background-color: #d6d6d6;
  border-color: #d1d1d1;
}
.btn-check:checked + .btn-grey10:focus, .btn-check:active + .btn-grey10:focus, .btn-grey10:active:focus, .btn-grey10.active:focus, .show > .btn-grey10.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(177, 177, 177, 0.5);
}
.btn-grey10:disabled, .btn-grey10.disabled {
  color: #181818;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
.btn-grey10:hover {
  background-color: #b4b4b4;
}

.btn-grey11 {
  color: #181818;
  background-color: #D4D4D4;
  border-color: #D4D4D4;
}
.btn-grey11:hover {
  color: #181818;
  background-color: #dadada;
  border-color: #d8d8d8;
}
.btn-check:focus + .btn-grey11, .btn-grey11:focus {
  color: #181818;
  background-color: #dadada;
  border-color: #d8d8d8;
  box-shadow: 0 0 0 0.25rem rgba(184, 184, 184, 0.5);
}
.btn-check:checked + .btn-grey11, .btn-check:active + .btn-grey11, .btn-grey11:active, .btn-grey11.active, .show > .btn-grey11.dropdown-toggle {
  color: #181818;
  background-color: #dddddd;
  border-color: #d8d8d8;
}
.btn-check:checked + .btn-grey11:focus, .btn-check:active + .btn-grey11:focus, .btn-grey11:active:focus, .btn-grey11.active:focus, .show > .btn-grey11.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(184, 184, 184, 0.5);
}
.btn-grey11:disabled, .btn-grey11.disabled {
  color: #181818;
  background-color: #D4D4D4;
  border-color: #D4D4D4;
}
.btn-grey11:hover {
  background-color: #bbbbbb;
}

.btn-grey12 {
  color: #181818;
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}
.btn-grey12:hover {
  color: #181818;
  background-color: #e6e6e6;
  border-color: #e4e4e4;
}
.btn-check:focus + .btn-grey12, .btn-grey12:focus {
  color: #181818;
  background-color: #e6e6e6;
  border-color: #e4e4e4;
  box-shadow: 0 0 0 0.25rem rgba(195, 195, 195, 0.5);
}
.btn-check:checked + .btn-grey12, .btn-check:active + .btn-grey12, .btn-grey12:active, .btn-grey12.active, .show > .btn-grey12.dropdown-toggle {
  color: #181818;
  background-color: #e7e7e7;
  border-color: #e4e4e4;
}
.btn-check:checked + .btn-grey12:focus, .btn-check:active + .btn-grey12:focus, .btn-grey12:active:focus, .btn-grey12.active:focus, .show > .btn-grey12.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(195, 195, 195, 0.5);
}
.btn-grey12:disabled, .btn-grey12.disabled {
  color: #181818;
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}
.btn-grey12:hover {
  background-color: #c6c6c6;
}

.btn-grey13 {
  color: #181818;
  background-color: #F0F0F0;
  border-color: #F0F0F0;
}
.btn-grey13:hover {
  color: #181818;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-check:focus + .btn-grey13, .btn-grey13:focus {
  color: #181818;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  box-shadow: 0 0 0 0.25rem rgba(208, 208, 208, 0.5);
}
.btn-check:checked + .btn-grey13, .btn-check:active + .btn-grey13, .btn-grey13:active, .btn-grey13.active, .show > .btn-grey13.dropdown-toggle {
  color: #181818;
  background-color: #f3f3f3;
  border-color: #f2f2f2;
}
.btn-check:checked + .btn-grey13:focus, .btn-check:active + .btn-grey13:focus, .btn-grey13:active:focus, .btn-grey13.active:focus, .show > .btn-grey13.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(208, 208, 208, 0.5);
}
.btn-grey13:disabled, .btn-grey13.disabled {
  color: #181818;
  background-color: #F0F0F0;
  border-color: #F0F0F0;
}
.btn-grey13:hover {
  background-color: lightgray;
}

.btn-grey14 {
  color: #181818;
  background-color: #F6F6F6;
  border-color: #F6F6F6;
}
.btn-grey14:hover {
  color: #181818;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.btn-check:focus + .btn-grey14, .btn-grey14:focus {
  color: #181818;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  box-shadow: 0 0 0 0.25rem rgba(213, 213, 213, 0.5);
}
.btn-check:checked + .btn-grey14, .btn-check:active + .btn-grey14, .btn-grey14:active, .btn-grey14.active, .show > .btn-grey14.dropdown-toggle {
  color: #181818;
  background-color: #f8f8f8;
  border-color: #f7f7f7;
}
.btn-check:checked + .btn-grey14:focus, .btn-check:active + .btn-grey14:focus, .btn-grey14:active:focus, .btn-grey14.active:focus, .show > .btn-grey14.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 213, 213, 0.5);
}
.btn-grey14:disabled, .btn-grey14.disabled {
  color: #181818;
  background-color: #F6F6F6;
  border-color: #F6F6F6;
}
.btn-grey14:hover {
  background-color: #d8d8d8;
}

.btn-grey15 {
  color: #181818;
  background-color: #F9F9F9;
  border-color: #F9F9F9;
}
.btn-grey15:hover {
  color: #181818;
  background-color: #fafafa;
  border-color: #fafafa;
}
.btn-check:focus + .btn-grey15, .btn-grey15:focus {
  color: #181818;
  background-color: #fafafa;
  border-color: #fafafa;
  box-shadow: 0 0 0 0.25rem rgba(215, 215, 215, 0.5);
}
.btn-check:checked + .btn-grey15, .btn-check:active + .btn-grey15, .btn-grey15:active, .btn-grey15.active, .show > .btn-grey15.dropdown-toggle {
  color: #181818;
  background-color: #fafafa;
  border-color: #fafafa;
}
.btn-check:checked + .btn-grey15:focus, .btn-check:active + .btn-grey15:focus, .btn-grey15:active:focus, .btn-grey15.active:focus, .show > .btn-grey15.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(215, 215, 215, 0.5);
}
.btn-grey15:disabled, .btn-grey15.disabled {
  color: #181818;
  background-color: #F9F9F9;
  border-color: #F9F9F9;
}
.btn-grey15:hover {
  background-color: #dbdbdb;
}

.btn-grey16 {
  color: #181818;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-grey16:hover {
  color: #181818;
  background-color: white;
  border-color: white;
}
.btn-check:focus + .btn-grey16, .btn-grey16:focus {
  color: #181818;
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 0.25rem rgba(220, 220, 220, 0.5);
}
.btn-check:checked + .btn-grey16, .btn-check:active + .btn-grey16, .btn-grey16:active, .btn-grey16.active, .show > .btn-grey16.dropdown-toggle {
  color: #181818;
  background-color: white;
  border-color: white;
}
.btn-check:checked + .btn-grey16:focus, .btn-check:active + .btn-grey16:focus, .btn-grey16:active:focus, .btn-grey16.active:focus, .show > .btn-grey16.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 220, 220, 0.5);
}
.btn-grey16:disabled, .btn-grey16.disabled {
  color: #181818;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-grey16:hover {
  background-color: #e0e0e0;
}

.btn-outline-red-light01 {
  color: #FEF4F6;
  border-color: #FEF4F6;
  background-color: white;
  color: #cbc3c5;
}
.btn-outline-red-light01:hover {
  color: #181818;
  background-color: #FEF4F6;
  border-color: #FEF4F6;
}
.btn-check:focus + .btn-outline-red-light01, .btn-outline-red-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 244, 246, 0.5);
}
.btn-check:checked + .btn-outline-red-light01, .btn-check:active + .btn-outline-red-light01, .btn-outline-red-light01:active, .btn-outline-red-light01.active, .btn-outline-red-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #FEF4F6;
  border-color: #FEF4F6;
}
.btn-check:checked + .btn-outline-red-light01:focus, .btn-check:active + .btn-outline-red-light01:focus, .btn-outline-red-light01:active:focus, .btn-outline-red-light01.active:focus, .btn-outline-red-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 244, 246, 0.5);
}
.btn-outline-red-light01:disabled, .btn-outline-red-light01.disabled {
  color: #FEF4F6;
  background-color: transparent;
}
.btn-outline-red-light01:hover {
  color: #cbc3c5;
  border-color: #FEF4F6;
  background-color: white;
  position: relative;
}
.btn-outline-red-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-light02 {
  color: #FDE4E8;
  border-color: #FDE4E8;
  background-color: white;
  color: #cab6ba;
}
.btn-outline-red-light02:hover {
  color: #181818;
  background-color: #FDE4E8;
  border-color: #FDE4E8;
}
.btn-check:focus + .btn-outline-red-light02, .btn-outline-red-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 228, 232, 0.5);
}
.btn-check:checked + .btn-outline-red-light02, .btn-check:active + .btn-outline-red-light02, .btn-outline-red-light02:active, .btn-outline-red-light02.active, .btn-outline-red-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #FDE4E8;
  border-color: #FDE4E8;
}
.btn-check:checked + .btn-outline-red-light02:focus, .btn-check:active + .btn-outline-red-light02:focus, .btn-outline-red-light02:active:focus, .btn-outline-red-light02.active:focus, .btn-outline-red-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 228, 232, 0.5);
}
.btn-outline-red-light02:disabled, .btn-outline-red-light02.disabled {
  color: #FDE4E8;
  background-color: transparent;
}
.btn-outline-red-light02:hover {
  color: #cab6ba;
  border-color: #FDE4E8;
  background-color: white;
  position: relative;
}
.btn-outline-red-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-light03 {
  color: #FCD2D9;
  border-color: #FCD2D9;
  background-color: white;
  color: #caa8ae;
}
.btn-outline-red-light03:hover {
  color: #181818;
  background-color: #FCD2D9;
  border-color: #FCD2D9;
}
.btn-check:focus + .btn-outline-red-light03, .btn-outline-red-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 210, 217, 0.5);
}
.btn-check:checked + .btn-outline-red-light03, .btn-check:active + .btn-outline-red-light03, .btn-outline-red-light03:active, .btn-outline-red-light03.active, .btn-outline-red-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #FCD2D9;
  border-color: #FCD2D9;
}
.btn-check:checked + .btn-outline-red-light03:focus, .btn-check:active + .btn-outline-red-light03:focus, .btn-outline-red-light03:active:focus, .btn-outline-red-light03.active:focus, .btn-outline-red-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 210, 217, 0.5);
}
.btn-outline-red-light03:disabled, .btn-outline-red-light03.disabled {
  color: #FCD2D9;
  background-color: transparent;
}
.btn-outline-red-light03:hover {
  color: #caa8ae;
  border-color: #FCD2D9;
  background-color: white;
  position: relative;
}
.btn-outline-red-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-light04 {
  color: #FAC0CA;
  border-color: #FAC0CA;
  background-color: white;
  color: #c89aa2;
}
.btn-outline-red-light04:hover {
  color: #181818;
  background-color: #FAC0CA;
  border-color: #FAC0CA;
}
.btn-check:focus + .btn-outline-red-light04, .btn-outline-red-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(250, 192, 202, 0.5);
}
.btn-check:checked + .btn-outline-red-light04, .btn-check:active + .btn-outline-red-light04, .btn-outline-red-light04:active, .btn-outline-red-light04.active, .btn-outline-red-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #FAC0CA;
  border-color: #FAC0CA;
}
.btn-check:checked + .btn-outline-red-light04:focus, .btn-check:active + .btn-outline-red-light04:focus, .btn-outline-red-light04:active:focus, .btn-outline-red-light04.active:focus, .btn-outline-red-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(250, 192, 202, 0.5);
}
.btn-outline-red-light04:disabled, .btn-outline-red-light04.disabled {
  color: #FAC0CA;
  background-color: transparent;
}
.btn-outline-red-light04:hover {
  color: #c89aa2;
  border-color: #FAC0CA;
  background-color: white;
  position: relative;
}
.btn-outline-red-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-light05 {
  color: #F89BAC;
  border-color: #F89BAC;
  background-color: white;
  color: #c67c8a;
}
.btn-outline-red-light05:hover {
  color: #181818;
  background-color: #F89BAC;
  border-color: #F89BAC;
}
.btn-check:focus + .btn-outline-red-light05, .btn-outline-red-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 155, 172, 0.5);
}
.btn-check:checked + .btn-outline-red-light05, .btn-check:active + .btn-outline-red-light05, .btn-outline-red-light05:active, .btn-outline-red-light05.active, .btn-outline-red-light05.dropdown-toggle.show {
  color: #181818;
  background-color: #F89BAC;
  border-color: #F89BAC;
}
.btn-check:checked + .btn-outline-red-light05:focus, .btn-check:active + .btn-outline-red-light05:focus, .btn-outline-red-light05:active:focus, .btn-outline-red-light05.active:focus, .btn-outline-red-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 155, 172, 0.5);
}
.btn-outline-red-light05:disabled, .btn-outline-red-light05.disabled {
  color: #F89BAC;
  background-color: transparent;
}
.btn-outline-red-light05:hover {
  color: #c67c8a;
  border-color: #F89BAC;
  background-color: white;
  position: relative;
}
.btn-outline-red-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-light06 {
  color: #F7899D;
  border-color: #F7899D;
  background-color: white;
  color: #c66e7e;
}
.btn-outline-red-light06:hover {
  color: #181818;
  background-color: #F7899D;
  border-color: #F7899D;
}
.btn-check:focus + .btn-outline-red-light06, .btn-outline-red-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 137, 157, 0.5);
}
.btn-check:checked + .btn-outline-red-light06, .btn-check:active + .btn-outline-red-light06, .btn-outline-red-light06:active, .btn-outline-red-light06.active, .btn-outline-red-light06.dropdown-toggle.show {
  color: #181818;
  background-color: #F7899D;
  border-color: #F7899D;
}
.btn-check:checked + .btn-outline-red-light06:focus, .btn-check:active + .btn-outline-red-light06:focus, .btn-outline-red-light06:active:focus, .btn-outline-red-light06.active:focus, .btn-outline-red-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 137, 157, 0.5);
}
.btn-outline-red-light06:disabled, .btn-outline-red-light06.disabled {
  color: #F7899D;
  background-color: transparent;
}
.btn-outline-red-light06:hover {
  color: #c66e7e;
  border-color: #F7899D;
  background-color: white;
  position: relative;
}
.btn-outline-red-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-light07 {
  color: #F56E86;
  border-color: #F56E86;
  background-color: white;
  color: #c4586b;
}
.btn-outline-red-light07:hover {
  color: #fff;
  background-color: #F56E86;
  border-color: #F56E86;
}
.btn-check:focus + .btn-outline-red-light07, .btn-outline-red-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 110, 134, 0.5);
}
.btn-check:checked + .btn-outline-red-light07, .btn-check:active + .btn-outline-red-light07, .btn-outline-red-light07:active, .btn-outline-red-light07.active, .btn-outline-red-light07.dropdown-toggle.show {
  color: #fff;
  background-color: #F56E86;
  border-color: #F56E86;
}
.btn-check:checked + .btn-outline-red-light07:focus, .btn-check:active + .btn-outline-red-light07:focus, .btn-outline-red-light07:active:focus, .btn-outline-red-light07.active:focus, .btn-outline-red-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 110, 134, 0.5);
}
.btn-outline-red-light07:disabled, .btn-outline-red-light07.disabled {
  color: #F56E86;
  background-color: transparent;
}
.btn-outline-red-light07:hover {
  color: #c4586b;
  border-color: #F56E86;
  background-color: white;
  position: relative;
}
.btn-outline-red-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-base {
  color: #F45C77;
  border-color: #F45C77;
  background-color: white;
  color: #c34a5f;
}
.btn-outline-red-base:hover {
  color: #fff;
  background-color: #F45C77;
  border-color: #F45C77;
}
.btn-check:focus + .btn-outline-red-base, .btn-outline-red-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 92, 119, 0.5);
}
.btn-check:checked + .btn-outline-red-base, .btn-check:active + .btn-outline-red-base, .btn-outline-red-base:active, .btn-outline-red-base.active, .btn-outline-red-base.dropdown-toggle.show {
  color: #fff;
  background-color: #F45C77;
  border-color: #F45C77;
}
.btn-check:checked + .btn-outline-red-base:focus, .btn-check:active + .btn-outline-red-base:focus, .btn-outline-red-base:active:focus, .btn-outline-red-base.active:focus, .btn-outline-red-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 92, 119, 0.5);
}
.btn-outline-red-base:disabled, .btn-outline-red-base.disabled {
  color: #F45C77;
  background-color: transparent;
}
.btn-outline-red-base:hover {
  color: #c34a5f;
  border-color: #F45C77;
  background-color: white;
  position: relative;
}
.btn-outline-red-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark07 {
  color: #D1425C;
  border-color: #D1425C;
  background-color: white;
  color: #a7354a;
}
.btn-outline-red-dark07:hover {
  color: #fff;
  background-color: #D1425C;
  border-color: #D1425C;
}
.btn-check:focus + .btn-outline-red-dark07, .btn-outline-red-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(209, 66, 92, 0.5);
}
.btn-check:checked + .btn-outline-red-dark07, .btn-check:active + .btn-outline-red-dark07, .btn-outline-red-dark07:active, .btn-outline-red-dark07.active, .btn-outline-red-dark07.dropdown-toggle.show {
  color: #fff;
  background-color: #D1425C;
  border-color: #D1425C;
}
.btn-check:checked + .btn-outline-red-dark07:focus, .btn-check:active + .btn-outline-red-dark07:focus, .btn-outline-red-dark07:active:focus, .btn-outline-red-dark07.active:focus, .btn-outline-red-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(209, 66, 92, 0.5);
}
.btn-outline-red-dark07:disabled, .btn-outline-red-dark07.disabled {
  color: #D1425C;
  background-color: transparent;
}
.btn-outline-red-dark07:hover {
  color: #a7354a;
  border-color: #D1425C;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark06 {
  color: #B13B50;
  border-color: #B13B50;
  background-color: white;
  color: #8e2f40;
}
.btn-outline-red-dark06:hover {
  color: #fff;
  background-color: #B13B50;
  border-color: #B13B50;
}
.btn-check:focus + .btn-outline-red-dark06, .btn-outline-red-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(177, 59, 80, 0.5);
}
.btn-check:checked + .btn-outline-red-dark06, .btn-check:active + .btn-outline-red-dark06, .btn-outline-red-dark06:active, .btn-outline-red-dark06.active, .btn-outline-red-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #B13B50;
  border-color: #B13B50;
}
.btn-check:checked + .btn-outline-red-dark06:focus, .btn-check:active + .btn-outline-red-dark06:focus, .btn-outline-red-dark06:active:focus, .btn-outline-red-dark06.active:focus, .btn-outline-red-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(177, 59, 80, 0.5);
}
.btn-outline-red-dark06:disabled, .btn-outline-red-dark06.disabled {
  color: #B13B50;
  background-color: transparent;
}
.btn-outline-red-dark06:hover {
  color: #8e2f40;
  border-color: #B13B50;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark05 {
  color: #903344;
  border-color: #903344;
  background-color: white;
  color: #732936;
}
.btn-outline-red-dark05:hover {
  color: #fff;
  background-color: #903344;
  border-color: #903344;
}
.btn-check:focus + .btn-outline-red-dark05, .btn-outline-red-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(144, 51, 68, 0.5);
}
.btn-check:checked + .btn-outline-red-dark05, .btn-check:active + .btn-outline-red-dark05, .btn-outline-red-dark05:active, .btn-outline-red-dark05.active, .btn-outline-red-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #903344;
  border-color: #903344;
}
.btn-check:checked + .btn-outline-red-dark05:focus, .btn-check:active + .btn-outline-red-dark05:focus, .btn-outline-red-dark05:active:focus, .btn-outline-red-dark05.active:focus, .btn-outline-red-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(144, 51, 68, 0.5);
}
.btn-outline-red-dark05:disabled, .btn-outline-red-dark05.disabled {
  color: #903344;
  background-color: transparent;
}
.btn-outline-red-dark05:hover {
  color: #732936;
  border-color: #903344;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark04 {
  color: #6F2C38;
  border-color: #6F2C38;
  background-color: white;
  color: #59232d;
}
.btn-outline-red-dark04:hover {
  color: #fff;
  background-color: #6F2C38;
  border-color: #6F2C38;
}
.btn-check:focus + .btn-outline-red-dark04, .btn-outline-red-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(111, 44, 56, 0.5);
}
.btn-check:checked + .btn-outline-red-dark04, .btn-check:active + .btn-outline-red-dark04, .btn-outline-red-dark04:active, .btn-outline-red-dark04.active, .btn-outline-red-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #6F2C38;
  border-color: #6F2C38;
}
.btn-check:checked + .btn-outline-red-dark04:focus, .btn-check:active + .btn-outline-red-dark04:focus, .btn-outline-red-dark04:active:focus, .btn-outline-red-dark04.active:focus, .btn-outline-red-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(111, 44, 56, 0.5);
}
.btn-outline-red-dark04:disabled, .btn-outline-red-dark04.disabled {
  color: #6F2C38;
  background-color: transparent;
}
.btn-outline-red-dark04:hover {
  color: #59232d;
  border-color: #6F2C38;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark03 {
  color: #4E242C;
  border-color: #4E242C;
  background-color: white;
  color: #3e1d23;
}
.btn-outline-red-dark03:hover {
  color: #fff;
  background-color: #4E242C;
  border-color: #4E242C;
}
.btn-check:focus + .btn-outline-red-dark03, .btn-outline-red-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(78, 36, 44, 0.5);
}
.btn-check:checked + .btn-outline-red-dark03, .btn-check:active + .btn-outline-red-dark03, .btn-outline-red-dark03:active, .btn-outline-red-dark03.active, .btn-outline-red-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #4E242C;
  border-color: #4E242C;
}
.btn-check:checked + .btn-outline-red-dark03:focus, .btn-check:active + .btn-outline-red-dark03:focus, .btn-outline-red-dark03:active:focus, .btn-outline-red-dark03.active:focus, .btn-outline-red-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(78, 36, 44, 0.5);
}
.btn-outline-red-dark03:disabled, .btn-outline-red-dark03.disabled {
  color: #4E242C;
  background-color: transparent;
}
.btn-outline-red-dark03:hover {
  color: #3e1d23;
  border-color: #4E242C;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark02 {
  color: #392024;
  border-color: #392024;
  background-color: white;
  color: #2e1a1d;
}
.btn-outline-red-dark02:hover {
  color: #fff;
  background-color: #392024;
  border-color: #392024;
}
.btn-check:focus + .btn-outline-red-dark02, .btn-outline-red-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 32, 36, 0.5);
}
.btn-check:checked + .btn-outline-red-dark02, .btn-check:active + .btn-outline-red-dark02, .btn-outline-red-dark02:active, .btn-outline-red-dark02.active, .btn-outline-red-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #392024;
  border-color: #392024;
}
.btn-check:checked + .btn-outline-red-dark02:focus, .btn-check:active + .btn-outline-red-dark02:focus, .btn-outline-red-dark02:active:focus, .btn-outline-red-dark02.active:focus, .btn-outline-red-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 32, 36, 0.5);
}
.btn-outline-red-dark02:disabled, .btn-outline-red-dark02.disabled {
  color: #392024;
  background-color: transparent;
}
.btn-outline-red-dark02:hover {
  color: #2e1a1d;
  border-color: #392024;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-red-dark01 {
  color: #231B1C;
  border-color: #231B1C;
  background-color: white;
  color: #1c1616;
}
.btn-outline-red-dark01:hover {
  color: #fff;
  background-color: #231B1C;
  border-color: #231B1C;
}
.btn-check:focus + .btn-outline-red-dark01, .btn-outline-red-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 27, 28, 0.5);
}
.btn-check:checked + .btn-outline-red-dark01, .btn-check:active + .btn-outline-red-dark01, .btn-outline-red-dark01:active, .btn-outline-red-dark01.active, .btn-outline-red-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #231B1C;
  border-color: #231B1C;
}
.btn-check:checked + .btn-outline-red-dark01:focus, .btn-check:active + .btn-outline-red-dark01:focus, .btn-outline-red-dark01:active:focus, .btn-outline-red-dark01.active:focus, .btn-outline-red-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 27, 28, 0.5);
}
.btn-outline-red-dark01:disabled, .btn-outline-red-dark01.disabled {
  color: #231B1C;
  background-color: transparent;
}
.btn-outline-red-dark01:hover {
  color: #1c1616;
  border-color: #231B1C;
  background-color: white;
  position: relative;
}
.btn-outline-red-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light01 {
  color: #FFF7F3;
  border-color: #FFF7F3;
  background-color: white;
  color: #ccc6c2;
}
.btn-outline-orange-light01:hover {
  color: #181818;
  background-color: #FFF7F3;
  border-color: #FFF7F3;
}
.btn-check:focus + .btn-outline-orange-light01, .btn-outline-orange-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 247, 243, 0.5);
}
.btn-check:checked + .btn-outline-orange-light01, .btn-check:active + .btn-outline-orange-light01, .btn-outline-orange-light01:active, .btn-outline-orange-light01.active, .btn-outline-orange-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #FFF7F3;
  border-color: #FFF7F3;
}
.btn-check:checked + .btn-outline-orange-light01:focus, .btn-check:active + .btn-outline-orange-light01:focus, .btn-outline-orange-light01:active:focus, .btn-outline-orange-light01.active:focus, .btn-outline-orange-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 247, 243, 0.5);
}
.btn-outline-orange-light01:disabled, .btn-outline-orange-light01.disabled {
  color: #FFF7F3;
  background-color: transparent;
}
.btn-outline-orange-light01:hover {
  color: #ccc6c2;
  border-color: #FFF7F3;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light02 {
  color: #FEECE2;
  border-color: #FEECE2;
  background-color: white;
  color: #cbbdb5;
}
.btn-outline-orange-light02:hover {
  color: #181818;
  background-color: #FEECE2;
  border-color: #FEECE2;
}
.btn-check:focus + .btn-outline-orange-light02, .btn-outline-orange-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 236, 226, 0.5);
}
.btn-check:checked + .btn-outline-orange-light02, .btn-check:active + .btn-outline-orange-light02, .btn-outline-orange-light02:active, .btn-outline-orange-light02.active, .btn-outline-orange-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #FEECE2;
  border-color: #FEECE2;
}
.btn-check:checked + .btn-outline-orange-light02:focus, .btn-check:active + .btn-outline-orange-light02:focus, .btn-outline-orange-light02:active:focus, .btn-outline-orange-light02.active:focus, .btn-outline-orange-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 236, 226, 0.5);
}
.btn-outline-orange-light02:disabled, .btn-outline-orange-light02.disabled {
  color: #FEECE2;
  background-color: transparent;
}
.btn-outline-orange-light02:hover {
  color: #cbbdb5;
  border-color: #FEECE2;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light03 {
  color: #FEE0CF;
  border-color: #FEE0CF;
  background-color: white;
  color: #cbb3a6;
}
.btn-outline-orange-light03:hover {
  color: #181818;
  background-color: #FEE0CF;
  border-color: #FEE0CF;
}
.btn-check:focus + .btn-outline-orange-light03, .btn-outline-orange-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 224, 207, 0.5);
}
.btn-check:checked + .btn-outline-orange-light03, .btn-check:active + .btn-outline-orange-light03, .btn-outline-orange-light03:active, .btn-outline-orange-light03.active, .btn-outline-orange-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #FEE0CF;
  border-color: #FEE0CF;
}
.btn-check:checked + .btn-outline-orange-light03:focus, .btn-check:active + .btn-outline-orange-light03:focus, .btn-outline-orange-light03:active:focus, .btn-outline-orange-light03.active:focus, .btn-outline-orange-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 224, 207, 0.5);
}
.btn-outline-orange-light03:disabled, .btn-outline-orange-light03.disabled {
  color: #FEE0CF;
  background-color: transparent;
}
.btn-outline-orange-light03:hover {
  color: #cbb3a6;
  border-color: #FEE0CF;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light04 {
  color: #FED3BC;
  border-color: #FED3BC;
  background-color: white;
  color: #cba996;
}
.btn-outline-orange-light04:hover {
  color: #181818;
  background-color: #FED3BC;
  border-color: #FED3BC;
}
.btn-check:focus + .btn-outline-orange-light04, .btn-outline-orange-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 211, 188, 0.5);
}
.btn-check:checked + .btn-outline-orange-light04, .btn-check:active + .btn-outline-orange-light04, .btn-outline-orange-light04:active, .btn-outline-orange-light04.active, .btn-outline-orange-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #FED3BC;
  border-color: #FED3BC;
}
.btn-check:checked + .btn-outline-orange-light04:focus, .btn-check:active + .btn-outline-orange-light04:focus, .btn-outline-orange-light04:active:focus, .btn-outline-orange-light04.active:focus, .btn-outline-orange-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 211, 188, 0.5);
}
.btn-outline-orange-light04:disabled, .btn-outline-orange-light04.disabled {
  color: #FED3BC;
  background-color: transparent;
}
.btn-outline-orange-light04:hover {
  color: #cba996;
  border-color: #FED3BC;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light05 {
  color: #FDBA95;
  border-color: #FDBA95;
  background-color: white;
  color: #ca9577;
}
.btn-outline-orange-light05:hover {
  color: #181818;
  background-color: #FDBA95;
  border-color: #FDBA95;
}
.btn-check:focus + .btn-outline-orange-light05, .btn-outline-orange-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 186, 149, 0.5);
}
.btn-check:checked + .btn-outline-orange-light05, .btn-check:active + .btn-outline-orange-light05, .btn-outline-orange-light05:active, .btn-outline-orange-light05.active, .btn-outline-orange-light05.dropdown-toggle.show {
  color: #181818;
  background-color: #FDBA95;
  border-color: #FDBA95;
}
.btn-check:checked + .btn-outline-orange-light05:focus, .btn-check:active + .btn-outline-orange-light05:focus, .btn-outline-orange-light05:active:focus, .btn-outline-orange-light05.active:focus, .btn-outline-orange-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 186, 149, 0.5);
}
.btn-outline-orange-light05:disabled, .btn-outline-orange-light05.disabled {
  color: #FDBA95;
  background-color: transparent;
}
.btn-outline-orange-light05:hover {
  color: #ca9577;
  border-color: #FDBA95;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light06 {
  color: #FCAE82;
  border-color: #FCAE82;
  background-color: white;
  color: #ca8b68;
}
.btn-outline-orange-light06:hover {
  color: #181818;
  background-color: #FCAE82;
  border-color: #FCAE82;
}
.btn-check:focus + .btn-outline-orange-light06, .btn-outline-orange-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 174, 130, 0.5);
}
.btn-check:checked + .btn-outline-orange-light06, .btn-check:active + .btn-outline-orange-light06, .btn-outline-orange-light06:active, .btn-outline-orange-light06.active, .btn-outline-orange-light06.dropdown-toggle.show {
  color: #181818;
  background-color: #FCAE82;
  border-color: #FCAE82;
}
.btn-check:checked + .btn-outline-orange-light06:focus, .btn-check:active + .btn-outline-orange-light06:focus, .btn-outline-orange-light06:active:focus, .btn-outline-orange-light06.active:focus, .btn-outline-orange-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 174, 130, 0.5);
}
.btn-outline-orange-light06:disabled, .btn-outline-orange-light06.disabled {
  color: #FCAE82;
  background-color: transparent;
}
.btn-outline-orange-light06:hover {
  color: #ca8b68;
  border-color: #FCAE82;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-light07 {
  color: #FC9B65;
  border-color: #FC9B65;
  background-color: white;
  color: #ca7c51;
}
.btn-outline-orange-light07:hover {
  color: #181818;
  background-color: #FC9B65;
  border-color: #FC9B65;
}
.btn-check:focus + .btn-outline-orange-light07, .btn-outline-orange-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 155, 101, 0.5);
}
.btn-check:checked + .btn-outline-orange-light07, .btn-check:active + .btn-outline-orange-light07, .btn-outline-orange-light07:active, .btn-outline-orange-light07.active, .btn-outline-orange-light07.dropdown-toggle.show {
  color: #181818;
  background-color: #FC9B65;
  border-color: #FC9B65;
}
.btn-check:checked + .btn-outline-orange-light07:focus, .btn-check:active + .btn-outline-orange-light07:focus, .btn-outline-orange-light07:active:focus, .btn-outline-orange-light07.active:focus, .btn-outline-orange-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 155, 101, 0.5);
}
.btn-outline-orange-light07:disabled, .btn-outline-orange-light07.disabled {
  color: #FC9B65;
  background-color: transparent;
}
.btn-outline-orange-light07:hover {
  color: #ca7c51;
  border-color: #FC9B65;
  background-color: white;
  position: relative;
}
.btn-outline-orange-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-base {
  color: #FB823F;
  border-color: #FB823F;
  background-color: white;
  color: #c96832;
}
.btn-outline-orange-base:hover {
  color: #fff;
  background-color: #FB823F;
  border-color: #FB823F;
}
.btn-check:focus + .btn-outline-orange-base, .btn-outline-orange-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 130, 63, 0.5);
}
.btn-check:checked + .btn-outline-orange-base, .btn-check:active + .btn-outline-orange-base, .btn-outline-orange-base:active, .btn-outline-orange-base.active, .btn-outline-orange-base.dropdown-toggle.show {
  color: #fff;
  background-color: #FB823F;
  border-color: #FB823F;
}
.btn-check:checked + .btn-outline-orange-base:focus, .btn-check:active + .btn-outline-orange-base:focus, .btn-outline-orange-base:active:focus, .btn-outline-orange-base.active:focus, .btn-outline-orange-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 130, 63, 0.5);
}
.btn-outline-orange-base:disabled, .btn-outline-orange-base.disabled {
  color: #FB823F;
  background-color: transparent;
}
.btn-outline-orange-base:hover {
  color: #c96832;
  border-color: #FB823F;
  background-color: white;
  position: relative;
}
.btn-outline-orange-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark07 {
  color: #D97239;
  border-color: #D97239;
  background-color: white;
  color: #ae5b2e;
}
.btn-outline-orange-dark07:hover {
  color: #fff;
  background-color: #D97239;
  border-color: #D97239;
}
.btn-check:focus + .btn-outline-orange-dark07, .btn-outline-orange-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 114, 57, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark07, .btn-check:active + .btn-outline-orange-dark07, .btn-outline-orange-dark07:active, .btn-outline-orange-dark07.active, .btn-outline-orange-dark07.dropdown-toggle.show {
  color: #fff;
  background-color: #D97239;
  border-color: #D97239;
}
.btn-check:checked + .btn-outline-orange-dark07:focus, .btn-check:active + .btn-outline-orange-dark07:focus, .btn-outline-orange-dark07:active:focus, .btn-outline-orange-dark07.active:focus, .btn-outline-orange-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 114, 57, 0.5);
}
.btn-outline-orange-dark07:disabled, .btn-outline-orange-dark07.disabled {
  color: #D97239;
  background-color: transparent;
}
.btn-outline-orange-dark07:hover {
  color: #ae5b2e;
  border-color: #D97239;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark06 {
  color: #B76233;
  border-color: #B76233;
  background-color: white;
  color: #924e29;
}
.btn-outline-orange-dark06:hover {
  color: #fff;
  background-color: #B76233;
  border-color: #B76233;
}
.btn-check:focus + .btn-outline-orange-dark06, .btn-outline-orange-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(183, 98, 51, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark06, .btn-check:active + .btn-outline-orange-dark06, .btn-outline-orange-dark06:active, .btn-outline-orange-dark06.active, .btn-outline-orange-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #B76233;
  border-color: #B76233;
}
.btn-check:checked + .btn-outline-orange-dark06:focus, .btn-check:active + .btn-outline-orange-dark06:focus, .btn-outline-orange-dark06:active:focus, .btn-outline-orange-dark06.active:focus, .btn-outline-orange-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(183, 98, 51, 0.5);
}
.btn-outline-orange-dark06:disabled, .btn-outline-orange-dark06.disabled {
  color: #B76233;
  background-color: transparent;
}
.btn-outline-orange-dark06:hover {
  color: #924e29;
  border-color: #B76233;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark05 {
  color: #95522D;
  border-color: #95522D;
  background-color: white;
  color: #774224;
}
.btn-outline-orange-dark05:hover {
  color: #fff;
  background-color: #95522D;
  border-color: #95522D;
}
.btn-check:focus + .btn-outline-orange-dark05, .btn-outline-orange-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(149, 82, 45, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark05, .btn-check:active + .btn-outline-orange-dark05, .btn-outline-orange-dark05:active, .btn-outline-orange-dark05.active, .btn-outline-orange-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #95522D;
  border-color: #95522D;
}
.btn-check:checked + .btn-outline-orange-dark05:focus, .btn-check:active + .btn-outline-orange-dark05:focus, .btn-outline-orange-dark05:active:focus, .btn-outline-orange-dark05.active:focus, .btn-outline-orange-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(149, 82, 45, 0.5);
}
.btn-outline-orange-dark05:disabled, .btn-outline-orange-dark05.disabled {
  color: #95522D;
  background-color: transparent;
}
.btn-outline-orange-dark05:hover {
  color: #774224;
  border-color: #95522D;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark04 {
  color: #734228;
  border-color: #734228;
  background-color: white;
  color: #5c3520;
}
.btn-outline-orange-dark04:hover {
  color: #fff;
  background-color: #734228;
  border-color: #734228;
}
.btn-check:focus + .btn-outline-orange-dark04, .btn-outline-orange-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(115, 66, 40, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark04, .btn-check:active + .btn-outline-orange-dark04, .btn-outline-orange-dark04:active, .btn-outline-orange-dark04.active, .btn-outline-orange-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #734228;
  border-color: #734228;
}
.btn-check:checked + .btn-outline-orange-dark04:focus, .btn-check:active + .btn-outline-orange-dark04:focus, .btn-outline-orange-dark04:active:focus, .btn-outline-orange-dark04.active:focus, .btn-outline-orange-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(115, 66, 40, 0.5);
}
.btn-outline-orange-dark04:disabled, .btn-outline-orange-dark04.disabled {
  color: #734228;
  background-color: transparent;
}
.btn-outline-orange-dark04:hover {
  color: #5c3520;
  border-color: #734228;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark03 {
  color: #513222;
  border-color: #513222;
  background-color: white;
  color: #41281b;
}
.btn-outline-orange-dark03:hover {
  color: #fff;
  background-color: #513222;
  border-color: #513222;
}
.btn-check:focus + .btn-outline-orange-dark03, .btn-outline-orange-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(81, 50, 34, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark03, .btn-check:active + .btn-outline-orange-dark03, .btn-outline-orange-dark03:active, .btn-outline-orange-dark03.active, .btn-outline-orange-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #513222;
  border-color: #513222;
}
.btn-check:checked + .btn-outline-orange-dark03:focus, .btn-check:active + .btn-outline-orange-dark03:focus, .btn-outline-orange-dark03:active:focus, .btn-outline-orange-dark03.active:focus, .btn-outline-orange-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(81, 50, 34, 0.5);
}
.btn-outline-orange-dark03:disabled, .btn-outline-orange-dark03.disabled {
  color: #513222;
  background-color: transparent;
}
.btn-outline-orange-dark03:hover {
  color: #41281b;
  border-color: #513222;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark02 {
  color: #3A281E;
  border-color: #3A281E;
  background-color: white;
  color: #2e2018;
}
.btn-outline-orange-dark02:hover {
  color: #fff;
  background-color: #3A281E;
  border-color: #3A281E;
}
.btn-check:focus + .btn-outline-orange-dark02, .btn-outline-orange-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 40, 30, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark02, .btn-check:active + .btn-outline-orange-dark02, .btn-outline-orange-dark02:active, .btn-outline-orange-dark02.active, .btn-outline-orange-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #3A281E;
  border-color: #3A281E;
}
.btn-check:checked + .btn-outline-orange-dark02:focus, .btn-check:active + .btn-outline-orange-dark02:focus, .btn-outline-orange-dark02:active:focus, .btn-outline-orange-dark02.active:focus, .btn-outline-orange-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 40, 30, 0.5);
}
.btn-outline-orange-dark02:disabled, .btn-outline-orange-dark02.disabled {
  color: #3A281E;
  background-color: transparent;
}
.btn-outline-orange-dark02:hover {
  color: #2e2018;
  border-color: #3A281E;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-orange-dark01 {
  color: #231D1A;
  border-color: #231D1A;
  background-color: white;
  color: #1c1715;
}
.btn-outline-orange-dark01:hover {
  color: #fff;
  background-color: #231D1A;
  border-color: #231D1A;
}
.btn-check:focus + .btn-outline-orange-dark01, .btn-outline-orange-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 29, 26, 0.5);
}
.btn-check:checked + .btn-outline-orange-dark01, .btn-check:active + .btn-outline-orange-dark01, .btn-outline-orange-dark01:active, .btn-outline-orange-dark01.active, .btn-outline-orange-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #231D1A;
  border-color: #231D1A;
}
.btn-check:checked + .btn-outline-orange-dark01:focus, .btn-check:active + .btn-outline-orange-dark01:focus, .btn-outline-orange-dark01:active:focus, .btn-outline-orange-dark01.active:focus, .btn-outline-orange-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 29, 26, 0.5);
}
.btn-outline-orange-dark01:disabled, .btn-outline-orange-dark01.disabled {
  color: #231D1A;
  background-color: transparent;
}
.btn-outline-orange-dark01:hover {
  color: #1c1715;
  border-color: #231D1A;
  background-color: white;
  position: relative;
}
.btn-outline-orange-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light01 {
  color: #FEFBF3;
  border-color: #FEFBF3;
  background-color: white;
  color: #cbc9c2;
}
.btn-outline-yellow-light01:hover {
  color: #181818;
  background-color: #FEFBF3;
  border-color: #FEFBF3;
}
.btn-check:focus + .btn-outline-yellow-light01, .btn-outline-yellow-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 251, 243, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light01, .btn-check:active + .btn-outline-yellow-light01, .btn-outline-yellow-light01:active, .btn-outline-yellow-light01.active, .btn-outline-yellow-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #FEFBF3;
  border-color: #FEFBF3;
}
.btn-check:checked + .btn-outline-yellow-light01:focus, .btn-check:active + .btn-outline-yellow-light01:focus, .btn-outline-yellow-light01:active:focus, .btn-outline-yellow-light01.active:focus, .btn-outline-yellow-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 251, 243, 0.5);
}
.btn-outline-yellow-light01:disabled, .btn-outline-yellow-light01.disabled {
  color: #FEFBF3;
  background-color: transparent;
}
.btn-outline-yellow-light01:hover {
  color: #cbc9c2;
  border-color: #FEFBF3;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light02 {
  color: #FCF4E0;
  border-color: #FCF4E0;
  background-color: white;
  color: #cac3b3;
}
.btn-outline-yellow-light02:hover {
  color: #181818;
  background-color: #FCF4E0;
  border-color: #FCF4E0;
}
.btn-check:focus + .btn-outline-yellow-light02, .btn-outline-yellow-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 244, 224, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light02, .btn-check:active + .btn-outline-yellow-light02, .btn-outline-yellow-light02:active, .btn-outline-yellow-light02.active, .btn-outline-yellow-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #FCF4E0;
  border-color: #FCF4E0;
}
.btn-check:checked + .btn-outline-yellow-light02:focus, .btn-check:active + .btn-outline-yellow-light02:focus, .btn-outline-yellow-light02:active:focus, .btn-outline-yellow-light02.active:focus, .btn-outline-yellow-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 244, 224, 0.5);
}
.btn-outline-yellow-light02:disabled, .btn-outline-yellow-light02.disabled {
  color: #FCF4E0;
  background-color: transparent;
}
.btn-outline-yellow-light02:hover {
  color: #cac3b3;
  border-color: #FCF4E0;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light03 {
  color: #FBEDCB;
  border-color: #FBEDCB;
  background-color: white;
  color: #c9bea2;
}
.btn-outline-yellow-light03:hover {
  color: #181818;
  background-color: #FBEDCB;
  border-color: #FBEDCB;
}
.btn-check:focus + .btn-outline-yellow-light03, .btn-outline-yellow-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 237, 203, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light03, .btn-check:active + .btn-outline-yellow-light03, .btn-outline-yellow-light03:active, .btn-outline-yellow-light03.active, .btn-outline-yellow-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #FBEDCB;
  border-color: #FBEDCB;
}
.btn-check:checked + .btn-outline-yellow-light03:focus, .btn-check:active + .btn-outline-yellow-light03:focus, .btn-outline-yellow-light03:active:focus, .btn-outline-yellow-light03.active:focus, .btn-outline-yellow-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 237, 203, 0.5);
}
.btn-outline-yellow-light03:disabled, .btn-outline-yellow-light03.disabled {
  color: #FBEDCB;
  background-color: transparent;
}
.btn-outline-yellow-light03:hover {
  color: #c9bea2;
  border-color: #FBEDCB;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light04 {
  color: #F9E5B7;
  border-color: #F9E5B7;
  background-color: white;
  color: #c7b792;
}
.btn-outline-yellow-light04:hover {
  color: #181818;
  background-color: #F9E5B7;
  border-color: #F9E5B7;
}
.btn-check:focus + .btn-outline-yellow-light04, .btn-outline-yellow-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(249, 229, 183, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light04, .btn-check:active + .btn-outline-yellow-light04, .btn-outline-yellow-light04:active, .btn-outline-yellow-light04.active, .btn-outline-yellow-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #F9E5B7;
  border-color: #F9E5B7;
}
.btn-check:checked + .btn-outline-yellow-light04:focus, .btn-check:active + .btn-outline-yellow-light04:focus, .btn-outline-yellow-light04:active:focus, .btn-outline-yellow-light04.active:focus, .btn-outline-yellow-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(249, 229, 183, 0.5);
}
.btn-outline-yellow-light04:disabled, .btn-outline-yellow-light04.disabled {
  color: #F9E5B7;
  background-color: transparent;
}
.btn-outline-yellow-light04:hover {
  color: #c7b792;
  border-color: #F9E5B7;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light05 {
  color: #F6D78E;
  border-color: #F6D78E;
  background-color: white;
  color: #c5ac72;
}
.btn-outline-yellow-light05:hover {
  color: #181818;
  background-color: #F6D78E;
  border-color: #F6D78E;
}
.btn-check:focus + .btn-outline-yellow-light05, .btn-outline-yellow-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 215, 142, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light05, .btn-check:active + .btn-outline-yellow-light05, .btn-outline-yellow-light05:active, .btn-outline-yellow-light05.active, .btn-outline-yellow-light05.dropdown-toggle.show {
  color: #181818;
  background-color: #F6D78E;
  border-color: #F6D78E;
}
.btn-check:checked + .btn-outline-yellow-light05:focus, .btn-check:active + .btn-outline-yellow-light05:focus, .btn-outline-yellow-light05:active:focus, .btn-outline-yellow-light05.active:focus, .btn-outline-yellow-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 215, 142, 0.5);
}
.btn-outline-yellow-light05:disabled, .btn-outline-yellow-light05.disabled {
  color: #F6D78E;
  background-color: transparent;
}
.btn-outline-yellow-light05:hover {
  color: #c5ac72;
  border-color: #F6D78E;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light06 {
  color: #F4D079;
  border-color: #F4D079;
  background-color: white;
  color: #c3a661;
}
.btn-outline-yellow-light06:hover {
  color: #181818;
  background-color: #F4D079;
  border-color: #F4D079;
}
.btn-check:focus + .btn-outline-yellow-light06, .btn-outline-yellow-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 208, 121, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light06, .btn-check:active + .btn-outline-yellow-light06, .btn-outline-yellow-light06:active, .btn-outline-yellow-light06.active, .btn-outline-yellow-light06.dropdown-toggle.show {
  color: #181818;
  background-color: #F4D079;
  border-color: #F4D079;
}
.btn-check:checked + .btn-outline-yellow-light06:focus, .btn-check:active + .btn-outline-yellow-light06:focus, .btn-outline-yellow-light06:active:focus, .btn-outline-yellow-light06.active:focus, .btn-outline-yellow-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 208, 121, 0.5);
}
.btn-outline-yellow-light06:disabled, .btn-outline-yellow-light06.disabled {
  color: #F4D079;
  background-color: transparent;
}
.btn-outline-yellow-light06:hover {
  color: #c3a661;
  border-color: #F4D079;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-light07 {
  color: #F1C55A;
  border-color: #F1C55A;
  background-color: white;
  color: #c19e48;
}
.btn-outline-yellow-light07:hover {
  color: #181818;
  background-color: #F1C55A;
  border-color: #F1C55A;
}
.btn-check:focus + .btn-outline-yellow-light07, .btn-outline-yellow-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(241, 197, 90, 0.5);
}
.btn-check:checked + .btn-outline-yellow-light07, .btn-check:active + .btn-outline-yellow-light07, .btn-outline-yellow-light07:active, .btn-outline-yellow-light07.active, .btn-outline-yellow-light07.dropdown-toggle.show {
  color: #181818;
  background-color: #F1C55A;
  border-color: #F1C55A;
}
.btn-check:checked + .btn-outline-yellow-light07:focus, .btn-check:active + .btn-outline-yellow-light07:focus, .btn-outline-yellow-light07:active:focus, .btn-outline-yellow-light07.active:focus, .btn-outline-yellow-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(241, 197, 90, 0.5);
}
.btn-outline-yellow-light07:disabled, .btn-outline-yellow-light07.disabled {
  color: #F1C55A;
  background-color: transparent;
}
.btn-outline-yellow-light07:hover {
  color: #c19e48;
  border-color: #F1C55A;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-base {
  color: #EEB631;
  border-color: #EEB631;
  background-color: white;
  color: #be9227;
}
.btn-outline-yellow-base:hover {
  color: #181818;
  background-color: #EEB631;
  border-color: #EEB631;
}
.btn-check:focus + .btn-outline-yellow-base, .btn-outline-yellow-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(238, 182, 49, 0.5);
}
.btn-check:checked + .btn-outline-yellow-base, .btn-check:active + .btn-outline-yellow-base, .btn-outline-yellow-base:active, .btn-outline-yellow-base.active, .btn-outline-yellow-base.dropdown-toggle.show {
  color: #181818;
  background-color: #EEB631;
  border-color: #EEB631;
}
.btn-check:checked + .btn-outline-yellow-base:focus, .btn-check:active + .btn-outline-yellow-base:focus, .btn-outline-yellow-base:active:focus, .btn-outline-yellow-base.active:focus, .btn-outline-yellow-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(238, 182, 49, 0.5);
}
.btn-outline-yellow-base:disabled, .btn-outline-yellow-base.disabled {
  color: #EEB631;
  background-color: transparent;
}
.btn-outline-yellow-base:hover {
  color: #be9227;
  border-color: #EEB631;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark07 {
  color: #CE9E2D;
  border-color: #CE9E2D;
  background-color: white;
  color: #a57e24;
}
.btn-outline-yellow-dark07:hover {
  color: #181818;
  background-color: #CE9E2D;
  border-color: #CE9E2D;
}
.btn-check:focus + .btn-outline-yellow-dark07, .btn-outline-yellow-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(206, 158, 45, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark07, .btn-check:active + .btn-outline-yellow-dark07, .btn-outline-yellow-dark07:active, .btn-outline-yellow-dark07.active, .btn-outline-yellow-dark07.dropdown-toggle.show {
  color: #181818;
  background-color: #CE9E2D;
  border-color: #CE9E2D;
}
.btn-check:checked + .btn-outline-yellow-dark07:focus, .btn-check:active + .btn-outline-yellow-dark07:focus, .btn-outline-yellow-dark07:active:focus, .btn-outline-yellow-dark07.active:focus, .btn-outline-yellow-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(206, 158, 45, 0.5);
}
.btn-outline-yellow-dark07:disabled, .btn-outline-yellow-dark07.disabled {
  color: #CE9E2D;
  background-color: transparent;
}
.btn-outline-yellow-dark07:hover {
  color: #a57e24;
  border-color: #CE9E2D;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark06 {
  color: #AE872A;
  border-color: #AE872A;
  background-color: white;
  color: #8b6c22;
}
.btn-outline-yellow-dark06:hover {
  color: #fff;
  background-color: #AE872A;
  border-color: #AE872A;
}
.btn-check:focus + .btn-outline-yellow-dark06, .btn-outline-yellow-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(174, 135, 42, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark06, .btn-check:active + .btn-outline-yellow-dark06, .btn-outline-yellow-dark06:active, .btn-outline-yellow-dark06.active, .btn-outline-yellow-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #AE872A;
  border-color: #AE872A;
}
.btn-check:checked + .btn-outline-yellow-dark06:focus, .btn-check:active + .btn-outline-yellow-dark06:focus, .btn-outline-yellow-dark06:active:focus, .btn-outline-yellow-dark06.active:focus, .btn-outline-yellow-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(174, 135, 42, 0.5);
}
.btn-outline-yellow-dark06:disabled, .btn-outline-yellow-dark06.disabled {
  color: #AE872A;
  background-color: transparent;
}
.btn-outline-yellow-dark06:hover {
  color: #8b6c22;
  border-color: #AE872A;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark05 {
  color: #8E6F26;
  border-color: #8E6F26;
  background-color: white;
  color: #72591e;
}
.btn-outline-yellow-dark05:hover {
  color: #fff;
  background-color: #8E6F26;
  border-color: #8E6F26;
}
.btn-check:focus + .btn-outline-yellow-dark05, .btn-outline-yellow-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(142, 111, 38, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark05, .btn-check:active + .btn-outline-yellow-dark05, .btn-outline-yellow-dark05:active, .btn-outline-yellow-dark05.active, .btn-outline-yellow-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #8E6F26;
  border-color: #8E6F26;
}
.btn-check:checked + .btn-outline-yellow-dark05:focus, .btn-check:active + .btn-outline-yellow-dark05:focus, .btn-outline-yellow-dark05:active:focus, .btn-outline-yellow-dark05.active:focus, .btn-outline-yellow-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(142, 111, 38, 0.5);
}
.btn-outline-yellow-dark05:disabled, .btn-outline-yellow-dark05.disabled {
  color: #8E6F26;
  background-color: transparent;
}
.btn-outline-yellow-dark05:hover {
  color: #72591e;
  border-color: #8E6F26;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark04 {
  color: #6E5722;
  border-color: #6E5722;
  background-color: white;
  color: #58461b;
}
.btn-outline-yellow-dark04:hover {
  color: #fff;
  background-color: #6E5722;
  border-color: #6E5722;
}
.btn-check:focus + .btn-outline-yellow-dark04, .btn-outline-yellow-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(110, 87, 34, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark04, .btn-check:active + .btn-outline-yellow-dark04, .btn-outline-yellow-dark04:active, .btn-outline-yellow-dark04.active, .btn-outline-yellow-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #6E5722;
  border-color: #6E5722;
}
.btn-check:checked + .btn-outline-yellow-dark04:focus, .btn-check:active + .btn-outline-yellow-dark04:focus, .btn-outline-yellow-dark04:active:focus, .btn-outline-yellow-dark04.active:focus, .btn-outline-yellow-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(110, 87, 34, 0.5);
}
.btn-outline-yellow-dark04:disabled, .btn-outline-yellow-dark04.disabled {
  color: #6E5722;
  background-color: transparent;
}
.btn-outline-yellow-dark04:hover {
  color: #58461b;
  border-color: #6E5722;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark03 {
  color: #4D3F1E;
  border-color: #4D3F1E;
  background-color: white;
  color: #3e3218;
}
.btn-outline-yellow-dark03:hover {
  color: #fff;
  background-color: #4D3F1E;
  border-color: #4D3F1E;
}
.btn-check:focus + .btn-outline-yellow-dark03, .btn-outline-yellow-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 63, 30, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark03, .btn-check:active + .btn-outline-yellow-dark03, .btn-outline-yellow-dark03:active, .btn-outline-yellow-dark03.active, .btn-outline-yellow-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #4D3F1E;
  border-color: #4D3F1E;
}
.btn-check:checked + .btn-outline-yellow-dark03:focus, .btn-check:active + .btn-outline-yellow-dark03:focus, .btn-outline-yellow-dark03:active:focus, .btn-outline-yellow-dark03.active:focus, .btn-outline-yellow-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 63, 30, 0.5);
}
.btn-outline-yellow-dark03:disabled, .btn-outline-yellow-dark03.disabled {
  color: #4D3F1E;
  background-color: transparent;
}
.btn-outline-yellow-dark03:hover {
  color: #3e3218;
  border-color: #4D3F1E;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark02 {
  color: #38301C;
  border-color: #38301C;
  background-color: white;
  color: #2d2616;
}
.btn-outline-yellow-dark02:hover {
  color: #fff;
  background-color: #38301C;
  border-color: #38301C;
}
.btn-check:focus + .btn-outline-yellow-dark02, .btn-outline-yellow-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 48, 28, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark02, .btn-check:active + .btn-outline-yellow-dark02, .btn-outline-yellow-dark02:active, .btn-outline-yellow-dark02.active, .btn-outline-yellow-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #38301C;
  border-color: #38301C;
}
.btn-check:checked + .btn-outline-yellow-dark02:focus, .btn-check:active + .btn-outline-yellow-dark02:focus, .btn-outline-yellow-dark02:active:focus, .btn-outline-yellow-dark02.active:focus, .btn-outline-yellow-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 48, 28, 0.5);
}
.btn-outline-yellow-dark02:disabled, .btn-outline-yellow-dark02.disabled {
  color: #38301C;
  background-color: transparent;
}
.btn-outline-yellow-dark02:hover {
  color: #2d2616;
  border-color: #38301C;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-yellow-dark01 {
  color: #232019;
  border-color: #232019;
  background-color: white;
  color: #1c1a14;
}
.btn-outline-yellow-dark01:hover {
  color: #fff;
  background-color: #232019;
  border-color: #232019;
}
.btn-check:focus + .btn-outline-yellow-dark01, .btn-outline-yellow-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 32, 25, 0.5);
}
.btn-check:checked + .btn-outline-yellow-dark01, .btn-check:active + .btn-outline-yellow-dark01, .btn-outline-yellow-dark01:active, .btn-outline-yellow-dark01.active, .btn-outline-yellow-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #232019;
  border-color: #232019;
}
.btn-check:checked + .btn-outline-yellow-dark01:focus, .btn-check:active + .btn-outline-yellow-dark01:focus, .btn-outline-yellow-dark01:active:focus, .btn-outline-yellow-dark01.active:focus, .btn-outline-yellow-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 32, 25, 0.5);
}
.btn-outline-yellow-dark01:disabled, .btn-outline-yellow-dark01.disabled {
  color: #232019;
  background-color: transparent;
}
.btn-outline-yellow-dark01:hover {
  color: #1c1a14;
  border-color: #232019;
  background-color: white;
  position: relative;
}
.btn-outline-yellow-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light01 {
  color: #F0FAF6;
  border-color: #F0FAF6;
  background-color: white;
  color: #c0c8c5;
}
.btn-outline-green-light01:hover {
  color: #181818;
  background-color: #F0FAF6;
  border-color: #F0FAF6;
}
.btn-check:focus + .btn-outline-green-light01, .btn-outline-green-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(240, 250, 246, 0.5);
}
.btn-check:checked + .btn-outline-green-light01, .btn-check:active + .btn-outline-green-light01, .btn-outline-green-light01:active, .btn-outline-green-light01.active, .btn-outline-green-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #F0FAF6;
  border-color: #F0FAF6;
}
.btn-check:checked + .btn-outline-green-light01:focus, .btn-check:active + .btn-outline-green-light01:focus, .btn-outline-green-light01:active:focus, .btn-outline-green-light01.active:focus, .btn-outline-green-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(240, 250, 246, 0.5);
}
.btn-outline-green-light01:disabled, .btn-outline-green-light01.disabled {
  color: #F0FAF6;
  background-color: transparent;
}
.btn-outline-green-light01:hover {
  color: #c0c8c5;
  border-color: #F0FAF6;
  background-color: white;
  position: relative;
}
.btn-outline-green-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light02 {
  color: #DAF2EA;
  border-color: #DAF2EA;
  background-color: white;
  color: #aec2bb;
}
.btn-outline-green-light02:hover {
  color: #181818;
  background-color: #DAF2EA;
  border-color: #DAF2EA;
}
.btn-check:focus + .btn-outline-green-light02, .btn-outline-green-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 242, 234, 0.5);
}
.btn-check:checked + .btn-outline-green-light02, .btn-check:active + .btn-outline-green-light02, .btn-outline-green-light02:active, .btn-outline-green-light02.active, .btn-outline-green-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #DAF2EA;
  border-color: #DAF2EA;
}
.btn-check:checked + .btn-outline-green-light02:focus, .btn-check:active + .btn-outline-green-light02:focus, .btn-outline-green-light02:active:focus, .btn-outline-green-light02.active:focus, .btn-outline-green-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 242, 234, 0.5);
}
.btn-outline-green-light02:disabled, .btn-outline-green-light02.disabled {
  color: #DAF2EA;
  background-color: transparent;
}
.btn-outline-green-light02:hover {
  color: #aec2bb;
  border-color: #DAF2EA;
  background-color: white;
  position: relative;
}
.btn-outline-green-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light03 {
  color: #C2EADB;
  border-color: #C2EADB;
  background-color: white;
  color: #9bbbaf;
}
.btn-outline-green-light03:hover {
  color: #181818;
  background-color: #C2EADB;
  border-color: #C2EADB;
}
.btn-check:focus + .btn-outline-green-light03, .btn-outline-green-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(194, 234, 219, 0.5);
}
.btn-check:checked + .btn-outline-green-light03, .btn-check:active + .btn-outline-green-light03, .btn-outline-green-light03:active, .btn-outline-green-light03.active, .btn-outline-green-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #C2EADB;
  border-color: #C2EADB;
}
.btn-check:checked + .btn-outline-green-light03:focus, .btn-check:active + .btn-outline-green-light03:focus, .btn-outline-green-light03:active:focus, .btn-outline-green-light03.active:focus, .btn-outline-green-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(194, 234, 219, 0.5);
}
.btn-outline-green-light03:disabled, .btn-outline-green-light03.disabled {
  color: #C2EADB;
  background-color: transparent;
}
.btn-outline-green-light03:hover {
  color: #9bbbaf;
  border-color: #C2EADB;
  background-color: white;
  position: relative;
}
.btn-outline-green-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light04 {
  color: #AAE2CD;
  border-color: #AAE2CD;
  background-color: white;
  color: #88b5a4;
}
.btn-outline-green-light04:hover {
  color: #181818;
  background-color: #AAE2CD;
  border-color: #AAE2CD;
}
.btn-check:focus + .btn-outline-green-light04, .btn-outline-green-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 226, 205, 0.5);
}
.btn-check:checked + .btn-outline-green-light04, .btn-check:active + .btn-outline-green-light04, .btn-outline-green-light04:active, .btn-outline-green-light04.active, .btn-outline-green-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #AAE2CD;
  border-color: #AAE2CD;
}
.btn-check:checked + .btn-outline-green-light04:focus, .btn-check:active + .btn-outline-green-light04:focus, .btn-outline-green-light04:active:focus, .btn-outline-green-light04.active:focus, .btn-outline-green-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 226, 205, 0.5);
}
.btn-outline-green-light04:disabled, .btn-outline-green-light04.disabled {
  color: #AAE2CD;
  background-color: transparent;
}
.btn-outline-green-light04:hover {
  color: #88b5a4;
  border-color: #AAE2CD;
  background-color: white;
  position: relative;
}
.btn-outline-green-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light05 {
  color: #79D1B1;
  border-color: #79D1B1;
  background-color: white;
  color: #61a78e;
}
.btn-outline-green-light05:hover {
  color: #181818;
  background-color: #79D1B1;
  border-color: #79D1B1;
}
.btn-check:focus + .btn-outline-green-light05, .btn-outline-green-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(121, 209, 177, 0.5);
}
.btn-check:checked + .btn-outline-green-light05, .btn-check:active + .btn-outline-green-light05, .btn-outline-green-light05:active, .btn-outline-green-light05.active, .btn-outline-green-light05.dropdown-toggle.show {
  color: #181818;
  background-color: #79D1B1;
  border-color: #79D1B1;
}
.btn-check:checked + .btn-outline-green-light05:focus, .btn-check:active + .btn-outline-green-light05:focus, .btn-outline-green-light05:active:focus, .btn-outline-green-light05.active:focus, .btn-outline-green-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(121, 209, 177, 0.5);
}
.btn-outline-green-light05:disabled, .btn-outline-green-light05.disabled {
  color: #79D1B1;
  background-color: transparent;
}
.btn-outline-green-light05:hover {
  color: #61a78e;
  border-color: #79D1B1;
  background-color: white;
  position: relative;
}
.btn-outline-green-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light06 {
  color: #60C8A3;
  border-color: #60C8A3;
  background-color: white;
  color: #4da082;
}
.btn-outline-green-light06:hover {
  color: #181818;
  background-color: #60C8A3;
  border-color: #60C8A3;
}
.btn-check:focus + .btn-outline-green-light06, .btn-outline-green-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(96, 200, 163, 0.5);
}
.btn-check:checked + .btn-outline-green-light06, .btn-check:active + .btn-outline-green-light06, .btn-outline-green-light06:active, .btn-outline-green-light06.active, .btn-outline-green-light06.dropdown-toggle.show {
  color: #181818;
  background-color: #60C8A3;
  border-color: #60C8A3;
}
.btn-check:checked + .btn-outline-green-light06:focus, .btn-check:active + .btn-outline-green-light06:focus, .btn-outline-green-light06:active:focus, .btn-outline-green-light06.active:focus, .btn-outline-green-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(96, 200, 163, 0.5);
}
.btn-outline-green-light06:disabled, .btn-outline-green-light06.disabled {
  color: #60C8A3;
  background-color: transparent;
}
.btn-outline-green-light06:hover {
  color: #4da082;
  border-color: #60C8A3;
  background-color: white;
  position: relative;
}
.btn-outline-green-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-light07 {
  color: #3CBC8D;
  border-color: #3CBC8D;
  background-color: white;
  color: #309671;
}
.btn-outline-green-light07:hover {
  color: #181818;
  background-color: #3CBC8D;
  border-color: #3CBC8D;
}
.btn-check:focus + .btn-outline-green-light07, .btn-outline-green-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 188, 141, 0.5);
}
.btn-check:checked + .btn-outline-green-light07, .btn-check:active + .btn-outline-green-light07, .btn-outline-green-light07:active, .btn-outline-green-light07.active, .btn-outline-green-light07.dropdown-toggle.show {
  color: #181818;
  background-color: #3CBC8D;
  border-color: #3CBC8D;
}
.btn-check:checked + .btn-outline-green-light07:focus, .btn-check:active + .btn-outline-green-light07:focus, .btn-outline-green-light07:active:focus, .btn-outline-green-light07.active:focus, .btn-outline-green-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 188, 141, 0.5);
}
.btn-outline-green-light07:disabled, .btn-outline-green-light07.disabled {
  color: #3CBC8D;
  background-color: transparent;
}
.btn-outline-green-light07:hover {
  color: #309671;
  border-color: #3CBC8D;
  background-color: white;
  position: relative;
}
.btn-outline-green-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-base {
  color: #0BAB71;
  border-color: #0BAB71;
  background-color: white;
  color: #09895a;
}
.btn-outline-green-base:hover {
  color: #fff;
  background-color: #0BAB71;
  border-color: #0BAB71;
}
.btn-check:focus + .btn-outline-green-base, .btn-outline-green-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 171, 113, 0.5);
}
.btn-check:checked + .btn-outline-green-base, .btn-check:active + .btn-outline-green-base, .btn-outline-green-base:active, .btn-outline-green-base.active, .btn-outline-green-base.dropdown-toggle.show {
  color: #fff;
  background-color: #0BAB71;
  border-color: #0BAB71;
}
.btn-check:checked + .btn-outline-green-base:focus, .btn-check:active + .btn-outline-green-base:focus, .btn-outline-green-base:active:focus, .btn-outline-green-base.active:focus, .btn-outline-green-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 171, 113, 0.5);
}
.btn-outline-green-base:disabled, .btn-outline-green-base.disabled {
  color: #0BAB71;
  background-color: transparent;
}
.btn-outline-green-base:hover {
  color: #09895a;
  border-color: #0BAB71;
  background-color: white;
  position: relative;
}
.btn-outline-green-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark07 {
  color: #0D9564;
  border-color: #0D9564;
  background-color: white;
  color: #0a7750;
}
.btn-outline-green-dark07:hover {
  color: #fff;
  background-color: #0D9564;
  border-color: #0D9564;
}
.btn-check:focus + .btn-outline-green-dark07, .btn-outline-green-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 149, 100, 0.5);
}
.btn-check:checked + .btn-outline-green-dark07, .btn-check:active + .btn-outline-green-dark07, .btn-outline-green-dark07:active, .btn-outline-green-dark07.active, .btn-outline-green-dark07.dropdown-toggle.show {
  color: #fff;
  background-color: #0D9564;
  border-color: #0D9564;
}
.btn-check:checked + .btn-outline-green-dark07:focus, .btn-check:active + .btn-outline-green-dark07:focus, .btn-outline-green-dark07:active:focus, .btn-outline-green-dark07.active:focus, .btn-outline-green-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 149, 100, 0.5);
}
.btn-outline-green-dark07:disabled, .btn-outline-green-dark07.disabled {
  color: #0D9564;
  background-color: transparent;
}
.btn-outline-green-dark07:hover {
  color: #0a7750;
  border-color: #0D9564;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark06 {
  color: #0F7F56;
  border-color: #0F7F56;
  background-color: white;
  color: #0c6645;
}
.btn-outline-green-dark06:hover {
  color: #fff;
  background-color: #0F7F56;
  border-color: #0F7F56;
}
.btn-check:focus + .btn-outline-green-dark06, .btn-outline-green-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 127, 86, 0.5);
}
.btn-check:checked + .btn-outline-green-dark06, .btn-check:active + .btn-outline-green-dark06, .btn-outline-green-dark06:active, .btn-outline-green-dark06.active, .btn-outline-green-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #0F7F56;
  border-color: #0F7F56;
}
.btn-check:checked + .btn-outline-green-dark06:focus, .btn-check:active + .btn-outline-green-dark06:focus, .btn-outline-green-dark06:active:focus, .btn-outline-green-dark06.active:focus, .btn-outline-green-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 127, 86, 0.5);
}
.btn-outline-green-dark06:disabled, .btn-outline-green-dark06.disabled {
  color: #0F7F56;
  background-color: transparent;
}
.btn-outline-green-dark06:hover {
  color: #0c6645;
  border-color: #0F7F56;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark05 {
  color: #116949;
  border-color: #116949;
  background-color: white;
  color: #0e543a;
}
.btn-outline-green-dark05:hover {
  color: #fff;
  background-color: #116949;
  border-color: #116949;
}
.btn-check:focus + .btn-outline-green-dark05, .btn-outline-green-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 105, 73, 0.5);
}
.btn-check:checked + .btn-outline-green-dark05, .btn-check:active + .btn-outline-green-dark05, .btn-outline-green-dark05:active, .btn-outline-green-dark05.active, .btn-outline-green-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #116949;
  border-color: #116949;
}
.btn-check:checked + .btn-outline-green-dark05:focus, .btn-check:active + .btn-outline-green-dark05:focus, .btn-outline-green-dark05:active:focus, .btn-outline-green-dark05.active:focus, .btn-outline-green-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 105, 73, 0.5);
}
.btn-outline-green-dark05:disabled, .btn-outline-green-dark05.disabled {
  color: #116949;
  background-color: transparent;
}
.btn-outline-green-dark05:hover {
  color: #0e543a;
  border-color: #116949;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark04 {
  color: #13533C;
  border-color: #13533C;
  background-color: white;
  color: #0f4230;
}
.btn-outline-green-dark04:hover {
  color: #fff;
  background-color: #13533C;
  border-color: #13533C;
}
.btn-check:focus + .btn-outline-green-dark04, .btn-outline-green-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(19, 83, 60, 0.5);
}
.btn-check:checked + .btn-outline-green-dark04, .btn-check:active + .btn-outline-green-dark04, .btn-outline-green-dark04:active, .btn-outline-green-dark04.active, .btn-outline-green-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #13533C;
  border-color: #13533C;
}
.btn-check:checked + .btn-outline-green-dark04:focus, .btn-check:active + .btn-outline-green-dark04:focus, .btn-outline-green-dark04:active:focus, .btn-outline-green-dark04.active:focus, .btn-outline-green-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(19, 83, 60, 0.5);
}
.btn-outline-green-dark04:disabled, .btn-outline-green-dark04.disabled {
  color: #13533C;
  background-color: transparent;
}
.btn-outline-green-dark04:hover {
  color: #0f4230;
  border-color: #13533C;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark03 {
  color: #153D2E;
  border-color: #153D2E;
  background-color: white;
  color: #113125;
}
.btn-outline-green-dark03:hover {
  color: #fff;
  background-color: #153D2E;
  border-color: #153D2E;
}
.btn-check:focus + .btn-outline-green-dark03, .btn-outline-green-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(21, 61, 46, 0.5);
}
.btn-check:checked + .btn-outline-green-dark03, .btn-check:active + .btn-outline-green-dark03, .btn-outline-green-dark03:active, .btn-outline-green-dark03.active, .btn-outline-green-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #153D2E;
  border-color: #153D2E;
}
.btn-check:checked + .btn-outline-green-dark03:focus, .btn-check:active + .btn-outline-green-dark03:focus, .btn-outline-green-dark03:active:focus, .btn-outline-green-dark03.active:focus, .btn-outline-green-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(21, 61, 46, 0.5);
}
.btn-outline-green-dark03:disabled, .btn-outline-green-dark03.disabled {
  color: #153D2E;
  background-color: transparent;
}
.btn-outline-green-dark03:hover {
  color: #113125;
  border-color: #153D2E;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark02 {
  color: #162E25;
  border-color: #162E25;
  background-color: white;
  color: #12251e;
}
.btn-outline-green-dark02:hover {
  color: #fff;
  background-color: #162E25;
  border-color: #162E25;
}
.btn-check:focus + .btn-outline-green-dark02, .btn-outline-green-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 46, 37, 0.5);
}
.btn-check:checked + .btn-outline-green-dark02, .btn-check:active + .btn-outline-green-dark02, .btn-outline-green-dark02:active, .btn-outline-green-dark02.active, .btn-outline-green-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #162E25;
  border-color: #162E25;
}
.btn-check:checked + .btn-outline-green-dark02:focus, .btn-check:active + .btn-outline-green-dark02:focus, .btn-outline-green-dark02:active:focus, .btn-outline-green-dark02.active:focus, .btn-outline-green-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 46, 37, 0.5);
}
.btn-outline-green-dark02:disabled, .btn-outline-green-dark02.disabled {
  color: #162E25;
  background-color: transparent;
}
.btn-outline-green-dark02:hover {
  color: #12251e;
  border-color: #162E25;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-green-dark01 {
  color: #171F1C;
  border-color: #171F1C;
  background-color: white;
  color: #121916;
}
.btn-outline-green-dark01:hover {
  color: #fff;
  background-color: #171F1C;
  border-color: #171F1C;
}
.btn-check:focus + .btn-outline-green-dark01, .btn-outline-green-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(23, 31, 28, 0.5);
}
.btn-check:checked + .btn-outline-green-dark01, .btn-check:active + .btn-outline-green-dark01, .btn-outline-green-dark01:active, .btn-outline-green-dark01.active, .btn-outline-green-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #171F1C;
  border-color: #171F1C;
}
.btn-check:checked + .btn-outline-green-dark01:focus, .btn-check:active + .btn-outline-green-dark01:focus, .btn-outline-green-dark01:active:focus, .btn-outline-green-dark01.active:focus, .btn-outline-green-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(23, 31, 28, 0.5);
}
.btn-outline-green-dark01:disabled, .btn-outline-green-dark01.disabled {
  color: #171F1C;
  background-color: transparent;
}
.btn-outline-green-dark01:hover {
  color: #121916;
  border-color: #171F1C;
  background-color: white;
  position: relative;
}
.btn-outline-green-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light01 {
  color: #F1F9FE;
  border-color: #F1F9FE;
  background-color: white;
  color: #c1c7cb;
}
.btn-outline-lightblue-light01:hover {
  color: #181818;
  background-color: #F1F9FE;
  border-color: #F1F9FE;
}
.btn-check:focus + .btn-outline-lightblue-light01, .btn-outline-lightblue-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(241, 249, 254, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light01, .btn-check:active + .btn-outline-lightblue-light01, .btn-outline-lightblue-light01:active, .btn-outline-lightblue-light01.active, .btn-outline-lightblue-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #F1F9FE;
  border-color: #F1F9FE;
}
.btn-check:checked + .btn-outline-lightblue-light01:focus, .btn-check:active + .btn-outline-lightblue-light01:focus, .btn-outline-lightblue-light01:active:focus, .btn-outline-lightblue-light01.active:focus, .btn-outline-lightblue-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(241, 249, 254, 0.5);
}
.btn-outline-lightblue-light01:disabled, .btn-outline-lightblue-light01.disabled {
  color: #F1F9FE;
  background-color: transparent;
}
.btn-outline-lightblue-light01:hover {
  color: #c1c7cb;
  border-color: #F1F9FE;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light02 {
  color: #DBEFFD;
  border-color: #DBEFFD;
  background-color: white;
  color: #afbfca;
}
.btn-outline-lightblue-light02:hover {
  color: #181818;
  background-color: #DBEFFD;
  border-color: #DBEFFD;
}
.btn-check:focus + .btn-outline-lightblue-light02, .btn-outline-lightblue-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(219, 239, 253, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light02, .btn-check:active + .btn-outline-lightblue-light02, .btn-outline-lightblue-light02:active, .btn-outline-lightblue-light02.active, .btn-outline-lightblue-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #DBEFFD;
  border-color: #DBEFFD;
}
.btn-check:checked + .btn-outline-lightblue-light02:focus, .btn-check:active + .btn-outline-lightblue-light02:focus, .btn-outline-lightblue-light02:active:focus, .btn-outline-lightblue-light02.active:focus, .btn-outline-lightblue-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(219, 239, 253, 0.5);
}
.btn-outline-lightblue-light02:disabled, .btn-outline-lightblue-light02.disabled {
  color: #DBEFFD;
  background-color: transparent;
}
.btn-outline-lightblue-light02:hover {
  color: #afbfca;
  border-color: #DBEFFD;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light03 {
  color: #C4E4FC;
  border-color: #C4E4FC;
  background-color: white;
  color: #9db6ca;
}
.btn-outline-lightblue-light03:hover {
  color: #181818;
  background-color: #C4E4FC;
  border-color: #C4E4FC;
}
.btn-check:focus + .btn-outline-lightblue-light03, .btn-outline-lightblue-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(196, 228, 252, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light03, .btn-check:active + .btn-outline-lightblue-light03, .btn-outline-lightblue-light03:active, .btn-outline-lightblue-light03.active, .btn-outline-lightblue-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #C4E4FC;
  border-color: #C4E4FC;
}
.btn-check:checked + .btn-outline-lightblue-light03:focus, .btn-check:active + .btn-outline-lightblue-light03:focus, .btn-outline-lightblue-light03:active:focus, .btn-outline-lightblue-light03.active:focus, .btn-outline-lightblue-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(196, 228, 252, 0.5);
}
.btn-outline-lightblue-light03:disabled, .btn-outline-lightblue-light03.disabled {
  color: #C4E4FC;
  background-color: transparent;
}
.btn-outline-lightblue-light03:hover {
  color: #9db6ca;
  border-color: #C4E4FC;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light04 {
  color: #ACD9FA;
  border-color: #ACD9FA;
  background-color: white;
  color: #8aaec8;
}
.btn-outline-lightblue-light04:hover {
  color: #181818;
  background-color: #ACD9FA;
  border-color: #ACD9FA;
}
.btn-check:focus + .btn-outline-lightblue-light04, .btn-outline-lightblue-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(172, 217, 250, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light04, .btn-check:active + .btn-outline-lightblue-light04, .btn-outline-lightblue-light04:active, .btn-outline-lightblue-light04.active, .btn-outline-lightblue-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #ACD9FA;
  border-color: #ACD9FA;
}
.btn-check:checked + .btn-outline-lightblue-light04:focus, .btn-check:active + .btn-outline-lightblue-light04:focus, .btn-outline-lightblue-light04:active:focus, .btn-outline-lightblue-light04.active:focus, .btn-outline-lightblue-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(172, 217, 250, 0.5);
}
.btn-outline-lightblue-light04:disabled, .btn-outline-lightblue-light04.disabled {
  color: #ACD9FA;
  background-color: transparent;
}
.btn-outline-lightblue-light04:hover {
  color: #8aaec8;
  border-color: #ACD9FA;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light05 {
  color: #7CC4F8;
  border-color: #7CC4F8;
  background-color: white;
  color: #639dc6;
}
.btn-outline-lightblue-light05:hover {
  color: #181818;
  background-color: #7CC4F8;
  border-color: #7CC4F8;
}
.btn-check:focus + .btn-outline-lightblue-light05, .btn-outline-lightblue-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(124, 196, 248, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light05, .btn-check:active + .btn-outline-lightblue-light05, .btn-outline-lightblue-light05:active, .btn-outline-lightblue-light05.active, .btn-outline-lightblue-light05.dropdown-toggle.show {
  color: #181818;
  background-color: #7CC4F8;
  border-color: #7CC4F8;
}
.btn-check:checked + .btn-outline-lightblue-light05:focus, .btn-check:active + .btn-outline-lightblue-light05:focus, .btn-outline-lightblue-light05:active:focus, .btn-outline-lightblue-light05.active:focus, .btn-outline-lightblue-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(124, 196, 248, 0.5);
}
.btn-outline-lightblue-light05:disabled, .btn-outline-lightblue-light05.disabled {
  color: #7CC4F8;
  background-color: transparent;
}
.btn-outline-lightblue-light05:hover {
  color: #639dc6;
  border-color: #7CC4F8;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light06 {
  color: #64B9F7;
  border-color: #64B9F7;
  background-color: white;
  color: #5094c6;
}
.btn-outline-lightblue-light06:hover {
  color: #181818;
  background-color: #64B9F7;
  border-color: #64B9F7;
}
.btn-check:focus + .btn-outline-lightblue-light06, .btn-outline-lightblue-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(100, 185, 247, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light06, .btn-check:active + .btn-outline-lightblue-light06, .btn-outline-lightblue-light06:active, .btn-outline-lightblue-light06.active, .btn-outline-lightblue-light06.dropdown-toggle.show {
  color: #181818;
  background-color: #64B9F7;
  border-color: #64B9F7;
}
.btn-check:checked + .btn-outline-lightblue-light06:focus, .btn-check:active + .btn-outline-lightblue-light06:focus, .btn-outline-lightblue-light06:active:focus, .btn-outline-lightblue-light06.active:focus, .btn-outline-lightblue-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(100, 185, 247, 0.5);
}
.btn-outline-lightblue-light06:disabled, .btn-outline-lightblue-light06.disabled {
  color: #64B9F7;
  background-color: transparent;
}
.btn-outline-lightblue-light06:hover {
  color: #5094c6;
  border-color: #64B9F7;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-light07 {
  color: #41A9F5;
  border-color: #41A9F5;
  background-color: white;
  color: #3487c4;
}
.btn-outline-lightblue-light07:hover {
  color: #fff;
  background-color: #41A9F5;
  border-color: #41A9F5;
}
.btn-check:focus + .btn-outline-lightblue-light07, .btn-outline-lightblue-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 169, 245, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-light07, .btn-check:active + .btn-outline-lightblue-light07, .btn-outline-lightblue-light07:active, .btn-outline-lightblue-light07.active, .btn-outline-lightblue-light07.dropdown-toggle.show {
  color: #fff;
  background-color: #41A9F5;
  border-color: #41A9F5;
}
.btn-check:checked + .btn-outline-lightblue-light07:focus, .btn-check:active + .btn-outline-lightblue-light07:focus, .btn-outline-lightblue-light07:active:focus, .btn-outline-lightblue-light07.active:focus, .btn-outline-lightblue-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 169, 245, 0.5);
}
.btn-outline-lightblue-light07:disabled, .btn-outline-lightblue-light07.disabled {
  color: #41A9F5;
  background-color: transparent;
}
.btn-outline-lightblue-light07:hover {
  color: #3487c4;
  border-color: #41A9F5;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-base {
  color: #1193F2;
  border-color: #1193F2;
  background-color: white;
  color: #0e76c2;
}
.btn-outline-lightblue-base:hover {
  color: #fff;
  background-color: #1193F2;
  border-color: #1193F2;
}
.btn-check:focus + .btn-outline-lightblue-base, .btn-outline-lightblue-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 147, 242, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-base, .btn-check:active + .btn-outline-lightblue-base, .btn-outline-lightblue-base:active, .btn-outline-lightblue-base.active, .btn-outline-lightblue-base.dropdown-toggle.show {
  color: #fff;
  background-color: #1193F2;
  border-color: #1193F2;
}
.btn-check:checked + .btn-outline-lightblue-base:focus, .btn-check:active + .btn-outline-lightblue-base:focus, .btn-outline-lightblue-base:active:focus, .btn-outline-lightblue-base.active:focus, .btn-outline-lightblue-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 147, 242, 0.5);
}
.btn-outline-lightblue-base:disabled, .btn-outline-lightblue-base.disabled {
  color: #1193F2;
  background-color: transparent;
}
.btn-outline-lightblue-base:hover {
  color: #0e76c2;
  border-color: #1193F2;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark07 {
  color: #1281D1;
  border-color: #1281D1;
  background-color: white;
  color: #0e67a7;
}
.btn-outline-lightblue-dark07:hover {
  color: #fff;
  background-color: #1281D1;
  border-color: #1281D1;
}
.btn-check:focus + .btn-outline-lightblue-dark07, .btn-outline-lightblue-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(18, 129, 209, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark07, .btn-check:active + .btn-outline-lightblue-dark07, .btn-outline-lightblue-dark07:active, .btn-outline-lightblue-dark07.active, .btn-outline-lightblue-dark07.dropdown-toggle.show {
  color: #fff;
  background-color: #1281D1;
  border-color: #1281D1;
}
.btn-check:checked + .btn-outline-lightblue-dark07:focus, .btn-check:active + .btn-outline-lightblue-dark07:focus, .btn-outline-lightblue-dark07:active:focus, .btn-outline-lightblue-dark07.active:focus, .btn-outline-lightblue-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(18, 129, 209, 0.5);
}
.btn-outline-lightblue-dark07:disabled, .btn-outline-lightblue-dark07.disabled {
  color: #1281D1;
  background-color: transparent;
}
.btn-outline-lightblue-dark07:hover {
  color: #0e67a7;
  border-color: #1281D1;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark06 {
  color: #136EB1;
  border-color: #136EB1;
  background-color: white;
  color: #0f588e;
}
.btn-outline-lightblue-dark06:hover {
  color: #fff;
  background-color: #136EB1;
  border-color: #136EB1;
}
.btn-check:focus + .btn-outline-lightblue-dark06, .btn-outline-lightblue-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(19, 110, 177, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark06, .btn-check:active + .btn-outline-lightblue-dark06, .btn-outline-lightblue-dark06:active, .btn-outline-lightblue-dark06.active, .btn-outline-lightblue-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #136EB1;
  border-color: #136EB1;
}
.btn-check:checked + .btn-outline-lightblue-dark06:focus, .btn-check:active + .btn-outline-lightblue-dark06:focus, .btn-outline-lightblue-dark06:active:focus, .btn-outline-lightblue-dark06.active:focus, .btn-outline-lightblue-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(19, 110, 177, 0.5);
}
.btn-outline-lightblue-dark06:disabled, .btn-outline-lightblue-dark06.disabled {
  color: #136EB1;
  background-color: transparent;
}
.btn-outline-lightblue-dark06:hover {
  color: #0f588e;
  border-color: #136EB1;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark05 {
  color: #145C90;
  border-color: #145C90;
  background-color: white;
  color: #104a73;
}
.btn-outline-lightblue-dark05:hover {
  color: #fff;
  background-color: #145C90;
  border-color: #145C90;
}
.btn-check:focus + .btn-outline-lightblue-dark05, .btn-outline-lightblue-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(20, 92, 144, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark05, .btn-check:active + .btn-outline-lightblue-dark05, .btn-outline-lightblue-dark05:active, .btn-outline-lightblue-dark05.active, .btn-outline-lightblue-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #145C90;
  border-color: #145C90;
}
.btn-check:checked + .btn-outline-lightblue-dark05:focus, .btn-check:active + .btn-outline-lightblue-dark05:focus, .btn-outline-lightblue-dark05:active:focus, .btn-outline-lightblue-dark05.active:focus, .btn-outline-lightblue-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(20, 92, 144, 0.5);
}
.btn-outline-lightblue-dark05:disabled, .btn-outline-lightblue-dark05.disabled {
  color: #145C90;
  background-color: transparent;
}
.btn-outline-lightblue-dark05:hover {
  color: #104a73;
  border-color: #145C90;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark04 {
  color: #15496F;
  border-color: #15496F;
  background-color: white;
  color: #113a59;
}
.btn-outline-lightblue-dark04:hover {
  color: #fff;
  background-color: #15496F;
  border-color: #15496F;
}
.btn-check:focus + .btn-outline-lightblue-dark04, .btn-outline-lightblue-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(21, 73, 111, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark04, .btn-check:active + .btn-outline-lightblue-dark04, .btn-outline-lightblue-dark04:active, .btn-outline-lightblue-dark04.active, .btn-outline-lightblue-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #15496F;
  border-color: #15496F;
}
.btn-check:checked + .btn-outline-lightblue-dark04:focus, .btn-check:active + .btn-outline-lightblue-dark04:focus, .btn-outline-lightblue-dark04:active:focus, .btn-outline-lightblue-dark04.active:focus, .btn-outline-lightblue-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(21, 73, 111, 0.5);
}
.btn-outline-lightblue-dark04:disabled, .btn-outline-lightblue-dark04.disabled {
  color: #15496F;
  background-color: transparent;
}
.btn-outline-lightblue-dark04:hover {
  color: #113a59;
  border-color: #15496F;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark03 {
  color: #16374E;
  border-color: #16374E;
  background-color: white;
  color: #122c3e;
}
.btn-outline-lightblue-dark03:hover {
  color: #fff;
  background-color: #16374E;
  border-color: #16374E;
}
.btn-check:focus + .btn-outline-lightblue-dark03, .btn-outline-lightblue-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 55, 78, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark03, .btn-check:active + .btn-outline-lightblue-dark03, .btn-outline-lightblue-dark03:active, .btn-outline-lightblue-dark03.active, .btn-outline-lightblue-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #16374E;
  border-color: #16374E;
}
.btn-check:checked + .btn-outline-lightblue-dark03:focus, .btn-check:active + .btn-outline-lightblue-dark03:focus, .btn-outline-lightblue-dark03:active:focus, .btn-outline-lightblue-dark03.active:focus, .btn-outline-lightblue-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 55, 78, 0.5);
}
.btn-outline-lightblue-dark03:disabled, .btn-outline-lightblue-dark03.disabled {
  color: #16374E;
  background-color: transparent;
}
.btn-outline-lightblue-dark03:hover {
  color: #122c3e;
  border-color: #16374E;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark02 {
  color: #172A39;
  border-color: #172A39;
  background-color: white;
  color: #12222e;
}
.btn-outline-lightblue-dark02:hover {
  color: #fff;
  background-color: #172A39;
  border-color: #172A39;
}
.btn-check:focus + .btn-outline-lightblue-dark02, .btn-outline-lightblue-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(23, 42, 57, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark02, .btn-check:active + .btn-outline-lightblue-dark02, .btn-outline-lightblue-dark02:active, .btn-outline-lightblue-dark02.active, .btn-outline-lightblue-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #172A39;
  border-color: #172A39;
}
.btn-check:checked + .btn-outline-lightblue-dark02:focus, .btn-check:active + .btn-outline-lightblue-dark02:focus, .btn-outline-lightblue-dark02:active:focus, .btn-outline-lightblue-dark02.active:focus, .btn-outline-lightblue-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(23, 42, 57, 0.5);
}
.btn-outline-lightblue-dark02:disabled, .btn-outline-lightblue-dark02.disabled {
  color: #172A39;
  background-color: transparent;
}
.btn-outline-lightblue-dark02:hover {
  color: #12222e;
  border-color: #172A39;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-lightblue-dark01 {
  color: #181E23;
  border-color: #181E23;
  background-color: white;
  color: #13181c;
}
.btn-outline-lightblue-dark01:hover {
  color: #fff;
  background-color: #181E23;
  border-color: #181E23;
}
.btn-check:focus + .btn-outline-lightblue-dark01, .btn-outline-lightblue-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(24, 30, 35, 0.5);
}
.btn-check:checked + .btn-outline-lightblue-dark01, .btn-check:active + .btn-outline-lightblue-dark01, .btn-outline-lightblue-dark01:active, .btn-outline-lightblue-dark01.active, .btn-outline-lightblue-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #181E23;
  border-color: #181E23;
}
.btn-check:checked + .btn-outline-lightblue-dark01:focus, .btn-check:active + .btn-outline-lightblue-dark01:focus, .btn-outline-lightblue-dark01:active:focus, .btn-outline-lightblue-dark01.active:focus, .btn-outline-lightblue-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(24, 30, 35, 0.5);
}
.btn-outline-lightblue-dark01:disabled, .btn-outline-lightblue-dark01.disabled {
  color: #181E23;
  background-color: transparent;
}
.btn-outline-lightblue-dark01:hover {
  color: #13181c;
  border-color: #181E23;
  background-color: white;
  position: relative;
}
.btn-outline-lightblue-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light01 {
  color: #F5F8FF;
  border-color: #F5F8FF;
  background-color: white;
  color: #c4c6cc;
}
.btn-outline-blue-light01:hover {
  color: #181818;
  background-color: #F5F8FF;
  border-color: #F5F8FF;
}
.btn-check:focus + .btn-outline-blue-light01, .btn-outline-blue-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 248, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light01, .btn-check:active + .btn-outline-blue-light01, .btn-outline-blue-light01:active, .btn-outline-blue-light01.active, .btn-outline-blue-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #F5F8FF;
  border-color: #F5F8FF;
}
.btn-check:checked + .btn-outline-blue-light01:focus, .btn-check:active + .btn-outline-blue-light01:focus, .btn-outline-blue-light01:active:focus, .btn-outline-blue-light01.active:focus, .btn-outline-blue-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 248, 255, 0.5);
}
.btn-outline-blue-light01:disabled, .btn-outline-blue-light01.disabled {
  color: #F5F8FF;
  background-color: transparent;
}
.btn-outline-blue-light01:hover {
  color: #c4c6cc;
  border-color: #F5F8FF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light02 {
  color: #EBF2FF;
  border-color: #EBF2FF;
  background-color: white;
  color: #bcc2cc;
}
.btn-outline-blue-light02:hover {
  color: #181818;
  background-color: #EBF2FF;
  border-color: #EBF2FF;
}
.btn-check:focus + .btn-outline-blue-light02, .btn-outline-blue-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(235, 242, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light02, .btn-check:active + .btn-outline-blue-light02, .btn-outline-blue-light02:active, .btn-outline-blue-light02.active, .btn-outline-blue-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #EBF2FF;
  border-color: #EBF2FF;
}
.btn-check:checked + .btn-outline-blue-light02:focus, .btn-check:active + .btn-outline-blue-light02:focus, .btn-outline-blue-light02:active:focus, .btn-outline-blue-light02.active:focus, .btn-outline-blue-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(235, 242, 255, 0.5);
}
.btn-outline-blue-light02:disabled, .btn-outline-blue-light02.disabled {
  color: #EBF2FF;
  background-color: transparent;
}
.btn-outline-blue-light02:hover {
  color: #bcc2cc;
  border-color: #EBF2FF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light03 {
  color: #CCDDFF;
  border-color: #CCDDFF;
  background-color: white;
  color: #a3b1cc;
}
.btn-outline-blue-light03:hover {
  color: #181818;
  background-color: #CCDDFF;
  border-color: #CCDDFF;
}
.btn-check:focus + .btn-outline-blue-light03, .btn-outline-blue-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 221, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light03, .btn-check:active + .btn-outline-blue-light03, .btn-outline-blue-light03:active, .btn-outline-blue-light03.active, .btn-outline-blue-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #CCDDFF;
  border-color: #CCDDFF;
}
.btn-check:checked + .btn-outline-blue-light03:focus, .btn-check:active + .btn-outline-blue-light03:focus, .btn-outline-blue-light03:active:focus, .btn-outline-blue-light03.active:focus, .btn-outline-blue-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 221, 255, 0.5);
}
.btn-outline-blue-light03:disabled, .btn-outline-blue-light03.disabled {
  color: #CCDDFF;
  background-color: transparent;
}
.btn-outline-blue-light03:hover {
  color: #a3b1cc;
  border-color: #CCDDFF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light04 {
  color: #99BCFF;
  border-color: #99BCFF;
  background-color: white;
  color: #7a96cc;
}
.btn-outline-blue-light04:hover {
  color: #181818;
  background-color: #99BCFF;
  border-color: #99BCFF;
}
.btn-check:focus + .btn-outline-blue-light04, .btn-outline-blue-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(153, 188, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light04, .btn-check:active + .btn-outline-blue-light04, .btn-outline-blue-light04:active, .btn-outline-blue-light04.active, .btn-outline-blue-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #99BCFF;
  border-color: #99BCFF;
}
.btn-check:checked + .btn-outline-blue-light04:focus, .btn-check:active + .btn-outline-blue-light04:focus, .btn-outline-blue-light04:active:focus, .btn-outline-blue-light04.active:focus, .btn-outline-blue-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(153, 188, 255, 0.5);
}
.btn-outline-blue-light04:disabled, .btn-outline-blue-light04.disabled {
  color: #99BCFF;
  background-color: transparent;
}
.btn-outline-blue-light04:hover {
  color: #7a96cc;
  border-color: #99BCFF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light05 {
  color: #7BA8FF;
  border-color: #7BA8FF;
  background-color: white;
  color: #6286cc;
}
.btn-outline-blue-light05:hover {
  color: #181818;
  background-color: #7BA8FF;
  border-color: #7BA8FF;
}
.btn-check:focus + .btn-outline-blue-light05, .btn-outline-blue-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(123, 168, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light05, .btn-check:active + .btn-outline-blue-light05, .btn-outline-blue-light05:active, .btn-outline-blue-light05.active, .btn-outline-blue-light05.dropdown-toggle.show {
  color: #181818;
  background-color: #7BA8FF;
  border-color: #7BA8FF;
}
.btn-check:checked + .btn-outline-blue-light05:focus, .btn-check:active + .btn-outline-blue-light05:focus, .btn-outline-blue-light05:active:focus, .btn-outline-blue-light05.active:focus, .btn-outline-blue-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(123, 168, 255, 0.5);
}
.btn-outline-blue-light05:disabled, .btn-outline-blue-light05.disabled {
  color: #7BA8FF;
  background-color: transparent;
}
.btn-outline-blue-light05:hover {
  color: #6286cc;
  border-color: #7BA8FF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light06 {
  color: #5D94FF;
  border-color: #5D94FF;
  background-color: white;
  color: #4a76cc;
}
.btn-outline-blue-light06:hover {
  color: #fff;
  background-color: #5D94FF;
  border-color: #5D94FF;
}
.btn-check:focus + .btn-outline-blue-light06, .btn-outline-blue-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(93, 148, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light06, .btn-check:active + .btn-outline-blue-light06, .btn-outline-blue-light06:active, .btn-outline-blue-light06.active, .btn-outline-blue-light06.dropdown-toggle.show {
  color: #fff;
  background-color: #5D94FF;
  border-color: #5D94FF;
}
.btn-check:checked + .btn-outline-blue-light06:focus, .btn-check:active + .btn-outline-blue-light06:focus, .btn-outline-blue-light06:active:focus, .btn-outline-blue-light06.active:focus, .btn-outline-blue-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(93, 148, 255, 0.5);
}
.btn-outline-blue-light06:disabled, .btn-outline-blue-light06.disabled {
  color: #5D94FF;
  background-color: transparent;
}
.btn-outline-blue-light06:hover {
  color: #4a76cc;
  border-color: #5D94FF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-light07 {
  color: #4886FF;
  border-color: #4886FF;
  background-color: white;
  color: #3a6bcc;
}
.btn-outline-blue-light07:hover {
  color: #fff;
  background-color: #4886FF;
  border-color: #4886FF;
}
.btn-check:focus + .btn-outline-blue-light07, .btn-outline-blue-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(72, 134, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-light07, .btn-check:active + .btn-outline-blue-light07, .btn-outline-blue-light07:active, .btn-outline-blue-light07.active, .btn-outline-blue-light07.dropdown-toggle.show {
  color: #fff;
  background-color: #4886FF;
  border-color: #4886FF;
}
.btn-check:checked + .btn-outline-blue-light07:focus, .btn-check:active + .btn-outline-blue-light07:focus, .btn-outline-blue-light07:active:focus, .btn-outline-blue-light07.active:focus, .btn-outline-blue-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(72, 134, 255, 0.5);
}
.btn-outline-blue-light07:disabled, .btn-outline-blue-light07.disabled {
  color: #4886FF;
  background-color: transparent;
}
.btn-outline-blue-light07:hover {
  color: #3a6bcc;
  border-color: #4886FF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-base {
  color: #3479FF;
  border-color: #3479FF;
  background-color: white;
  color: #2a61cc;
}
.btn-outline-blue-base:hover {
  color: #fff;
  background-color: #3479FF;
  border-color: #3479FF;
}
.btn-check:focus + .btn-outline-blue-base, .btn-outline-blue-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(52, 121, 255, 0.5);
}
.btn-check:checked + .btn-outline-blue-base, .btn-check:active + .btn-outline-blue-base, .btn-outline-blue-base:active, .btn-outline-blue-base.active, .btn-outline-blue-base.dropdown-toggle.show {
  color: #fff;
  background-color: #3479FF;
  border-color: #3479FF;
}
.btn-check:checked + .btn-outline-blue-base:focus, .btn-check:active + .btn-outline-blue-base:focus, .btn-outline-blue-base:active:focus, .btn-outline-blue-base.active:focus, .btn-outline-blue-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(52, 121, 255, 0.5);
}
.btn-outline-blue-base:disabled, .btn-outline-blue-base.disabled {
  color: #3479FF;
  background-color: transparent;
}
.btn-outline-blue-base:hover {
  color: #2a61cc;
  border-color: #3479FF;
  background-color: white;
  position: relative;
}
.btn-outline-blue-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark07 {
  color: #2E66D1;
  border-color: #2E66D1;
  background-color: white;
  color: #2552a7;
}
.btn-outline-blue-dark07:hover {
  color: #fff;
  background-color: #2E66D1;
  border-color: #2E66D1;
}
.btn-check:focus + .btn-outline-blue-dark07, .btn-outline-blue-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(46, 102, 209, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark07, .btn-check:active + .btn-outline-blue-dark07, .btn-outline-blue-dark07:active, .btn-outline-blue-dark07.active, .btn-outline-blue-dark07.dropdown-toggle.show {
  color: #fff;
  background-color: #2E66D1;
  border-color: #2E66D1;
}
.btn-check:checked + .btn-outline-blue-dark07:focus, .btn-check:active + .btn-outline-blue-dark07:focus, .btn-outline-blue-dark07:active:focus, .btn-outline-blue-dark07.active:focus, .btn-outline-blue-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(46, 102, 209, 0.5);
}
.btn-outline-blue-dark07:disabled, .btn-outline-blue-dark07.disabled {
  color: #2E66D1;
  background-color: transparent;
}
.btn-outline-blue-dark07:hover {
  color: #2552a7;
  border-color: #2E66D1;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark06 {
  color: #2952A3;
  border-color: #2952A3;
  background-color: white;
  color: #214282;
}
.btn-outline-blue-dark06:hover {
  color: #fff;
  background-color: #2952A3;
  border-color: #2952A3;
}
.btn-check:focus + .btn-outline-blue-dark06, .btn-outline-blue-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(41, 82, 163, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark06, .btn-check:active + .btn-outline-blue-dark06, .btn-outline-blue-dark06:active, .btn-outline-blue-dark06.active, .btn-outline-blue-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #2952A3;
  border-color: #2952A3;
}
.btn-check:checked + .btn-outline-blue-dark06:focus, .btn-check:active + .btn-outline-blue-dark06:focus, .btn-outline-blue-dark06:active:focus, .btn-outline-blue-dark06.active:focus, .btn-outline-blue-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(41, 82, 163, 0.5);
}
.btn-outline-blue-dark06:disabled, .btn-outline-blue-dark06.disabled {
  color: #2952A3;
  background-color: transparent;
}
.btn-outline-blue-dark06:hover {
  color: #214282;
  border-color: #2952A3;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark05 {
  color: #26488B;
  border-color: #26488B;
  background-color: white;
  color: #1e3a6f;
}
.btn-outline-blue-dark05:hover {
  color: #fff;
  background-color: #26488B;
  border-color: #26488B;
}
.btn-check:focus + .btn-outline-blue-dark05, .btn-outline-blue-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(38, 72, 139, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark05, .btn-check:active + .btn-outline-blue-dark05, .btn-outline-blue-dark05:active, .btn-outline-blue-dark05.active, .btn-outline-blue-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #26488B;
  border-color: #26488B;
}
.btn-check:checked + .btn-outline-blue-dark05:focus, .btn-check:active + .btn-outline-blue-dark05:focus, .btn-outline-blue-dark05:active:focus, .btn-outline-blue-dark05.active:focus, .btn-outline-blue-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(38, 72, 139, 0.5);
}
.btn-outline-blue-dark05:disabled, .btn-outline-blue-dark05.disabled {
  color: #26488B;
  background-color: transparent;
}
.btn-outline-blue-dark05:hover {
  color: #1e3a6f;
  border-color: #26488B;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark04 {
  color: #233F74;
  border-color: #233F74;
  background-color: white;
  color: #1c325d;
}
.btn-outline-blue-dark04:hover {
  color: #fff;
  background-color: #233F74;
  border-color: #233F74;
}
.btn-check:focus + .btn-outline-blue-dark04, .btn-outline-blue-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 63, 116, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark04, .btn-check:active + .btn-outline-blue-dark04, .btn-outline-blue-dark04:active, .btn-outline-blue-dark04.active, .btn-outline-blue-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #233F74;
  border-color: #233F74;
}
.btn-check:checked + .btn-outline-blue-dark04:focus, .btn-check:active + .btn-outline-blue-dark04:focus, .btn-outline-blue-dark04:active:focus, .btn-outline-blue-dark04.active:focus, .btn-outline-blue-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(35, 63, 116, 0.5);
}
.btn-outline-blue-dark04:disabled, .btn-outline-blue-dark04.disabled {
  color: #233F74;
  background-color: transparent;
}
.btn-outline-blue-dark04:hover {
  color: #1c325d;
  border-color: #233F74;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark03 {
  color: #20355D;
  border-color: #20355D;
  background-color: white;
  color: #1a2a4a;
}
.btn-outline-blue-dark03:hover {
  color: #fff;
  background-color: #20355D;
  border-color: #20355D;
}
.btn-check:focus + .btn-outline-blue-dark03, .btn-outline-blue-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(32, 53, 93, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark03, .btn-check:active + .btn-outline-blue-dark03, .btn-outline-blue-dark03:active, .btn-outline-blue-dark03.active, .btn-outline-blue-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #20355D;
  border-color: #20355D;
}
.btn-check:checked + .btn-outline-blue-dark03:focus, .btn-check:active + .btn-outline-blue-dark03:focus, .btn-outline-blue-dark03:active:focus, .btn-outline-blue-dark03.active:focus, .btn-outline-blue-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(32, 53, 93, 0.5);
}
.btn-outline-blue-dark03:disabled, .btn-outline-blue-dark03.disabled {
  color: #20355D;
  background-color: transparent;
}
.btn-outline-blue-dark03:hover {
  color: #1a2a4a;
  border-color: #20355D;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark02 {
  color: #1E2B46;
  border-color: #1E2B46;
  background-color: white;
  color: #182238;
}
.btn-outline-blue-dark02:hover {
  color: #fff;
  background-color: #1E2B46;
  border-color: #1E2B46;
}
.btn-check:focus + .btn-outline-blue-dark02, .btn-outline-blue-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(30, 43, 70, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark02, .btn-check:active + .btn-outline-blue-dark02, .btn-outline-blue-dark02:active, .btn-outline-blue-dark02.active, .btn-outline-blue-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #1E2B46;
  border-color: #1E2B46;
}
.btn-check:checked + .btn-outline-blue-dark02:focus, .btn-check:active + .btn-outline-blue-dark02:focus, .btn-outline-blue-dark02:active:focus, .btn-outline-blue-dark02.active:focus, .btn-outline-blue-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(30, 43, 70, 0.5);
}
.btn-outline-blue-dark02:disabled, .btn-outline-blue-dark02.disabled {
  color: #1E2B46;
  background-color: transparent;
}
.btn-outline-blue-dark02:hover {
  color: #182238;
  border-color: #1E2B46;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-blue-dark01 {
  color: #1B222F;
  border-color: #1B222F;
  background-color: white;
  color: #161b26;
}
.btn-outline-blue-dark01:hover {
  color: #fff;
  background-color: #1B222F;
  border-color: #1B222F;
}
.btn-check:focus + .btn-outline-blue-dark01, .btn-outline-blue-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(27, 34, 47, 0.5);
}
.btn-check:checked + .btn-outline-blue-dark01, .btn-check:active + .btn-outline-blue-dark01, .btn-outline-blue-dark01:active, .btn-outline-blue-dark01.active, .btn-outline-blue-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #1B222F;
  border-color: #1B222F;
}
.btn-check:checked + .btn-outline-blue-dark01:focus, .btn-check:active + .btn-outline-blue-dark01:focus, .btn-outline-blue-dark01:active:focus, .btn-outline-blue-dark01.active:focus, .btn-outline-blue-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(27, 34, 47, 0.5);
}
.btn-outline-blue-dark01:disabled, .btn-outline-blue-dark01.disabled {
  color: #1B222F;
  background-color: transparent;
}
.btn-outline-blue-dark01:hover {
  color: #161b26;
  border-color: #1B222F;
  background-color: white;
  position: relative;
}
.btn-outline-blue-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light01 {
  color: #F6F3FE;
  border-color: #F6F3FE;
  background-color: white;
  color: #c5c2cb;
}
.btn-outline-purple-light01:hover {
  color: #181818;
  background-color: #F6F3FE;
  border-color: #F6F3FE;
}
.btn-check:focus + .btn-outline-purple-light01, .btn-outline-purple-light01:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 243, 254, 0.5);
}
.btn-check:checked + .btn-outline-purple-light01, .btn-check:active + .btn-outline-purple-light01, .btn-outline-purple-light01:active, .btn-outline-purple-light01.active, .btn-outline-purple-light01.dropdown-toggle.show {
  color: #181818;
  background-color: #F6F3FE;
  border-color: #F6F3FE;
}
.btn-check:checked + .btn-outline-purple-light01:focus, .btn-check:active + .btn-outline-purple-light01:focus, .btn-outline-purple-light01:active:focus, .btn-outline-purple-light01.active:focus, .btn-outline-purple-light01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 243, 254, 0.5);
}
.btn-outline-purple-light01:disabled, .btn-outline-purple-light01.disabled {
  color: #F6F3FE;
  background-color: transparent;
}
.btn-outline-purple-light01:hover {
  color: #c5c2cb;
  border-color: #F6F3FE;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light02 {
  color: #E9E2FC;
  border-color: #E9E2FC;
  background-color: white;
  color: #bab5ca;
}
.btn-outline-purple-light02:hover {
  color: #181818;
  background-color: #E9E2FC;
  border-color: #E9E2FC;
}
.btn-check:focus + .btn-outline-purple-light02, .btn-outline-purple-light02:focus {
  box-shadow: 0 0 0 0.25rem rgba(233, 226, 252, 0.5);
}
.btn-check:checked + .btn-outline-purple-light02, .btn-check:active + .btn-outline-purple-light02, .btn-outline-purple-light02:active, .btn-outline-purple-light02.active, .btn-outline-purple-light02.dropdown-toggle.show {
  color: #181818;
  background-color: #E9E2FC;
  border-color: #E9E2FC;
}
.btn-check:checked + .btn-outline-purple-light02:focus, .btn-check:active + .btn-outline-purple-light02:focus, .btn-outline-purple-light02:active:focus, .btn-outline-purple-light02.active:focus, .btn-outline-purple-light02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(233, 226, 252, 0.5);
}
.btn-outline-purple-light02:disabled, .btn-outline-purple-light02.disabled {
  color: #E9E2FC;
  background-color: transparent;
}
.btn-outline-purple-light02:hover {
  color: #bab5ca;
  border-color: #E9E2FC;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light03 {
  color: #DACEFB;
  border-color: #DACEFB;
  background-color: white;
  color: #aea5c9;
}
.btn-outline-purple-light03:hover {
  color: #181818;
  background-color: #DACEFB;
  border-color: #DACEFB;
}
.btn-check:focus + .btn-outline-purple-light03, .btn-outline-purple-light03:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 206, 251, 0.5);
}
.btn-check:checked + .btn-outline-purple-light03, .btn-check:active + .btn-outline-purple-light03, .btn-outline-purple-light03:active, .btn-outline-purple-light03.active, .btn-outline-purple-light03.dropdown-toggle.show {
  color: #181818;
  background-color: #DACEFB;
  border-color: #DACEFB;
}
.btn-check:checked + .btn-outline-purple-light03:focus, .btn-check:active + .btn-outline-purple-light03:focus, .btn-outline-purple-light03:active:focus, .btn-outline-purple-light03.active:focus, .btn-outline-purple-light03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 206, 251, 0.5);
}
.btn-outline-purple-light03:disabled, .btn-outline-purple-light03.disabled {
  color: #DACEFB;
  background-color: transparent;
}
.btn-outline-purple-light03:hover {
  color: #aea5c9;
  border-color: #DACEFB;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light04 {
  color: #CBBBF9;
  border-color: #CBBBF9;
  background-color: white;
  color: #a296c7;
}
.btn-outline-purple-light04:hover {
  color: #181818;
  background-color: #CBBBF9;
  border-color: #CBBBF9;
}
.btn-check:focus + .btn-outline-purple-light04, .btn-outline-purple-light04:focus {
  box-shadow: 0 0 0 0.25rem rgba(203, 187, 249, 0.5);
}
.btn-check:checked + .btn-outline-purple-light04, .btn-check:active + .btn-outline-purple-light04, .btn-outline-purple-light04:active, .btn-outline-purple-light04.active, .btn-outline-purple-light04.dropdown-toggle.show {
  color: #181818;
  background-color: #CBBBF9;
  border-color: #CBBBF9;
}
.btn-check:checked + .btn-outline-purple-light04:focus, .btn-check:active + .btn-outline-purple-light04:focus, .btn-outline-purple-light04:active:focus, .btn-outline-purple-light04.active:focus, .btn-outline-purple-light04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(203, 187, 249, 0.5);
}
.btn-outline-purple-light04:disabled, .btn-outline-purple-light04.disabled {
  color: #CBBBF9;
  background-color: transparent;
}
.btn-outline-purple-light04:hover {
  color: #a296c7;
  border-color: #CBBBF9;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light05 {
  color: #AE94F6;
  border-color: #AE94F6;
  background-color: white;
  color: #8b76c5;
}
.btn-outline-purple-light05:hover {
  color: #fff;
  background-color: #AE94F6;
  border-color: #AE94F6;
}
.btn-check:focus + .btn-outline-purple-light05, .btn-outline-purple-light05:focus {
  box-shadow: 0 0 0 0.25rem rgba(174, 148, 246, 0.5);
}
.btn-check:checked + .btn-outline-purple-light05, .btn-check:active + .btn-outline-purple-light05, .btn-outline-purple-light05:active, .btn-outline-purple-light05.active, .btn-outline-purple-light05.dropdown-toggle.show {
  color: #fff;
  background-color: #AE94F6;
  border-color: #AE94F6;
}
.btn-check:checked + .btn-outline-purple-light05:focus, .btn-check:active + .btn-outline-purple-light05:focus, .btn-outline-purple-light05:active:focus, .btn-outline-purple-light05.active:focus, .btn-outline-purple-light05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(174, 148, 246, 0.5);
}
.btn-outline-purple-light05:disabled, .btn-outline-purple-light05.disabled {
  color: #AE94F6;
  background-color: transparent;
}
.btn-outline-purple-light05:hover {
  color: #8b76c5;
  border-color: #AE94F6;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light06 {
  color: #9F81F4;
  border-color: #9F81F4;
  background-color: white;
  color: #7f67c3;
}
.btn-outline-purple-light06:hover {
  color: #fff;
  background-color: #9F81F4;
  border-color: #9F81F4;
}
.btn-check:focus + .btn-outline-purple-light06, .btn-outline-purple-light06:focus {
  box-shadow: 0 0 0 0.25rem rgba(159, 129, 244, 0.5);
}
.btn-check:checked + .btn-outline-purple-light06, .btn-check:active + .btn-outline-purple-light06, .btn-outline-purple-light06:active, .btn-outline-purple-light06.active, .btn-outline-purple-light06.dropdown-toggle.show {
  color: #fff;
  background-color: #9F81F4;
  border-color: #9F81F4;
}
.btn-check:checked + .btn-outline-purple-light06:focus, .btn-check:active + .btn-outline-purple-light06:focus, .btn-outline-purple-light06:active:focus, .btn-outline-purple-light06.active:focus, .btn-outline-purple-light06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(159, 129, 244, 0.5);
}
.btn-outline-purple-light06:disabled, .btn-outline-purple-light06.disabled {
  color: #9F81F4;
  background-color: transparent;
}
.btn-outline-purple-light06:hover {
  color: #7f67c3;
  border-color: #9F81F4;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-light07 {
  color: #8964F1;
  border-color: #8964F1;
  background-color: white;
  color: #6e50c1;
}
.btn-outline-purple-light07:hover {
  color: #fff;
  background-color: #8964F1;
  border-color: #8964F1;
}
.btn-check:focus + .btn-outline-purple-light07, .btn-outline-purple-light07:focus {
  box-shadow: 0 0 0 0.25rem rgba(137, 100, 241, 0.5);
}
.btn-check:checked + .btn-outline-purple-light07, .btn-check:active + .btn-outline-purple-light07, .btn-outline-purple-light07:active, .btn-outline-purple-light07.active, .btn-outline-purple-light07.dropdown-toggle.show {
  color: #fff;
  background-color: #8964F1;
  border-color: #8964F1;
}
.btn-check:checked + .btn-outline-purple-light07:focus, .btn-check:active + .btn-outline-purple-light07:focus, .btn-outline-purple-light07:active:focus, .btn-outline-purple-light07.active:focus, .btn-outline-purple-light07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(137, 100, 241, 0.5);
}
.btn-outline-purple-light07:disabled, .btn-outline-purple-light07.disabled {
  color: #8964F1;
  background-color: transparent;
}
.btn-outline-purple-light07:hover {
  color: #6e50c1;
  border-color: #8964F1;
  background-color: white;
  position: relative;
}
.btn-outline-purple-light07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-base {
  color: #6B3DEE;
  border-color: #6B3DEE;
  background-color: white;
  color: #5631be;
}
.btn-outline-purple-base:hover {
  color: #fff;
  background-color: #6B3DEE;
  border-color: #6B3DEE;
}
.btn-check:focus + .btn-outline-purple-base, .btn-outline-purple-base:focus {
  box-shadow: 0 0 0 0.25rem rgba(107, 61, 238, 0.5);
}
.btn-check:checked + .btn-outline-purple-base, .btn-check:active + .btn-outline-purple-base, .btn-outline-purple-base:active, .btn-outline-purple-base.active, .btn-outline-purple-base.dropdown-toggle.show {
  color: #fff;
  background-color: #6B3DEE;
  border-color: #6B3DEE;
}
.btn-check:checked + .btn-outline-purple-base:focus, .btn-check:active + .btn-outline-purple-base:focus, .btn-outline-purple-base:active:focus, .btn-outline-purple-base.active:focus, .btn-outline-purple-base.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(107, 61, 238, 0.5);
}
.btn-outline-purple-base:disabled, .btn-outline-purple-base.disabled {
  color: #6B3DEE;
  background-color: transparent;
}
.btn-outline-purple-base:hover {
  color: #5631be;
  border-color: #6B3DEE;
  background-color: white;
  position: relative;
}
.btn-outline-purple-base:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark07 {
  color: #5F37CE;
  border-color: #5F37CE;
  background-color: white;
  color: #4c2ca5;
}
.btn-outline-purple-dark07:hover {
  color: #fff;
  background-color: #5F37CE;
  border-color: #5F37CE;
}
.btn-check:focus + .btn-outline-purple-dark07, .btn-outline-purple-dark07:focus {
  box-shadow: 0 0 0 0.25rem rgba(95, 55, 206, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark07, .btn-check:active + .btn-outline-purple-dark07, .btn-outline-purple-dark07:active, .btn-outline-purple-dark07.active, .btn-outline-purple-dark07.dropdown-toggle.show {
  color: #fff;
  background-color: #5F37CE;
  border-color: #5F37CE;
}
.btn-check:checked + .btn-outline-purple-dark07:focus, .btn-check:active + .btn-outline-purple-dark07:focus, .btn-outline-purple-dark07:active:focus, .btn-outline-purple-dark07.active:focus, .btn-outline-purple-dark07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(95, 55, 206, 0.5);
}
.btn-outline-purple-dark07:disabled, .btn-outline-purple-dark07.disabled {
  color: #5F37CE;
  background-color: transparent;
}
.btn-outline-purple-dark07:hover {
  color: #4c2ca5;
  border-color: #5F37CE;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark06 {
  color: #5232AE;
  border-color: #5232AE;
  background-color: white;
  color: #42288b;
}
.btn-outline-purple-dark06:hover {
  color: #fff;
  background-color: #5232AE;
  border-color: #5232AE;
}
.btn-check:focus + .btn-outline-purple-dark06, .btn-outline-purple-dark06:focus {
  box-shadow: 0 0 0 0.25rem rgba(82, 50, 174, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark06, .btn-check:active + .btn-outline-purple-dark06, .btn-outline-purple-dark06:active, .btn-outline-purple-dark06.active, .btn-outline-purple-dark06.dropdown-toggle.show {
  color: #fff;
  background-color: #5232AE;
  border-color: #5232AE;
}
.btn-check:checked + .btn-outline-purple-dark06:focus, .btn-check:active + .btn-outline-purple-dark06:focus, .btn-outline-purple-dark06:active:focus, .btn-outline-purple-dark06.active:focus, .btn-outline-purple-dark06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(82, 50, 174, 0.5);
}
.btn-outline-purple-dark06:disabled, .btn-outline-purple-dark06.disabled {
  color: #5232AE;
  background-color: transparent;
}
.btn-outline-purple-dark06:hover {
  color: #42288b;
  border-color: #5232AE;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark05 {
  color: #462C8E;
  border-color: #462C8E;
  background-color: white;
  color: #382372;
}
.btn-outline-purple-dark05:hover {
  color: #fff;
  background-color: #462C8E;
  border-color: #462C8E;
}
.btn-check:focus + .btn-outline-purple-dark05, .btn-outline-purple-dark05:focus {
  box-shadow: 0 0 0 0.25rem rgba(70, 44, 142, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark05, .btn-check:active + .btn-outline-purple-dark05, .btn-outline-purple-dark05:active, .btn-outline-purple-dark05.active, .btn-outline-purple-dark05.dropdown-toggle.show {
  color: #fff;
  background-color: #462C8E;
  border-color: #462C8E;
}
.btn-check:checked + .btn-outline-purple-dark05:focus, .btn-check:active + .btn-outline-purple-dark05:focus, .btn-outline-purple-dark05:active:focus, .btn-outline-purple-dark05.active:focus, .btn-outline-purple-dark05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(70, 44, 142, 0.5);
}
.btn-outline-purple-dark05:disabled, .btn-outline-purple-dark05.disabled {
  color: #462C8E;
  background-color: transparent;
}
.btn-outline-purple-dark05:hover {
  color: #382372;
  border-color: #462C8E;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark04 {
  color: #39276E;
  border-color: #39276E;
  background-color: white;
  color: #2e1f58;
}
.btn-outline-purple-dark04:hover {
  color: #fff;
  background-color: #39276E;
  border-color: #39276E;
}
.btn-check:focus + .btn-outline-purple-dark04, .btn-outline-purple-dark04:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 39, 110, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark04, .btn-check:active + .btn-outline-purple-dark04, .btn-outline-purple-dark04:active, .btn-outline-purple-dark04.active, .btn-outline-purple-dark04.dropdown-toggle.show {
  color: #fff;
  background-color: #39276E;
  border-color: #39276E;
}
.btn-check:checked + .btn-outline-purple-dark04:focus, .btn-check:active + .btn-outline-purple-dark04:focus, .btn-outline-purple-dark04:active:focus, .btn-outline-purple-dark04.active:focus, .btn-outline-purple-dark04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 39, 110, 0.5);
}
.btn-outline-purple-dark04:disabled, .btn-outline-purple-dark04.disabled {
  color: #39276E;
  background-color: transparent;
}
.btn-outline-purple-dark04:hover {
  color: #2e1f58;
  border-color: #39276E;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark03 {
  color: #2D214D;
  border-color: #2D214D;
  background-color: white;
  color: #241a3e;
}
.btn-outline-purple-dark03:hover {
  color: #fff;
  background-color: #2D214D;
  border-color: #2D214D;
}
.btn-check:focus + .btn-outline-purple-dark03, .btn-outline-purple-dark03:focus {
  box-shadow: 0 0 0 0.25rem rgba(45, 33, 77, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark03, .btn-check:active + .btn-outline-purple-dark03, .btn-outline-purple-dark03:active, .btn-outline-purple-dark03.active, .btn-outline-purple-dark03.dropdown-toggle.show {
  color: #fff;
  background-color: #2D214D;
  border-color: #2D214D;
}
.btn-check:checked + .btn-outline-purple-dark03:focus, .btn-check:active + .btn-outline-purple-dark03:focus, .btn-outline-purple-dark03:active:focus, .btn-outline-purple-dark03.active:focus, .btn-outline-purple-dark03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(45, 33, 77, 0.5);
}
.btn-outline-purple-dark03:disabled, .btn-outline-purple-dark03.disabled {
  color: #2D214D;
  background-color: transparent;
}
.btn-outline-purple-dark03:hover {
  color: #241a3e;
  border-color: #2D214D;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark02 {
  color: #241E38;
  border-color: #241E38;
  background-color: white;
  color: #1d182d;
}
.btn-outline-purple-dark02:hover {
  color: #fff;
  background-color: #241E38;
  border-color: #241E38;
}
.btn-check:focus + .btn-outline-purple-dark02, .btn-outline-purple-dark02:focus {
  box-shadow: 0 0 0 0.25rem rgba(36, 30, 56, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark02, .btn-check:active + .btn-outline-purple-dark02, .btn-outline-purple-dark02:active, .btn-outline-purple-dark02.active, .btn-outline-purple-dark02.dropdown-toggle.show {
  color: #fff;
  background-color: #241E38;
  border-color: #241E38;
}
.btn-check:checked + .btn-outline-purple-dark02:focus, .btn-check:active + .btn-outline-purple-dark02:focus, .btn-outline-purple-dark02:active:focus, .btn-outline-purple-dark02.active:focus, .btn-outline-purple-dark02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(36, 30, 56, 0.5);
}
.btn-outline-purple-dark02:disabled, .btn-outline-purple-dark02.disabled {
  color: #241E38;
  background-color: transparent;
}
.btn-outline-purple-dark02:hover {
  color: #1d182d;
  border-color: #241E38;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-purple-dark01 {
  color: #1C1A23;
  border-color: #1C1A23;
  background-color: white;
  color: #16151c;
}
.btn-outline-purple-dark01:hover {
  color: #fff;
  background-color: #1C1A23;
  border-color: #1C1A23;
}
.btn-check:focus + .btn-outline-purple-dark01, .btn-outline-purple-dark01:focus {
  box-shadow: 0 0 0 0.25rem rgba(28, 26, 35, 0.5);
}
.btn-check:checked + .btn-outline-purple-dark01, .btn-check:active + .btn-outline-purple-dark01, .btn-outline-purple-dark01:active, .btn-outline-purple-dark01.active, .btn-outline-purple-dark01.dropdown-toggle.show {
  color: #fff;
  background-color: #1C1A23;
  border-color: #1C1A23;
}
.btn-check:checked + .btn-outline-purple-dark01:focus, .btn-check:active + .btn-outline-purple-dark01:focus, .btn-outline-purple-dark01:active:focus, .btn-outline-purple-dark01.active:focus, .btn-outline-purple-dark01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(28, 26, 35, 0.5);
}
.btn-outline-purple-dark01:disabled, .btn-outline-purple-dark01.disabled {
  color: #1C1A23;
  background-color: transparent;
}
.btn-outline-purple-dark01:hover {
  color: #16151c;
  border-color: #1C1A23;
  background-color: white;
  position: relative;
}
.btn-outline-purple-dark01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey01 {
  color: #181818;
  border-color: #181818;
  background-color: white;
  color: #131313;
}
.btn-outline-grey01:hover {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}
.btn-check:focus + .btn-outline-grey01, .btn-outline-grey01:focus {
  box-shadow: 0 0 0 0.25rem rgba(24, 24, 24, 0.5);
}
.btn-check:checked + .btn-outline-grey01, .btn-check:active + .btn-outline-grey01, .btn-outline-grey01:active, .btn-outline-grey01.active, .btn-outline-grey01.dropdown-toggle.show {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}
.btn-check:checked + .btn-outline-grey01:focus, .btn-check:active + .btn-outline-grey01:focus, .btn-outline-grey01:active:focus, .btn-outline-grey01.active:focus, .btn-outline-grey01.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(24, 24, 24, 0.5);
}
.btn-outline-grey01:disabled, .btn-outline-grey01.disabled {
  color: #181818;
  background-color: transparent;
}
.btn-outline-grey01:hover {
  color: #131313;
  border-color: #181818;
  background-color: white;
  position: relative;
}
.btn-outline-grey01:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey02 {
  color: #222222;
  border-color: #222222;
  background-color: white;
  color: #1b1b1b;
}
.btn-outline-grey02:hover {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.btn-check:focus + .btn-outline-grey02, .btn-outline-grey02:focus {
  box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.5);
}
.btn-check:checked + .btn-outline-grey02, .btn-check:active + .btn-outline-grey02, .btn-outline-grey02:active, .btn-outline-grey02.active, .btn-outline-grey02.dropdown-toggle.show {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.btn-check:checked + .btn-outline-grey02:focus, .btn-check:active + .btn-outline-grey02:focus, .btn-outline-grey02:active:focus, .btn-outline-grey02.active:focus, .btn-outline-grey02.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.5);
}
.btn-outline-grey02:disabled, .btn-outline-grey02.disabled {
  color: #222222;
  background-color: transparent;
}
.btn-outline-grey02:hover {
  color: #1b1b1b;
  border-color: #222222;
  background-color: white;
  position: relative;
}
.btn-outline-grey02:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey03 {
  color: #444444;
  border-color: #444444;
  background-color: white;
  color: #363636;
}
.btn-outline-grey03:hover {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}
.btn-check:focus + .btn-outline-grey03, .btn-outline-grey03:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 68, 68, 0.5);
}
.btn-check:checked + .btn-outline-grey03, .btn-check:active + .btn-outline-grey03, .btn-outline-grey03:active, .btn-outline-grey03.active, .btn-outline-grey03.dropdown-toggle.show {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}
.btn-check:checked + .btn-outline-grey03:focus, .btn-check:active + .btn-outline-grey03:focus, .btn-outline-grey03:active:focus, .btn-outline-grey03.active:focus, .btn-outline-grey03.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 68, 68, 0.5);
}
.btn-outline-grey03:disabled, .btn-outline-grey03.disabled {
  color: #444444;
  background-color: transparent;
}
.btn-outline-grey03:hover {
  color: #363636;
  border-color: #444444;
  background-color: white;
  position: relative;
}
.btn-outline-grey03:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey04 {
  color: #606060;
  border-color: #606060;
  background-color: white;
  color: #4d4d4d;
}
.btn-outline-grey04:hover {
  color: #fff;
  background-color: #606060;
  border-color: #606060;
}
.btn-check:focus + .btn-outline-grey04, .btn-outline-grey04:focus {
  box-shadow: 0 0 0 0.25rem rgba(96, 96, 96, 0.5);
}
.btn-check:checked + .btn-outline-grey04, .btn-check:active + .btn-outline-grey04, .btn-outline-grey04:active, .btn-outline-grey04.active, .btn-outline-grey04.dropdown-toggle.show {
  color: #fff;
  background-color: #606060;
  border-color: #606060;
}
.btn-check:checked + .btn-outline-grey04:focus, .btn-check:active + .btn-outline-grey04:focus, .btn-outline-grey04:active:focus, .btn-outline-grey04.active:focus, .btn-outline-grey04.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(96, 96, 96, 0.5);
}
.btn-outline-grey04:disabled, .btn-outline-grey04.disabled {
  color: #606060;
  background-color: transparent;
}
.btn-outline-grey04:hover {
  color: #4d4d4d;
  border-color: #606060;
  background-color: white;
  position: relative;
}
.btn-outline-grey04:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey05 {
  color: #737373;
  border-color: #737373;
  background-color: white;
  color: #5c5c5c;
}
.btn-outline-grey05:hover {
  color: #fff;
  background-color: #737373;
  border-color: #737373;
}
.btn-check:focus + .btn-outline-grey05, .btn-outline-grey05:focus {
  box-shadow: 0 0 0 0.25rem rgba(115, 115, 115, 0.5);
}
.btn-check:checked + .btn-outline-grey05, .btn-check:active + .btn-outline-grey05, .btn-outline-grey05:active, .btn-outline-grey05.active, .btn-outline-grey05.dropdown-toggle.show {
  color: #fff;
  background-color: #737373;
  border-color: #737373;
}
.btn-check:checked + .btn-outline-grey05:focus, .btn-check:active + .btn-outline-grey05:focus, .btn-outline-grey05:active:focus, .btn-outline-grey05.active:focus, .btn-outline-grey05.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(115, 115, 115, 0.5);
}
.btn-outline-grey05:disabled, .btn-outline-grey05.disabled {
  color: #737373;
  background-color: transparent;
}
.btn-outline-grey05:hover {
  color: #5c5c5c;
  border-color: #737373;
  background-color: white;
  position: relative;
}
.btn-outline-grey05:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey06 {
  color: #888888;
  border-color: #888888;
  background-color: white;
  color: #6d6d6d;
}
.btn-outline-grey06:hover {
  color: #fff;
  background-color: #888888;
  border-color: #888888;
}
.btn-check:focus + .btn-outline-grey06, .btn-outline-grey06:focus {
  box-shadow: 0 0 0 0.25rem rgba(136, 136, 136, 0.5);
}
.btn-check:checked + .btn-outline-grey06, .btn-check:active + .btn-outline-grey06, .btn-outline-grey06:active, .btn-outline-grey06.active, .btn-outline-grey06.dropdown-toggle.show {
  color: #fff;
  background-color: #888888;
  border-color: #888888;
}
.btn-check:checked + .btn-outline-grey06:focus, .btn-check:active + .btn-outline-grey06:focus, .btn-outline-grey06:active:focus, .btn-outline-grey06.active:focus, .btn-outline-grey06.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(136, 136, 136, 0.5);
}
.btn-outline-grey06:disabled, .btn-outline-grey06.disabled {
  color: #888888;
  background-color: transparent;
}
.btn-outline-grey06:hover {
  color: #6d6d6d;
  border-color: #888888;
  background-color: white;
  position: relative;
}
.btn-outline-grey06:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey07 {
  color: #999999;
  border-color: #999999;
  background-color: white;
  color: #7a7a7a;
}
.btn-outline-grey07:hover {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.btn-check:focus + .btn-outline-grey07, .btn-outline-grey07:focus {
  box-shadow: 0 0 0 0.25rem rgba(153, 153, 153, 0.5);
}
.btn-check:checked + .btn-outline-grey07, .btn-check:active + .btn-outline-grey07, .btn-outline-grey07:active, .btn-outline-grey07.active, .btn-outline-grey07.dropdown-toggle.show {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.btn-check:checked + .btn-outline-grey07:focus, .btn-check:active + .btn-outline-grey07:focus, .btn-outline-grey07:active:focus, .btn-outline-grey07.active:focus, .btn-outline-grey07.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(153, 153, 153, 0.5);
}
.btn-outline-grey07:disabled, .btn-outline-grey07.disabled {
  color: #999999;
  background-color: transparent;
}
.btn-outline-grey07:hover {
  color: #7a7a7a;
  border-color: #999999;
  background-color: white;
  position: relative;
}
.btn-outline-grey07:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey08 {
  color: #AAAAAA;
  border-color: #AAAAAA;
  background-color: white;
  color: #888888;
}
.btn-outline-grey08:hover {
  color: #181818;
  background-color: #AAAAAA;
  border-color: #AAAAAA;
}
.btn-check:focus + .btn-outline-grey08, .btn-outline-grey08:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}
.btn-check:checked + .btn-outline-grey08, .btn-check:active + .btn-outline-grey08, .btn-outline-grey08:active, .btn-outline-grey08.active, .btn-outline-grey08.dropdown-toggle.show {
  color: #181818;
  background-color: #AAAAAA;
  border-color: #AAAAAA;
}
.btn-check:checked + .btn-outline-grey08:focus, .btn-check:active + .btn-outline-grey08:focus, .btn-outline-grey08:active:focus, .btn-outline-grey08.active:focus, .btn-outline-grey08.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}
.btn-outline-grey08:disabled, .btn-outline-grey08.disabled {
  color: #AAAAAA;
  background-color: transparent;
}
.btn-outline-grey08:hover {
  color: #888888;
  border-color: #AAAAAA;
  background-color: white;
  position: relative;
}
.btn-outline-grey08:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey09 {
  color: #BBBBBB;
  border-color: #BBBBBB;
  background-color: white;
  color: #969696;
}
.btn-outline-grey09:hover {
  color: #181818;
  background-color: #BBBBBB;
  border-color: #BBBBBB;
}
.btn-check:focus + .btn-outline-grey09, .btn-outline-grey09:focus {
  box-shadow: 0 0 0 0.25rem rgba(187, 187, 187, 0.5);
}
.btn-check:checked + .btn-outline-grey09, .btn-check:active + .btn-outline-grey09, .btn-outline-grey09:active, .btn-outline-grey09.active, .btn-outline-grey09.dropdown-toggle.show {
  color: #181818;
  background-color: #BBBBBB;
  border-color: #BBBBBB;
}
.btn-check:checked + .btn-outline-grey09:focus, .btn-check:active + .btn-outline-grey09:focus, .btn-outline-grey09:active:focus, .btn-outline-grey09.active:focus, .btn-outline-grey09.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(187, 187, 187, 0.5);
}
.btn-outline-grey09:disabled, .btn-outline-grey09.disabled {
  color: #BBBBBB;
  background-color: transparent;
}
.btn-outline-grey09:hover {
  color: #969696;
  border-color: #BBBBBB;
  background-color: white;
  position: relative;
}
.btn-outline-grey09:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey10 {
  color: #CCCCCC;
  border-color: #CCCCCC;
  background-color: white;
  color: #a3a3a3;
}
.btn-outline-grey10:hover {
  color: #181818;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
.btn-check:focus + .btn-outline-grey10, .btn-outline-grey10:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
}
.btn-check:checked + .btn-outline-grey10, .btn-check:active + .btn-outline-grey10, .btn-outline-grey10:active, .btn-outline-grey10.active, .btn-outline-grey10.dropdown-toggle.show {
  color: #181818;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
.btn-check:checked + .btn-outline-grey10:focus, .btn-check:active + .btn-outline-grey10:focus, .btn-outline-grey10:active:focus, .btn-outline-grey10.active:focus, .btn-outline-grey10.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
}
.btn-outline-grey10:disabled, .btn-outline-grey10.disabled {
  color: #CCCCCC;
  background-color: transparent;
}
.btn-outline-grey10:hover {
  color: #a3a3a3;
  border-color: #CCCCCC;
  background-color: white;
  position: relative;
}
.btn-outline-grey10:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey11 {
  color: #D4D4D4;
  border-color: #D4D4D4;
  background-color: white;
  color: #aaaaaa;
}
.btn-outline-grey11:hover {
  color: #181818;
  background-color: #D4D4D4;
  border-color: #D4D4D4;
}
.btn-check:focus + .btn-outline-grey11, .btn-outline-grey11:focus {
  box-shadow: 0 0 0 0.25rem rgba(212, 212, 212, 0.5);
}
.btn-check:checked + .btn-outline-grey11, .btn-check:active + .btn-outline-grey11, .btn-outline-grey11:active, .btn-outline-grey11.active, .btn-outline-grey11.dropdown-toggle.show {
  color: #181818;
  background-color: #D4D4D4;
  border-color: #D4D4D4;
}
.btn-check:checked + .btn-outline-grey11:focus, .btn-check:active + .btn-outline-grey11:focus, .btn-outline-grey11:active:focus, .btn-outline-grey11.active:focus, .btn-outline-grey11.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(212, 212, 212, 0.5);
}
.btn-outline-grey11:disabled, .btn-outline-grey11.disabled {
  color: #D4D4D4;
  background-color: transparent;
}
.btn-outline-grey11:hover {
  color: #aaaaaa;
  border-color: #D4D4D4;
  background-color: white;
  position: relative;
}
.btn-outline-grey11:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey12 {
  color: #E1E1E1;
  border-color: #E1E1E1;
  background-color: white;
  color: #b4b4b4;
}
.btn-outline-grey12:hover {
  color: #181818;
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}
.btn-check:focus + .btn-outline-grey12, .btn-outline-grey12:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 225, 225, 0.5);
}
.btn-check:checked + .btn-outline-grey12, .btn-check:active + .btn-outline-grey12, .btn-outline-grey12:active, .btn-outline-grey12.active, .btn-outline-grey12.dropdown-toggle.show {
  color: #181818;
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}
.btn-check:checked + .btn-outline-grey12:focus, .btn-check:active + .btn-outline-grey12:focus, .btn-outline-grey12:active:focus, .btn-outline-grey12.active:focus, .btn-outline-grey12.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 225, 225, 0.5);
}
.btn-outline-grey12:disabled, .btn-outline-grey12.disabled {
  color: #E1E1E1;
  background-color: transparent;
}
.btn-outline-grey12:hover {
  color: #b4b4b4;
  border-color: #E1E1E1;
  background-color: white;
  position: relative;
}
.btn-outline-grey12:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey13 {
  color: #F0F0F0;
  border-color: #F0F0F0;
  background-color: white;
  color: silver;
}
.btn-outline-grey13:hover {
  color: #181818;
  background-color: #F0F0F0;
  border-color: #F0F0F0;
}
.btn-check:focus + .btn-outline-grey13, .btn-outline-grey13:focus {
  box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
}
.btn-check:checked + .btn-outline-grey13, .btn-check:active + .btn-outline-grey13, .btn-outline-grey13:active, .btn-outline-grey13.active, .btn-outline-grey13.dropdown-toggle.show {
  color: #181818;
  background-color: #F0F0F0;
  border-color: #F0F0F0;
}
.btn-check:checked + .btn-outline-grey13:focus, .btn-check:active + .btn-outline-grey13:focus, .btn-outline-grey13:active:focus, .btn-outline-grey13.active:focus, .btn-outline-grey13.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
}
.btn-outline-grey13:disabled, .btn-outline-grey13.disabled {
  color: #F0F0F0;
  background-color: transparent;
}
.btn-outline-grey13:hover {
  color: silver;
  border-color: #F0F0F0;
  background-color: white;
  position: relative;
}
.btn-outline-grey13:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey14 {
  color: #F6F6F6;
  border-color: #F6F6F6;
  background-color: white;
  color: #c5c5c5;
}
.btn-outline-grey14:hover {
  color: #181818;
  background-color: #F6F6F6;
  border-color: #F6F6F6;
}
.btn-check:focus + .btn-outline-grey14, .btn-outline-grey14:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5);
}
.btn-check:checked + .btn-outline-grey14, .btn-check:active + .btn-outline-grey14, .btn-outline-grey14:active, .btn-outline-grey14.active, .btn-outline-grey14.dropdown-toggle.show {
  color: #181818;
  background-color: #F6F6F6;
  border-color: #F6F6F6;
}
.btn-check:checked + .btn-outline-grey14:focus, .btn-check:active + .btn-outline-grey14:focus, .btn-outline-grey14:active:focus, .btn-outline-grey14.active:focus, .btn-outline-grey14.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5);
}
.btn-outline-grey14:disabled, .btn-outline-grey14.disabled {
  color: #F6F6F6;
  background-color: transparent;
}
.btn-outline-grey14:hover {
  color: #c5c5c5;
  border-color: #F6F6F6;
  background-color: white;
  position: relative;
}
.btn-outline-grey14:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey15 {
  color: #F9F9F9;
  border-color: #F9F9F9;
  background-color: white;
  color: #c7c7c7;
}
.btn-outline-grey15:hover {
  color: #181818;
  background-color: #F9F9F9;
  border-color: #F9F9F9;
}
.btn-check:focus + .btn-outline-grey15, .btn-outline-grey15:focus {
  box-shadow: 0 0 0 0.25rem rgba(249, 249, 249, 0.5);
}
.btn-check:checked + .btn-outline-grey15, .btn-check:active + .btn-outline-grey15, .btn-outline-grey15:active, .btn-outline-grey15.active, .btn-outline-grey15.dropdown-toggle.show {
  color: #181818;
  background-color: #F9F9F9;
  border-color: #F9F9F9;
}
.btn-check:checked + .btn-outline-grey15:focus, .btn-check:active + .btn-outline-grey15:focus, .btn-outline-grey15:active:focus, .btn-outline-grey15.active:focus, .btn-outline-grey15.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(249, 249, 249, 0.5);
}
.btn-outline-grey15:disabled, .btn-outline-grey15.disabled {
  color: #F9F9F9;
  background-color: transparent;
}
.btn-outline-grey15:hover {
  color: #c7c7c7;
  border-color: #F9F9F9;
  background-color: white;
  position: relative;
}
.btn-outline-grey15:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn-outline-grey16 {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: white;
  color: #cccccc;
}
.btn-outline-grey16:hover {
  color: #181818;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-check:focus + .btn-outline-grey16, .btn-outline-grey16:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.btn-check:checked + .btn-outline-grey16, .btn-check:active + .btn-outline-grey16, .btn-outline-grey16:active, .btn-outline-grey16.active, .btn-outline-grey16.dropdown-toggle.show {
  color: #181818;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-check:checked + .btn-outline-grey16:focus, .btn-check:active + .btn-outline-grey16:focus, .btn-outline-grey16:active:focus, .btn-outline-grey16.active:focus, .btn-outline-grey16.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.btn-outline-grey16:disabled, .btn-outline-grey16.disabled {
  color: #FFFFFF;
  background-color: transparent;
}
.btn-outline-grey16:hover {
  color: #cccccc;
  border-color: #FFFFFF;
  background-color: white;
  position: relative;
}
.btn-outline-grey16:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  opacity: 0.1;
  content: "";
}

.btn {
  padding: 5px 12px;
  font-size: 0.875rem;
  border-radius: 6px;
  height: 34px;
  border-radius: 6px !important;
  white-space: nowrap;
}
.btn:not(.dropdown-toggle) {
  font-weight: 500;
}
.btn:disabled, .btn.disabled {
  opacity: 0.5;
}

.btn-sm {
  height: 34px !important;
  min-width: 62px;
}

.btn-min {
  padding-left: 16px;
  padding-right: 16px;
  min-width: 62px;
}

.btn-thin {
  height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.btn-complex {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px 6px 12px;
}
.btn-complex i {
  font-size: 18px;
  margin-right: 6px;
}
.btn-complex.btn-thin i {
  font-size: 16px;
}

.btn-icon {
  padding: 4px;
  margin: 0;
}
.btn-icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
}
.btn-icon.btn-thin i {
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.btn-group-sm .btn {
  height: 32px;
  line-height: 19px;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.tooltip {
  font-family: inherit;
  opacity: 1;
}
.tooltip .tooltip-inner {
  max-width: max-content;
  padding: 4px 10px;
  border-radius: 8px;
  background-color: #2952A3;
  font-weight: 500;
  font-size: 13px;
  font-family: inherit;
  white-space: pre-line;
}
.tooltip .tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip .tooltip-arrow::before {
  top: -1px;
}
.tooltip.top {
  transform: translateY(-15px);
}
.tooltip.top .tooltip-arrow {
  bottom: -7px;
}
.tooltip.top .tooltip-arrow::before {
  border-top-color: #2952A3;
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
}
.tooltip.bottom {
  transform: translateY(15px);
}
.tooltip.bottom .tooltip-arrow {
  top: -5px;
}
.tooltip.bottom .tooltip-arrow::before {
  border-bottom-color: #2952A3;
  border-width: 0 0.4rem 0.4rem 0.4rem;
  top: 1;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: #2952A3;
}

.form-select {
  width: 160px;
  height: 34px;
  border: 1px solid #D4D4D4;
  border-radius: 6px;
  display: inline-block;
  font-size: 14px;
}
.form-select option {
  padding: 4px 16px;
  color: #181818;
  height: 30px;
}

.form-control::file-selector-button, .form-control::-webkit-file-upload-button {
  padding: 4px 12px;
  background-color: transparent;
  color: #737373;
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  width: 76px;
  height: 30px;
  margin: 0;
  margin-right: 16px;
}

.form-control {
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 6px 16px;
  font-size: 14px;
}
.form-control:focus {
  color: #181818;
  background-color: transparent;
  outline: 0;
  box-shadow: none;
}
.form-control:disabled, .form-control[readonly] {
  color: #888888;
}
.form-control[type=file] {
  display: inline-block;
  padding: 0;
  border: none;
}
.form-control::placeholder {
  color: #AAAAAA;
  opacity: 1;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.modal {
  overflow-x: auto;
}

.modal-backdrop {
  width: 100%;
  height: 100%;
}

.modal-dialog {
  margin: 40px auto !important;
  min-width: 800px !important;
  width: fit-content !important;
  max-width: 98% !important;
  display: flex;
  justify-content: center;
}
.modal-dialog .modal-content {
  border: none;
  border-radius: 20px;
  width: fit-content !important;
  max-height: 950px;
  overflow: hidden;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
}
.modal-dialog .modal-content .modal-header {
  color: white;
  background-color: #7BA8FF;
  width: 100%;
  height: 48px;
  border-radius: 20px 20px 0px 0px;
  font-weight: 600 !important;
  font-size: 18px;
  padding: 11px 12px 11px 24px;
}
.modal-dialog .modal-content .modal-header > i {
  width: 18px;
  height: 18px;
  text-align: center;
  cursor: pointer;
  padding: 0 !important;
  color: white;
}
.modal-dialog .modal-content .modal-body {
  max-height: 808px;
  width: min-content;
  padding: 20px 24px;
  max-width: 100%;
}
.modal-dialog .modal-content .modal-body > hr {
  margin: 0;
  margin-top: 20px;
  opacity: 1;
}
.modal-dialog .modal-content .modal-footer {
  padding: 20px 24px;
  flex-wrap: nowrap;
  border-top: none;
}
.modal-dialog .modal-content .modal-footer > * {
  margin: 0;
}

.modal-header-alert {
  background-color: orange;
  color: black;
}

.modal-footer-alert {
  padding: 5px;
  text-align: left;
}

@media screen and (max-width: 440px) {
  .modal-dialog {
    max-width: fit-content !important;
  }
  .modal-dialog .modal-content .modal-body {
    overflow-x: auto;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  position: relative;
  text-align: left;
  padding: 5px 15px;
  padding-right: 35px;
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
  right: 12px;
  position: absolute;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 8.3rem;
  padding: 12px 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  font-size: inherit;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(24, 24, 24, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle {
  padding: 6px 12px;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropup .dropdown-toggle::after {
  margin-left: 10px;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(24, 24, 24, 0.15);
}

.dropdown-item {
  font-weight: 400;
  font-size: 14px;
  display: block;
  width: auto;
  padding: 4px 16px;
  clear: both;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(24, 24, 24, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(24, 24, 24, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.form-check-input {
  width: 16px;
  height: 16px;
  border-color: #d4d4d4;
  margin-top: 0px;
}
.form-check-input:checked:disabled[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23d4d4d4' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  opacity: 1;
  background-color: #F4F4F4;
  border-color: #d4d4d4;
}
.form-check-input:focus {
  box-shadow: none;
}

.form-check-label .form-check-input {
  margin-right: 10px;
}

hr {
  margin: 20px 0;
  color: #E0E0E0;
  background-color: currentColor;
  border: 0;
  opacity: 1;
}

hr:not([size]) {
  height: 1px;
}

.accordion-button {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #2E66D1;
  background-color: #F5F8FF;
  border: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'%3e%3cpath d='M5.49609 0.523438C5.82422 0.167969 6.39844 0.167969 6.72656 0.523438L11.1016 4.89844C11.457 5.22656 11.457 5.80078 11.1016 6.12891C10.7734 6.48438 10.1992 6.48438 9.87109 6.12891L6.125 2.38281L2.35156 6.12891C2.02344 6.48438 1.44922 6.48438 1.12109 6.12891C0.765625 5.80078 0.765625 5.22656 1.12109 4.89844L5.49609 0.523438Z' fill='%23AAAAAA'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
  background-size: unset;
  width: 12px;
  height: 7px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'%3e%3cpath d='M5.49609 6.00391C5.82422 6.35938 6.39844 6.35938 6.72656 6.00391L11.1016 1.62891C11.457 1.30078 11.457 0.726562 11.1016 0.398438C10.7734 0.0429688 10.1992 0.0429688 9.87109 0.398438L6.125 4.14453L2.35156 0.398438C2.02344 0.0429688 1.44922 0.0429688 1.12109 0.398438C0.765625 0.726562 0.765625 1.30078 1.12109 1.62891L5.49609 6.00391Z' fill='%23AAAAAA'/%3e%3c/svg%3e");
  background-size: unset;
  width: 12px;
  height: 7px;
  transition: transform 0.2s ease-in-out;
}
.accordion-button:focus {
  box-shadow: none;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.multiSelect {
  display: flex;
  position: relative;
}
.multiSelect .multiSelectMain {
  height: 32px;
  background-image: none !important;
  width: 100%;
  font-size: 14px !important;
  border-radius: 6px !important;
  padding: 6px 45px 6px 16px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}
.multiSelect .multiSelectMain .buttonLabel {
  color: #181818;
  padding: 0 !important;
  display: inline !important;
}
.multiSelect .multiSelectMain::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translatey(-50%);
}
.multiSelect .multiSelectMain .caret {
  display: none !important;
}
.multiSelect .checkboxLayer {
  min-width: 300px !important;
  transform: translateY(34px);
}
.multiSelect .checkboxLayer .helperContainer .line {
  padding: 0;
  text-align: end;
  margin-bottom: 12px;
}
.multiSelect .checkboxLayer .helperContainer .line .helperButton {
  display: none;
}
.multiSelect .checkboxLayer .helperContainer .line .form-check-input {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.multiSelect .checkboxLayer .helperContainer .searchbar {
  padding-bottom: 4px;
  margin-top: 4px;
}
.multiSelect .checkboxLayer .helperContainer .searchbar .inputFilter {
  border-radius: 6px;
  height: 34px;
  color: black;
  padding-left: 40px;
}
.multiSelect .checkboxLayer .helperContainer .searchbar > i {
  position: absolute;
  top: 10px;
  left: 16px;
  color: #AAAAAA;
  height: 22px;
  font-size: 16px;
}
.multiSelect .checkboxLayer .checkBoxContainer {
  padding: 8px 0 0 0 !important;
  overflow-x: hidden;
  border: none;
  height: auto;
  max-height: 368px;
  min-height: 30px;
}
.multiSelect .checkboxLayer .checkBoxContainer::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/
}
.multiSelect .checkboxLayer .checkBoxContainer .multiSelectFocus {
  background-image: none !important;
  color: #181818 !important;
  background-color: #EBF2FF !important;
  border: none !important;
}
.multiSelect .checkboxLayer .checkBoxContainer .multiSelectItem {
  height: 30px;
  max-height: 30px;
  min-height: 30px;
  border: none;
  padding: 4px 16px;
}
.multiSelect .checkboxLayer .checkBoxContainer .multiSelectItem:hover {
  background-image: none !important;
  color: #181818 !important;
  background-color: #EBF2FF !important;
  border: none !important;
}
.multiSelect .checkboxLayer .checkBoxContainer .multiSelectItem:last-of-type {
  margin-bottom: 10px !important;
}
.multiSelect .checkboxLayer .checkBoxContainer .selected {
  background-color: #3479FF !important;
  background-image: none !important;
  color: white !important;
  border: none !important;
}
.multiSelect .checkboxLayer .checkBoxContainer .selected .tickMark {
  font-size: 16px;
  font-weight: 500;
  top: 3px !important;
}

.date-picker {
  display: flex;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  align-items: center;
  background-color: white;
  padding: 5px 16px;
}
.date-picker.disabled {
  border-color: #cccccc;
  background-color: #e0e0e0;
  pointer-events: none;
}
.date-picker.disabled * {
  color: #878787 !important;
}
.date-picker.disabled.use-dropdown .dropdown {
  border-color: #cccccc;
}
.date-picker.disabled.use-dropdown .dropdown .btn {
  opacity: 1;
}
.date-picker.use-dropdown {
  padding: 0px;
  padding-right: 16px;
}
.date-picker.use-dropdown .dropdown {
  border-right: 1px solid #d4d4d4;
  margin-right: 16px;
}
.date-picker.use-dropdown .dropdown .btn {
  width: 120px;
}
.date-picker.use-dropdown .dropdown .dropdown-menu {
  width: 120px;
}
.date-picker i.fa-calendar {
  color: #606060;
  margin-right: 1px;
}
.date-picker input.flatpickr-input {
  width: 100px;
  height: 22px;
  text-align: center;
  border: none;
  outline: none;
  background-color: transparent;
}
@media (max-width: 440px) {
  .date-picker input.flatpickr-input {
    width: 115px;
  }
}
.date-picker input.flatpickr-input:last-of-type {
  margin-right: -8px;
}
.date-picker span.tilde {
  display: inline-block;
  color: #878787;
}
.date-picker span.tilde:last-child {
  margin-right: 8px;
}
.date-picker.has-time input.flatpickr-input {
  width: 140px;
}

.has-range {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 360px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 63px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 62px;
  padding: 12px 0 16px 0;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  width: 12px;
  height: 24px;
  margin-top: 17px;
}
.flatpickr-months .flatpickr-prev-month::after,
.flatpickr-months .flatpickr-next-month::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 15px;
  line-height: 15px;
  color: #aaaaaa;
}
.flatpickr-months .flatpickr-prev-month {
  margin-left: 20px;
}
.flatpickr-months .flatpickr-prev-month::after {
  content: "";
}
.flatpickr-months .flatpickr-next-month {
  margin-right: 20px;
}
.flatpickr-months .flatpickr-next-month::after {
  content: "";
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  left: 0;
  /*
        /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        /*rtl:begin:ignore*/
  right: 0;
  /*
        /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  right: 0;
  /*
        /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
  display: none;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

/*
    /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
/*
    /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover::after {
  color: black !important;
}
.numInputWrapper span:active::after {
  color: black !important;
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  line-height: 12px;
  content: "";
  color: #878787;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  line-height: 12px;
  content: "";
  color: #878787;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 0;
  line-height: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 120px;
  margin-left: 8px;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  top: 6px;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  top: 2px;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: 18px;
  font-family: inherit;
  font-weight: 700;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: center;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled] {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: none;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  font-weight: 400;
  width: 120px;
  height: 34px;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 30px;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  background-position: right 16px center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aaaaaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: white;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
  font-size: 14px;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 360px;
}
.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 360px;
  min-width: 360px;
  max-width: 360px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  font-size: 15px;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 2px 8px;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #3479ff;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #3479ff;
  background: #3479ff;
  color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #3479ff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #3479ff;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.notAllowed {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 14px;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 63px;
  max-height: 63px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 60px 16px;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 34px;
  line-height: 32px;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
}
.flatpickr-time .numInputWrapper span {
  width: 28px;
  height: 17px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  right: 10px;
  top: 4px;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  right: 10px;
  bottom: 4px;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 400;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.page-container .header > .header-title {
  font-size: 18px;
  font-weight: 700;
}

.page-container {
  width: fit-content;
  height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
}
.page-container.scroll-page {
  height: initial;
}
.page-container .header {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 12px;
  justify-content: space-between;
}
.page-container .header > .header-title {
  margin: 4px 32px 0 12px;
}
.page-container .header > .header-title-container {
  display: flex;
}
.page-container .header > .header-title-container > .header-title {
  font-size: 18px;
  font-weight: 700;
  margin: 4px 32px 0 12px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
}
.page-container .header > .header-title-container > .info {
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  color: #737373;
}
.page-container .header .header-btn-container {
  display: inline-flex;
}
.page-container .header .header-btn-container > button + button {
  margin-left: 10px;
}

.doughnut-chart-tooltip,
.graph-chart-tooltip {
  padding: 12px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
}
.doughnut-chart-tooltip .color-label-box,
.graph-chart-tooltip .color-label-box {
  width: 12px;
  height: 12px;
  margin-right: 12px;
  border-radius: 4px;
  flex-shrink: 0;
}

.doughnut-chart-tooltip .tooltip-content {
  display: flex;
  align-items: center;
}
.doughnut-chart-tooltip .tooltip-content .tooltip-title {
  margin-right: 12px;
}
.doughnut-chart-tooltip .tooltip-content .tooltip-body {
  font-weight: 500;
}

.graph-chart-tooltip .tooltip-content {
  white-space: nowrap;
}
.graph-chart-tooltip .tooltip-content .tooltip-title {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 8px;
}
.graph-chart-tooltip .tooltip-content .tooltip-body {
  display: flex;
  align-items: center;
}
.graph-chart-tooltip .tooltip-content .tooltip-body + .tooltip-body {
  margin-top: 8px;
}
.graph-chart-tooltip .tooltip-content .tooltip-body .body-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.graph-chart-tooltip .tooltip-content .tooltip-body .body-content .body-label {
  margin-right: 12px;
}
.graph-chart-tooltip .tooltip-content .tooltip-body .body-content .body-value {
  font-weight: 500;
}

.alert-modal {
  display: flex !important;
  align-items: center;
}
.alert-modal .modal-dialog .modal-content {
  border-radius: 10px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
}
.alert-modal .modal-dialog .modal-content .alert-modal-content {
  width: 448px;
  padding: 24px 24px 20px;
}
.alert-modal .modal-dialog .modal-content .alert-modal-content .alert-btn {
  background-color: white;
  border: none;
}
.alert-modal .modal-dialog .modal-content .alert-modal-content .alert-btn + .alert-btn {
  margin-left: 22px;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.accordion .accordion-items {
  border: none;
  width: 764px;
}
.accordion .accordion-items:not(:first-of-type) {
  margin-top: 11px;
}
.accordion .accordion-items .accordion-title {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
.accordion .accordion-items .accordion-title .accordion-button.collapsed {
  background-color: #F6F6F6;
  font-size: 15px;
  font-weight: 700 !important;
  height: 48px;
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid #D4D4D4;
}
.accordion .accordion-items .accordion-title .accordion-button.collapsed::after {
  display: none;
}
.accordion .accordion-items .accordion-title .accordion-button.collapsed.openItem {
  background-color: #F6F3FE !important;
  color: #5F37CE;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #D4D4D4;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.accordion .accordion-items .accordion-collapse {
  margin: 0;
}
.accordion .accordion-items .accordion-collapse .success > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #DAF2EA !important;
  color: #0D9564 !important;
  word-break: break-word !important;
  border: none;
}
.accordion .accordion-items .accordion-collapse .success .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.accordion .accordion-items .accordion-collapse .success .progress-bar {
  display: block !important;
  background-color: #0BAB71 !important;
  color: white !important;
}
.accordion .accordion-items .accordion-collapse .info > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #EBF2FF !important;
  color: #2E66D1 !important;
  word-break: break-word !important;
  border: none;
}
.accordion .accordion-items .accordion-collapse .info .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.accordion .accordion-items .accordion-collapse .info .progress-bar {
  display: block !important;
  background-color: #3479FF !important;
  color: white !important;
}
.accordion .accordion-items .accordion-collapse .danger > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #FDE4E8 !important;
  color: #D1425C !important;
  word-break: break-word !important;
  border: none;
}
.accordion .accordion-items .accordion-collapse .danger .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.accordion .accordion-items .accordion-collapse .danger .progress-bar {
  display: block !important;
  background-color: #F45C77 !important;
  color: white !important;
}
.accordion .accordion-items .accordion-collapse .warning > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #FCF4E0 !important;
  color: #CE9E2D !important;
  word-break: break-word !important;
  border: none;
}
.accordion .accordion-items .accordion-collapse .warning .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.accordion .accordion-items .accordion-collapse .warning .progress-bar {
  display: block !important;
  background-color: #0BAB71 !important;
  color: white !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body {
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #D4D4D4;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 20px;
}
.accordion .accordion-items .accordion-collapse .accordion-body > p {
  font-weight: 500;
  margin-bottom: 4px;
}
.accordion .accordion-items .accordion-collapse .accordion-body > p > b {
  color: #3479FF;
  font-weight: 700;
}
.accordion .accordion-items .accordion-collapse .accordion-body > hr {
  margin: 20px 0;
  background-color: #D4D4D4;
}
.accordion .accordion-items .accordion-collapse .accordion-body .fileAnalysis {
  justify-content: center;
  text-align: center;
}
.accordion .accordion-items .accordion-collapse .accordion-body .fileAnalysis .btn {
  background-color: #3479FF !important;
  color: white !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  width: fit-content !important;
  height: 34px !important;
  border: none;
}
.accordion .accordion-items .accordion-collapse .accordion-body .fileAnalysis .btn:disabled {
  background-color: #99BCFF;
}
.accordion .accordion-items .accordion-collapse .accordion-body .fileAnalysis .btn .spinner-border-sm {
  width: 14px;
  height: 14px;
  border-width: 0.2em;
  vertical-align: middle;
  margin-right: 2px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .text-right {
  justify-content: center;
  text-align: center;
}
.accordion .accordion-items .accordion-collapse .accordion-body .text-right .btn {
  background-color: #3479FF !important;
  color: white !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  width: 62px !important;
  height: 34px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .text-right .btn:disabled {
  opacity: 1 !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .essential-data {
  display: flex;
  font-weight: 700;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable {
  border-radius: 8px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .headerLine {
  font-size: 14px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .headerLine > label {
  padding-top: 16px;
  padding-bottom: 16px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .headerLine > label input {
  margin-right: 10px;
  vertical-align: text-bottom;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable {
  display: grid;
  grid-template-columns: repeat(4, 178px);
  gap: 4px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  width: 178px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .title {
  text-align: center;
  align-items: center;
  height: 40px;
  padding: 9px 12px;
  font-weight: 700;
  font-size: 14px;
  background-color: #F5F8FF;
  border-radius: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .content {
  text-align: center;
  align-items: center;
  height: 40px;
  padding: 9px 12px;
  border-top: 1px solid #D4D4D4;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .content > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox {
  height: 52px;
  border-top: 1px solid #D4D4D4;
  padding: 9px 0;
  text-align: center;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox > select {
  height: 34px;
  font-size: 14px;
  font-weight: 500;
  width: 154px;
  padding: 6px 12px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox.mapped > select {
  color: #3479FF;
  font-weight: 700;
  font-size: 14px;
  width: 154px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox.mapped > select > option {
  color: #181818;
}
.accordion .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .mapped {
  font-weight: 700;
  color: #3479FF;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo {
  flex-wrap: wrap;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .select-group,
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .text-group {
  padding: 0 !important;
  margin: 0 !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .select-group .btn-menu,
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .text-group .btn-menu {
  width: 183px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .select-group .input-memo,
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .text-group .input-memo {
  width: 183px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .memo-group > input {
  width: 528px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap {
  flex-wrap: wrap;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .select-group,
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .text-group {
  padding: 0 !important;
  margin: 0 !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .select-group .btn-menu,
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .text-group .btn-menu {
  width: 183px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .memo-group {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-nowrap {
  flex-wrap: nowrap;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-nowrap .select-group .btn-menu {
  width: 178px !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .div-flex-nowrap .memo-group > input {
  width: 182px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item {
  text-align: center;
  justify-content: center;
  display: flex;
  gap: 11px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group {
  text-align: center;
  justify-content: center;
  padding-left: auto;
  padding-right: auto;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group > label {
  font-weight: 700;
  margin-bottom: 8px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .btn-menu {
  width: 138px;
  height: 34px !important;
  border: 1px solid #D4D4D4;
  justify-content: center;
  padding: 0 12px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .btn-menu > span {
  float: left;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .btn-menu::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
  float: right;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv {
  align-items: center;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker {
  display: flex;
  align-items: center;
  border: 1px solid #D4D4D4;
  padding: 6px 8px;
  width: 138px;
  height: 34px;
  border-radius: 6px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker .fa-regular {
  margin-left: 0;
  padding: 0;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker .form-control {
  padding: 0 !important;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker > input {
  font-size: 14px !important;
  width: 100px;
  height: 22px;
  text-align: center;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList > li {
  border: none;
  padding-top: 20px;
  padding-bottom: 0;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList > li .barcode-list-text {
  font-weight: 500;
  color: #181818;
  text-decoration-line: underline;
  cursor: pointer;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList > li .badge {
  background-color: #F45C77;
  border-radius: 14px;
  min-width: 25px;
  height: 20px;
  font-size: 13px;
  padding: 0 8px;
  line-height: 1.7;
  margin-left: 10px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group {
  display: grid !important;
  grid-template-columns: repeat(2, 288px);
  gap: 10px;
  margin-top: 20px;
  padding: 0px 8px;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group .none-show-list {
  display: none;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  height: 8px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
  border-radius: 4px;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group::-webkit-scrollbar-track {
  background-color: transparent;
}
.accordion .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group > li {
  border: none;
  border-radius: 8px;
  background: #F6F6F6;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 40px;
  white-space: nowrap;
  padding: 9px 24px !important;
  font-size: 15px;
  font-weight: 400;
  text-align: start;
}
.accordion .btn-area {
  text-align: center;
  margin-top: 20px;
}
.accordion .btn-area .btn-outline-grey08 {
  width: 64px;
  color: #737373;
}
.accordion .btn-area .btn-outline-grey08:hover {
  color: #737373;
  background-color: white;
}

.export-dialog-body {
  width: 752px;
}
.export-dialog-body .blink {
  color: red;
}
.export-dialog-body .table {
  margin-bottom: 0px;
}
.export-dialog-body .state-message {
  text-align: center;
  border: none;
}
.export-dialog-body .state-message p {
  margin-bottom: 4px;
}
.export-dialog-body .state-message.alert-success {
  background-color: #DAF2EA !important;
  color: #0D9564 !important;
}
.export-dialog-body .state-message.alert-primary {
  background-color: #EBF2FF !important;
  color: #2E66D1 !important;
}
.export-dialog-body .state-message.alert-danger {
  background-color: #FDE4E8 !important;
  color: #D1425C !important;
}
.export-dialog-body .progress {
  border-radius: 8px;
}
.export-dialog-body .progress .bg-success {
  background-color: #0BAB71 !important;
}
.export-dialog-body .progress .bg-danger {
  background-color: #F45C77 !important;
}
.export-dialog-body .progress .bg-primary {
  background-color: #3479FF !important;
}
.export-dialog-body hr {
  opacity: 1;
}
.export-dialog-body .file-list .file-list-item {
  border: 1px solid #aaaaaa;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  height: 46px;
  border-radius: 8px;
}
.export-dialog-body .file-list .file-list-item + .file-list-item {
  margin-top: 10px;
}
.export-dialog-body .file-list .file-list-item .file-name a {
  font-weight: 700;
  color: #136eb1;
}
.export-dialog-body .file-list .file-list-item .file-size {
  font-weight: 500;
  width: 100px;
}
.export-dialog-body .file-list .file-list-item .file-time {
  font-weight: 500;
  margin-left: 20px;
  width: 145px;
}
.export-dialog-body .info i {
  margin-right: 10px;
}

.dropdown.new-file-generate > .dropdown-toggle {
  padding-right: 30px;
}
.dropdown.new-file-generate > .dropdown-toggle:after {
  color: white;
  top: 50%;
  margin-top: -10px;
  content: "";
}

.column-setting-modal {
  width: 544px;
}
.column-setting-modal .info {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: red;
}
.column-setting-modal .pinnedNum {
  justify-content: flex-end;
  align-items: center;
  margin-right: 46px;
}
.column-setting-modal .pinnedNum select {
  width: 92px;
  height: 36px;
}
.column-setting-modal .manual-box {
  width: 200px;
  height: 430px;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  padding: 0;
}
.column-setting-modal .manual-box .title {
  font-weight: 700;
  height: 38px;
  padding: 8px 16px;
  color: white;
  text-align: center;
  background-color: #26488b;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.column-setting-modal .sort-btn-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.column-setting-modal .sort-btn-group .btn + .btn {
  margin-top: 10px;
}
.column-setting-modal .list-box {
  height: 390px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.column-setting-modal .list-box::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.column-setting-modal .list-box::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #d4d4d4;
  border-radius: 4px;
}
.column-setting-modal .list-box::-webkit-scrollbar-track {
  background-color: transparent;
}
.column-setting-modal .list-box ul {
  padding-bottom: 10px;
}
.column-setting-modal .list-box ul li {
  min-width: 190px;
  text-align: center;
  padding: 8px 16px;
  border-bottom: 1px solid #d4d4d4;
  text-align: start;
}
.column-setting-modal .list-box ul li:hover {
  cursor: pointer;
  background-color: #add8e6;
  border-color: #add8e6;
}
.column-setting-modal .list-box ul li i.fa-grip-vertical {
  color: #d4d4d4;
  margin-right: 12px;
  margin-left: -6px;
}
.column-setting-modal .list-box .ui-selecting {
  background-color: #add8e6;
  border-color: #add8e6;
  color: white;
}
.column-setting-modal .list-box .selected {
  background: #337ab7;
  border-color: #2e6da4;
  color: white;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.modal-content .modal-body .as-request-detail-modal.whole-container {
  max-width: 744px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form {
  align-items: center;
  margin-bottom: 16px;
  height: 34px;
  display: flex;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form:last-of-type {
  margin-top: 16px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form > span {
  font-weight: 500;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form > label {
  width: 100px;
  margin-right: 24px;
  font-weight: 700;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .form-check-label {
  margin-right: 10px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .inline-container {
  width: 100%;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .inline-container > button {
  margin-left: 14px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .inline-container .input-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .inline-container .input-group .form-control {
  width: 200px;
  min-width: 200px;
  height: 34px;
  border-radius: 6px;
  margin-left: 14px;
  padding: 6px 12px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .status {
  padding: 4px 12px;
  border-radius: 6px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .request {
  background-color: #F6F6F6;
  color: #888888;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .process {
  background-color: #EBF2FF;
  color: #3479FF;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .return-success {
  background-color: #DAF2EA;
  color: #0BAB71;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .complete {
  background-color: #E9E2FC;
  color: #6B3DEE;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .div_form .receive-success {
  background-color: #DBEFFD;
  color: #1193F2;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .status-container {
  margin-left: 124px;
  border-top: 1px solid #D4D4D4;
  padding-top: 16px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .status-container .status_form {
  height: 34px;
  align-items: center;
  display: flex;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .status-container .status_form > label {
  width: 60px;
  font-weight: 700;
  margin-right: 10px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .status-container .status_form > button {
  margin-left: 10px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .status-container .status_form .date-status {
  width: 138px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .status-container .status_form .btn-outline-grey08 {
  margin-left: 0;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container {
  margin-top: 16px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid {
  height: auto;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-top-panel {
  display: none;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport {
  height: 150px !important;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .no-item-cell {
  margin-top: 11px;
  margin-bottom: 11px;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row:last-of-type {
  border-bottom: none !important;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row > td:not(.ej-grid-column-3) .ej-grid-cell > i {
  display: none;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row .ej-grid-column-2 {
  padding: 5px 12px !important;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row .ej-grid-column-2 .ej-grid-cell {
  height: auto !important;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row .ej-grid-column-2 .ej-grid-cell > input {
  height: 34px;
  padding: 6px 12px;
  border-radius: 6px;
  border-color: #D4D4D4;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row .ej-grid-column-3 .ej-grid-cell {
  text-align: center;
}
.modal-content .modal-body .as-request-detail-modal.whole-container .main-container .ej-grid .ej-grid-main-panel .ej-grid-pane .ej-grid-header .ej-grid-row .ej-grid-scrollbar-placeholder-column {
  display: none;
}

.customer-dialog-form {
  width: 484px;
  height: 652px;
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
}
.customer-dialog-form > div {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
}
.customer-dialog-form > div > b {
  white-space: nowrap;
  width: 100px;
  height: 22px;
  line-height: 22px;
  margin-right: 24px;
}
.customer-dialog-form > div > div,
.customer-dialog-form > div > input,
.customer-dialog-form > div > select {
  width: calc(100% - 124px);
}
.customer-dialog-form > div > div {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}
.customer-dialog-form > div > div > label {
  white-space: nowrap;
  line-height: 22px;
}
.customer-dialog-form > div .mobile-row .form-check-label,
.customer-dialog-form > div .gender-row .form-check-label,
.customer-dialog-form > div .info-agreement-row .form-check-label {
  display: flex;
  align-items: center;
}
.customer-dialog-form > div .mobile-row .form-check-label > input,
.customer-dialog-form > div .gender-row .form-check-label > input,
.customer-dialog-form > div .info-agreement-row .form-check-label > input {
  margin-right: 10px;
}
.customer-dialog-form > div .mobile-row .form-check-label > input:disabled:checked,
.customer-dialog-form > div .gender-row .form-check-label > input:disabled:checked,
.customer-dialog-form > div .info-agreement-row .form-check-label > input:disabled:checked {
  background-image: url("/img/disable_checkbox.svg");
}
.customer-dialog-form > div .address-row {
  flex-direction: column;
  justify-content: center;
}
.customer-dialog-form > div .address-row > div {
  width: 100%;
  display: flex;
  align-items: center;
}
.customer-dialog-form > div .address-row > div > input {
  width: 100%;
  margin-right: 6px;
  display: inline-block;
  height: 34px;
}
.customer-dialog-form > div .address-row > div > button {
  width: 100px;
  height: 34px;
}
.customer-dialog-form > div .gender-row > .form-check-label {
  display: flex;
  align-items: center;
}
.customer-dialog-form > div .gender-row > .form-check-label:first-of-type {
  margin-right: 24px;
}
.customer-dialog-form > div .info-agreement-row {
  width: 336px;
  height: 68px;
  flex-wrap: wrap;
  gap: 0px;
}
.customer-dialog-form > div .info-agreement-row > label {
  height: 34px;
  line-height: 34px;
  min-width: 50%;
}
.customer-dialog-form > div .info-agreement-row .sub-agreement-row {
  margin-left: 26px;
  display: flex;
  flex-direction: row;
  height: 34px;
}
.customer-dialog-form > div .info-agreement-row .sub-agreement-row > label {
  margin-right: 24px;
}
.customer-dialog-form > div .label {
  width: 124px;
  align-self: flex-start;
}
.customer-dialog-form > div .label > div {
  height: 34px;
  display: flex;
  align-items: center;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.ej-grid.order-history-table {
  width: 1217px;
  height: 675px;
}
.ej-grid.order-history-table .ej-grid-top-panel {
  padding: 0 0 8px 0;
}
.ej-grid.order-history-table.ej-grid .ej-grid-main-panel {
  border: 1px solid #D4D4D4;
}
.ej-grid.order-history-table.ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body {
  overflow-x: hidden;
}
.ej-grid.order-history-table.ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body .ej-grid-row-group:nth-of-type(2n) {
  background-color: #F9F9F9;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.customer-info-table {
  box-shadow: 0 0 0 1px #D4D4D4;
  border-radius: 8px;
  border-style: hidden;
}
.table-bordered.customer-info-table > :not(caption) > * {
  border-color: #D4D4D4;
}
.table-bordered.customer-info-table > :not(caption) > * > * {
  border-color: #D4D4D4;
  border-width: 1px 0px;
}

.customer-info-detail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 608px;
  overflow-x: auto !important;
}
.customer-info-detail::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  height: 8px;
}
.customer-info-detail::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
  border-radius: 4px;
}
.customer-info-detail::-webkit-scrollbar-track {
  background-color: transparent;
}

.customer-info-table {
  padding: 0;
  overflow: hidden;
  width: 300px;
  min-width: 300px;
  height: 526px;
  margin-right: 16px;
}
.customer-info-table > thead > tr > th,
.customer-info-table > tbody > tr > th {
  padding: 10px 5px 10px 16px;
}
.customer-info-table > thead > tr > td,
.customer-info-table > tbody > tr > td {
  padding: 8px 16px 8px 5px;
}
.customer-info-table > thead > tr > td > .btn,
.customer-info-table > tbody > tr > td > .btn {
  height: 26px;
  padding: 2px 12px;
  font-size: 14px;
}
.customer-info-table > thead > tr > th {
  width: calc(182px + 16px + 5px);
}
.customer-info-table > thead > tr > td {
  width: calc(76px + 16px + 5px);
}
.customer-info-table > tbody > tr > th {
  width: calc(58px + 16px + 5px);
}
.customer-info-table > tbody > tr > td {
  width: calc(200px + 16px + 5px);
}

.customer-card-container {
  width: 100%;
}

.customer-card {
  width: 720px;
  height: 294px;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  overflow: hidden;
}
.customer-card .table-header {
  padding: 10px 16px;
  height: 42px;
  border-bottom: 1px solid #D4D4D4;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.customer-card .table-header > .btn {
  padding: 0;
  height: 100%;
}
.customer-card .table-header > .btn > i {
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin-right: 0;
  margin-left: 4px;
}
.customer-card > .customer-card-table > tbody > * > *, .customer-card > .customer-card-table > thead > * > * {
  box-shadow: -1px 0px 0px 0px #D4D4D4 inset;
}
.customer-card > .customer-card-table > tbody > * > :last-of-type, .customer-card > .customer-card-table > thead > * > :last-of-type {
  box-shadow: none;
}
.customer-card > .customer-card-table {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.customer-card > .customer-card-table > thead > * {
  border-bottom: 1px solid #AAAAAA;
}
.customer-card > .customer-card-table > thead > * > * {
  padding: 10px 16px;
}
.customer-card > .customer-card-table > tbody > * {
  border-bottom: 1px solid #D4D4D4;
}
.customer-card > .customer-card-table > tbody > * > * {
  padding: 10px 16px;
}
.customer-card > .customer-card-table > tbody {
  height: 210px;
  display: table-caption;
}
.customer-card > .customer-card-table > tbody > .no-data {
  border-bottom: none;
  text-align: center;
  display: inline-table;
  width: 100%;
  color: #AAAAAA;
}
.customer-card > .customer-card-table > tbody > .no-data > td {
  padding: 80px;
}

@media screen and (max-width: 440px) {
  .customer-card {
    overflow: auto;
  }
}
.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .merge-customer-dialog > table:first-of-type tbody, .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.merge-customer-dialog {
  width: 770px;
}
.merge-customer-dialog .merge-notice {
  padding: 12px 16px;
}
.merge-customer-dialog .error-barcode, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-title,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-text,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-title,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-text,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-title,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-text,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-title,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-text, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .sms-auto-text, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .send-form-select-wrapper > .list-group, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .phone_wrapper > textarea, .merge-customer-dialog .fail-barcode-list-container .fail-barcode-list, .fail-barcode-list-container .merge-customer-dialog .fail-barcode-list, .merge-customer-dialog .notice-detail-modal .read-mode, .notice-detail-modal .merge-customer-dialog .read-mode, .merge-customer-dialog > table:first-of-type tbody, .merge-customer-dialog .modal-dialog .modal-content .modal-body, .modal-dialog .modal-content .merge-customer-dialog .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.merge-customer-dialog .error-barcode::-webkit-scrollbar, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-title::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-text::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-title::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-text::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-title::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-text::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-title::-webkit-scrollbar,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-text::-webkit-scrollbar, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .sms-auto-text::-webkit-scrollbar, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .send-form-select-wrapper > .list-group::-webkit-scrollbar, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .phone_wrapper > textarea::-webkit-scrollbar, .merge-customer-dialog .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .fail-barcode-list-container .merge-customer-dialog .fail-barcode-list::-webkit-scrollbar, .merge-customer-dialog .notice-detail-modal .read-mode::-webkit-scrollbar, .notice-detail-modal .merge-customer-dialog .read-mode::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .merge-customer-dialog .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .modal-dialog .modal-content .merge-customer-dialog .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.merge-customer-dialog .error-barcode::-webkit-scrollbar-thumb, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-title::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-text::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-title::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-text::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-title::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-text::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-title::-webkit-scrollbar-thumb,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-text::-webkit-scrollbar-thumb, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .sms-auto-text::-webkit-scrollbar-thumb, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .phone_wrapper > textarea::-webkit-scrollbar-thumb, .merge-customer-dialog .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .fail-barcode-list-container .merge-customer-dialog .fail-barcode-list::-webkit-scrollbar-thumb, .merge-customer-dialog .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .notice-detail-modal .merge-customer-dialog .read-mode::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .merge-customer-dialog .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .modal-dialog .modal-content .merge-customer-dialog .modal-body::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.merge-customer-dialog .error-barcode::-webkit-scrollbar-track, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-title::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .new-auto-content-text::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-title::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .merge-customer-dialog .auto-text-content-text::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-title::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .new-auto-content-text::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-title::-webkit-scrollbar-track,
.merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .merge-customer-dialog .auto-text-content-text::-webkit-scrollbar-track, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .sms-auto-text::-webkit-scrollbar-track, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .merge-customer-dialog .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .merge-customer-dialog .phone_wrapper > textarea::-webkit-scrollbar-track, .merge-customer-dialog .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .fail-barcode-list-container .merge-customer-dialog .fail-barcode-list::-webkit-scrollbar-track, .merge-customer-dialog .notice-detail-modal .read-mode::-webkit-scrollbar-track, .notice-detail-modal .merge-customer-dialog .read-mode::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .merge-customer-dialog .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .modal-dialog .modal-content .merge-customer-dialog .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.merge-customer-dialog > table tbody tr td, .merge-customer-dialog > table thead > tr th {
  padding: 8px 12px;
  border-right: 1px solid #D4D4D4;
}
.merge-customer-dialog > table tbody tr td:first-of-type, .merge-customer-dialog > table thead > tr th:first-of-type {
  padding: 11px 16px 11px 14px;
  line-height: 1.2;
}
.merge-customer-dialog > table tbody tr td:last-of-type, .merge-customer-dialog > table thead > tr th:last-of-type {
  border-right: none;
}
.merge-customer-dialog > table {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  display: block;
  width: 770px;
  overflow: hidden;
  table-layout: fixed;
}
.merge-customer-dialog > table thead,
.merge-customer-dialog > table tbody,
.merge-customer-dialog > table thead tr,
.merge-customer-dialog > table tbody tr {
  display: block;
}
.merge-customer-dialog > table thead {
  background-color: #F5F8FF;
  width: 768px;
}
.merge-customer-dialog > table thead > tr {
  box-shadow: inset 0px -1px 0px #D4D4D4;
}
.merge-customer-dialog > table tbody {
  height: calc(38px * 5);
  max-height: calc(38px * 5);
}
.merge-customer-dialog > table tbody tr {
  border-bottom: 1px solid #D4D4D4;
}
.merge-customer-dialog > table:last-of-type tbody {
  height: 117px;
}
.merge-customer-dialog > table:last-of-type tbody td:last-of-type {
  max-width: 438px;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track {
  background-color: transparent;
}

.search-dialog-page {
  width: 495px;
}
.search-dialog-page .customer-info {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
}
.search-dialog-page .customer-info .customer-info-header {
  display: flex;
  border-bottom: 1px solid #D4D4D4;
  background: #F5F8FF;
  font-weight: 500;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.search-dialog-page .customer-info .customer-info-header .customer-name-header {
  padding: 8px 12px;
  width: 239px;
  height: 38px;
}
.search-dialog-page .customer-info .customer-info-header .customer-phone-header {
  padding: 8px 12px;
  width: 167px;
  height: 38px;
}
.search-dialog-page .customer-info .customer-info-header .blink {
  width: 87px;
  height: 38px;
}
.search-dialog-page .customer-info .customer-info-header .divider {
  border-left: 1px solid #D4D4D4;
  margin-top: 8px;
  height: 22px;
}
.search-dialog-page .customer-info .customer-info-body {
  display: flex;
}
.search-dialog-page .customer-info .customer-info-body:not(:last-of-type) {
  border-bottom: 1px solid #D4D4D4;
}
.search-dialog-page .customer-info .customer-name {
  padding: 8px 12px;
  width: 240px;
  height: 38px;
  border-right: 1px solid #D4D4D4;
}
.search-dialog-page .customer-info .customer-phone {
  padding: 8px 12px;
  width: 168px;
  height: 38px;
  border-right: 1px solid #D4D4D4;
}
.search-dialog-page .customer-info .select-btn {
  padding: 6px 12px;
  width: 87px;
  height: 38px;
}
.search-dialog-page .customer-info .select-btn > button {
  width: 62px !important;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track {
  background-color: transparent;
}

.dialog-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dialog-form .edit-mode {
  min-width: 651px;
}
.dialog-form .edit-mode > .mce-panel {
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  overflow: hidden;
}

.dialog-card {
  display: flex;
  flex-direction: column;
  width: 651px;
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #D4D4D4;
  background-color: #F9F9F9;
  line-height: 20px;
  color: #737373;
}

.agree-layout {
  display: flex;
}
.agree-layout > button {
  line-height: 22px;
  padding: 2px 12px;
  max-width: 76px;
  height: 26px;
  align-items: center;
}
.agree-layout > span {
  position: relative;
  width: 200px;
}

.multi-select-box.multiSelectWrap .multiSelect .checkboxLayer {
  position: fixed;
  width: 200px !important;
  min-width: 200px !important;
  z-index: 100;
  overflow-y: auto;
}

.multi-select-box.multiSelectWrap .multiSelect .multiSelectItem {
  min-width: 200px !important;
}

.multi-select-box.multiSelectWrap .multiSelect .checkboxLayer .helperContainer .line:first-child {
  margin-right: 4px;
}

.multi-select-box.multiSelectWrap .multiSelect .multiSelectMain {
  padding: 6px 45px 6px 12px !important;
}

.multi-select-box.multiSelectWrap .multiSelect .checkboxLayer .helperContainer .searchbar > i {
  left: 12px;
}

.multi-select-box.multiSelectWrap .multiSelect .checkboxLayer .helperContainer .searchbar .inputFilter {
  padding-left: 35px;
}

.agree-section {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 20px;
  width: 651px;
  margin-bottom: 12px;
}

.agree-label {
  line-height: 22px;
  color: #181818;
  width: 150px;
  margin-right: 40px;
}

.personal-label,
.marketing-label {
  width: auto;
  margin-right: 16px;
}

.agree-contents {
  display: flex;
  flex-direction: column;
}
.agree-contents > button {
  width: 73px;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 8px;
}
.agree-contents > span {
  line-height: 20px;
  color: #737373;
}

.store-select {
  border: 1px solid #D4D4D4;
  border-radius: 6px;
  padding: 6px 12px;
  min-width: 198px;
}
.store-select > option {
  line-height: 22px;
  color: #181818;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track {
  background-color: transparent;
}

.distribute-select-modal .toolbar .inline-container .input-group {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 8px;
}
.distribute-select-modal .toolbar .inline-container .input-group .date-picker {
  margin-right: 8px;
  border-radius: 6px;
}
.distribute-select-modal .ej-grid {
  overflow: visible;
  height: 680px;
}
.distribute-select-modal .ej-grid .ej-grid-main-panel {
  border: 1px solid #D4D4D4 !important;
}
.distribute-select-modal .ej-grid .ej-grid-bottom-panel {
  border: 1px solid #D4D4D4 !important;
}
.distribute-select-modal .ej-grid .ej-grid-scrollbar-placeholder-column {
  display: none;
}
.distribute-select-modal .ej-grid .ej-grid-placeholder-column {
  display: none;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track {
  background-color: transparent;
}

.setting-modal .setting-menu {
  display: flex;
  margin-bottom: 16px;
  height: 34px;
}
.setting-modal .setting-menu .setting-label {
  white-space: nowrap;
  width: 100px;
  font-weight: 700;
  margin-right: 24px;
  align-items: center;
  display: flex;
}
.setting-modal .setting-menu .form-inline {
  display: flex;
}
.setting-modal .warehouse-select > .form-inline .form-control .multiSelect .multiSelectMain {
  width: 336px !important;
}
.setting-modal .warehouse-select > .form-inline .form-control .multiSelect .checkboxLayer {
  min-width: 338px !important;
}
.setting-modal .stock-select .form-inline {
  align-items: center;
}
.setting-modal .stock-select .form-inline .btn-group .btn-menu {
  width: 143px;
  border: 1px solid #D4D4D4;
  margin-right: 8px;
}
.setting-modal .stock-select .form-inline .input-group {
  align-items: center;
  flex-wrap: nowrap !important;
}
.setting-modal .stock-select .form-inline .input-group .form-control {
  border-radius: 6px;
  margin-left: 8px;
  margin-right: 8px;
  min-width: 143px;
  height: 34px;
  text-align: center;
}
.setting-modal .distribute-type .form-inline .form-control {
  height: 34px;
  width: 336px !important;
}
.setting-modal .distribute-type .form-inline .dropdown-toggle {
  width: 338px;
  border: 1px solid #D4D4D4;
}
.setting-modal .modal-footer {
  border-top: 1px solid #E1E1E1 !important;
  padding: 20px 0px !important;
}

.ip-access-create-dialog.form-horizontal {
  width: 412px;
}
.ip-access-create-dialog.form-horizontal .form-group {
  display: flex;
  align-items: center;
}
.ip-access-create-dialog.form-horizontal .form-group > label {
  width: 100px;
  font-weight: 700;
  margin-right: 24px;
}
.ip-access-create-dialog.form-horizontal .form-group .input-group .form-control {
  border-radius: 6px;
  min-width: 288px;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track {
  background-color: transparent;
}

.management-staff-detail-dialog {
  width: 484px;
}
.management-staff-detail-dialog .form-group {
  align-items: center;
  flex-wrap: nowrap !important;
  margin-bottom: 16px;
  display: flex;
}
.management-staff-detail-dialog .form-group .control-label {
  font-weight: 700;
  width: 100px !important;
  margin-right: 24px;
  margin-left: 12px;
}
.management-staff-detail-dialog .form-group .btn-menu {
  width: 360px !important;
  height: 34px;
  border: 1px solid #D4D4D4;
}
.management-staff-detail-dialog .form-group .staff-id-form-control {
  height: 34px;
  width: 270px !important;
  border: 1px solid #D4D4D4;
  border-radius: 6px !important;
  margin-right: 16px;
  padding: 6px 16px;
}
.management-staff-detail-dialog .form-group .form-control {
  width: 360px !important;
}
.management-staff-detail-dialog .form-group .staff-id-form {
  width: 360px !important;
  height: 34px;
  border: 0;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .notice-detail-modal .read-mode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track {
  background-color: transparent;
}

.notice-detail-modal .edit-mode {
  min-width: 752px;
}
.notice-detail-modal .edit-mode .edit-mode-header {
  margin-bottom: 14px;
  align-items: center;
  flex-wrap: nowrap;
}
.notice-detail-modal .edit-mode .edit-mode-header > input {
  width: calc(100% - 170px);
}
.notice-detail-modal .edit-mode > .mce-panel {
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  overflow: hidden;
}
.notice-detail-modal .read-mode {
  min-width: calc(800px - 48px);
  overflow: auto !important;
}
.notice-detail-modal .read-mode .read-mode-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
}
.notice-detail-modal .read-mode .read-mode-header > p {
  margin: 0;
}
.notice-detail-modal .read-mode .read-mode-content {
  padding: 20px 0;
  line-height: 22px;
  max-width: 98%;
}
.notice-detail-modal .read-mode .read-mode-content > p {
  margin: 0;
}
.notice-detail-modal .notice-file-container {
  display: flex;
  align-items: center;
}
.notice-detail-modal .notice-file-container > i {
  margin-right: 10px;
  color: #606060;
}
.notice-detail-modal .notice-file-container #uploadFile {
  display: none;
}
.notice-detail-modal .notice-file-container .file-select-btn {
  padding: 4px 12px;
  background-color: transparent;
  color: #737373;
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  width: fit-content;
  height: 30px;
  margin: 0 16px 0 0;
  cursor: pointer;
}
.notice-detail-modal .notice-file-container > .notice-upload-file,
.notice-detail-modal .notice-file-container > .notice-download-file {
  padding: 4px 10px;
  border: 1px solid #D4D4D4;
  border-radius: 14px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  color: #444444;
}
.notice-detail-modal .notice-file-container > .notice-upload-file > i,
.notice-detail-modal .notice-file-container > .notice-download-file > i {
  margin-left: 8px;
  color: #999999;
}
.notice-detail-modal .notice-btn-container {
  justify-content: flex-end;
  align-items: center;
}
.notice-detail-modal .notice-comment-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.notice-detail-modal .notice-comment-container .comment-count {
  margin: 20px 0 10px;
}
.notice-detail-modal .notice-comment-container .notice-comment {
  border: 1px solid #E1E1E1;
  padding: 12px 20px;
  border-radius: 10px;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header .comment-header-icon {
  font-size: 18px;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header .comment-header-icon > i {
  cursor: pointer;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header .comment-header-icon > i:last-of-type {
  margin-left: 16px;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header .comment-header-icon > .fa-trash-can {
  color: #F45C77;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header .comment-header-icon > .fa-pen-to-square {
  color: #1193F2;
}
.notice-detail-modal .notice-comment-container .notice-comment > .comment-header > .fa-xmark {
  color: #AAAAAA;
  display: none;
  cursor: pointer;
}
.notice-detail-modal .notice-comment-container .notice-comment .comment-edit-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.notice-detail-modal .notice-comment-container .notice-comment .comment-edit-container > input {
  width: 100%;
  margin-right: 8px;
  min-height: 56px;
}
.notice-detail-modal .notice-comment-container .notice-comment .comment-edit-container > button {
  padding: 17px 16px;
  border-radius: 6px;
  white-space: nowrap;
  color: #737373;
  border: 1px solid #AAAAAA;
}
.notice-detail-modal .notice-comment-container .create-comment {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 4px;
}
.notice-detail-modal .notice-comment-container .create-comment > input {
  width: 100%;
}
.notice-detail-modal .notice-comment-container .create-comment > button {
  margin-left: 10px;
  width: 62px;
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  background-color: white;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track {
  background-color: transparent;
}

.first-order-modal-body {
  min-width: 500px;
  overflow-x: auto;
}
.first-order-modal-body .scroll-container {
  width: 1190px;
}
.first-order-modal-body .order-info-container {
  margin-bottom: 26px;
  width: 100%;
}
.first-order-modal-body .order-text {
  width: fit-content;
  height: 30px;
  padding: 4px 12px;
  background: #F6F6F6;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  color: #888888;
}
.first-order-modal-body .order-number {
  width: fit-content;
  height: 26px;
  font-weight: 700;
  font-size: 18px;
  color: #181818;
  margin-left: 14px;
}
.first-order-modal-body .order-status {
  width: fit-content;
  height: 30px;
  padding: 4px 12px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  float: right;
}
.first-order-modal-body .main-row {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
}
.first-order-modal-body .sub-row {
  display: flex;
  flex-direction: row;
}
.first-order-modal-body .separate {
  margin: 0px 18px 0px 18px;
  width: 2px;
  height: 24px;
  background: #e0e0e0;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.first-order-modal-body .form-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
}
.first-order-modal-body .form-group > input {
  width: 144px;
  height: 34px;
  margin-left: 20px;
}
.first-order-modal-body .search-group {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  border-collapse: collapse;
}
.first-order-modal-body .search-group > input::placeholder {
  color: #aaaaaa;
}
.first-order-modal-body .postcodify_postcode5 {
  width: 100px;
  height: 34px;
  margin-left: 20px;
  padding: 6px 16px;
  background: #ffffff;
  border: 1px solid #D4D4D4;
  border-right: none;
  align-items: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.first-order-modal-body .postcodify_postcode5:focus {
  outline: none;
}
.first-order-modal-body .postcodify_address {
  width: 479px;
  height: 34px;
  padding: 6px 16px;
  background: #ffffff;
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  margin-left: 8px;
}
.first-order-modal-body .postcodify_address:focus {
  outline: none;
}
.first-order-modal-body .search-btn {
  padding: 6px 16px;
  gap: 10px;
  width: 62px;
  height: 34px;
  background: #ffffff;
  border: 1px solid #AAAAAA;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #737373;
}
.first-order-modal-body .search-btn:focus {
  outline: none;
}
.first-order-modal-body .row-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  width: fit-content;
  color: #181818;
}
.first-order-modal-body .table-container {
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  overflow: hidden;
  width: 1182px;
}
.first-order-modal-body .order-table {
  width: 100%;
}
.first-order-modal-body .order-table thead {
  display: block;
  background: #F5F8FF;
  width: 100%;
  height: 38px;
}
.first-order-modal-body .order-table thead tr {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
}
.first-order-modal-body .order-table thead tr div {
  border-right: 1px solid #d4d4d4;
}
.first-order-modal-body .order-table thead tr div:last-child {
  border-right: none;
}
.first-order-modal-body .order-table thead tr div > div {
  padding: 8px 0px 8px 12px;
}
.first-order-modal-body .order-table tbody {
  max-height: 504px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}
.first-order-modal-body .order-table tbody tr {
  display: block;
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #d4d4d4;
}
.first-order-modal-body .order-table tbody tr:last-child {
  border-bottom: none;
}
.first-order-modal-body .order-table tbody tr td {
  padding: 8px 12px 8px 12px;
  border-right: 1px solid #d4d4d4;
}
.first-order-modal-body .order-table tbody tr td:last-child {
  border-right: none;
}
.first-order-modal-body .order-table tbody::-webkit-scrollbar {
  opacity: 0;
  width: 12px;
  height: 8px;
}
.first-order-modal-body .order-table tbody::-webkit-scrollbar-thumb {
  height: 80px;
  width: 80px;
  background-color: #d4d4d4;
  border-radius: 4px;
}
.first-order-modal-body .order-table tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.first-order-modal-body .order-table .product {
  width: 335px;
}
.first-order-modal-body .order-table .option {
  width: 191px;
}
.first-order-modal-body .order-table .status {
  width: 133px;
}
.first-order-modal-body .order-table .courier {
  width: 145px;
}
.first-order-modal-body .order-table .number {
  width: 189px;
}
.first-order-modal-body .order-table .note {
  width: 189px;
}

.form-status-selectbox {
  width: 108px;
}

.input-sm {
  width: 108px;
}

.input-sm-2 {
  width: 164px;
}

.input-sm-memo {
  width: 180px;
  height: 56px;
}

.input-md {
  width: 200px;
}

.footer {
  width: 100%;
  display: flex;
}

.col-md-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  height: 34px;
}
.col-md-2 > select {
  width: 144px;
  height: 34px;
  margin-left: 20px;
  cursor: pointer;
}

.status > b {
  font-weight: 700;
  font-size: 14px;
  color: #3479ff;
}

.warehouse > b {
  font-weight: 700;
  font-size: 14px;
  color: #181818;
}

.select-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.status-selectbox {
  width: 144px;
}

.change-btn {
  color: #FFFFFF;
  background-color: #41A9F5;
  border: none;
  border-radius: 6px;
  padding: 6px 16px;
  width: 62px;
  height: 34px;
}

.footer-separate {
  margin: 5px 20px 5px 20px;
  width: 2px;
  height: 24px;
  background: #e0e0e0;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.history-modal-body .product-name-header {
  margin-bottom: 12px;
}
.history-modal-body .product-name-header .name-chip {
  padding: 4px 12px;
  background-color: #f1f9fe;
  border-radius: 6px;
  margin-right: 16px;
}
.history-modal-body .ej-grid .ej-grid-top-panel {
  padding-right: 0px;
  padding-left: 0px;
}
.history-modal-body .ej-grid .ej-grid-main-panel {
  border: 1px solid #d4d4d4;
}
.history-modal-body .ej-grid .ej-grid-main-panel .ej-grid-pane.unpinned .ej-grid-body {
  overflow-x: hidden;
}
.history-modal-body .ej-grid .ej-grid-bottom-panel {
  border: 1px solid #d4d4d4;
}
.history-modal-body.order-list {
  width: 1216px;
}
.history-modal-body.order-list .ej-grid .ej-grid-top-panel .ej-grid-filter-form .filter-form-group {
  flex-grow: 1;
  flex-basis: 50%;
}
.history-modal-body.stock-list {
  width: 1408px;
}
.history-modal-body.stock-list .ej-grid .ej-grid-top-panel .ej-grid-filter-form .filter-form-group {
  width: 600px;
}

.order-detail {
  width: 774px;
}
.order-detail .table-container {
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  margin-bottom: 16px;
  overflow: hidden;
}
.order-detail .table {
  border-style: hidden;
  margin-bottom: 0px;
}
.order-detail .table thead > .title-header {
  background-color: #f5f8ff;
  color: #26488b;
}
.order-detail .table > :not(:first-child) {
  border-top: none;
}
.order-detail .table th,
.order-detail .table td {
  padding: 10px 16px;
}
.order-detail .table.pay-info tbody tr:first-child td {
  border-style: hidden;
  border: 1px solid #d4d4d4;
  border-top: 1px solid #aaaaaa;
}
.order-detail .table.pay-info tbody tr:last-child td {
  border-bottom: 1px solid #aaaaaa;
}
.order-detail table a, .order-detail table a:hover, .order-detail table a:focus, .order-detail table a:active {
  color: #0d6efd;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track {
  background-color: transparent;
}

.import-modal-prepaid {
  width: 764px;
}
.import-modal-prepaid .store-info-msg {
  margin-bottom: 10px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items {
  border: none;
  width: 764px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items:not(:first-of-type) {
  margin-top: 11px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-title {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-title .accordion-button.collapsed {
  background-color: #F6F6F6;
  font-size: 15px;
  font-weight: 700 !important;
  height: 48px;
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid #D4D4D4;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-title .accordion-button.collapsed::after {
  display: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-title .accordion-button.collapsed.openItem {
  background-color: #F6F3FE !important;
  color: #5F37CE;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #D4D4D4;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse {
  margin: 0;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .success > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #DAF2EA !important;
  color: #0D9564 !important;
  word-break: break-word !important;
  border: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .success .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .success .progress-bar {
  display: block !important;
  background-color: #0BAB71 !important;
  color: white !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .info > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #EBF2FF !important;
  color: #2E66D1 !important;
  word-break: break-word !important;
  border: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .info .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .info .progress-bar {
  display: block !important;
  background-color: #3479FF !important;
  color: white !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .danger > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #FDE4E8 !important;
  color: #D1425C !important;
  word-break: break-word !important;
  border: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .danger .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .danger .progress-bar {
  display: block !important;
  background-color: #F45C77 !important;
  color: white !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .warning > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #FCF4E0 !important;
  color: #CE9E2D !important;
  word-break: break-word !important;
  border: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .warning .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .warning .progress-bar {
  display: block !important;
  background-color: #0BAB71 !important;
  color: white !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body {
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #D4D4D4;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 20px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body > p {
  font-weight: 500;
  margin-bottom: 4px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body > p > b {
  color: #3479FF;
  font-weight: 700;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body > hr {
  margin: 20px 0;
  background-color: #D4D4D4;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .fileAnalysis {
  justify-content: center;
  text-align: center;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .fileAnalysis .btn {
  background-color: #3479FF !important;
  color: white !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  width: 76px !important;
  height: 34px !important;
  border: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .fileAnalysis .btn:disabled {
  background-color: #99BCFF;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .fileAnalysis .btn .spinner-border-sm {
  width: 14px;
  height: 14px;
  border-width: 0.2em;
  vertical-align: middle;
  margin-right: 2px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .text-right {
  justify-content: center;
  text-align: center;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .text-right .btn {
  background-color: #3479FF !important;
  color: white !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  width: 62px !important;
  height: 34px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .text-right .btn:disabled {
  opacity: 1 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .essential-data {
  display: flex;
  font-weight: 700;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable {
  border-radius: 8px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .headerLine {
  font-size: 14px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .headerLine > label {
  padding-top: 16px;
  padding-bottom: 16px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .headerLine > label input {
  margin-right: 10px;
  vertical-align: text-bottom;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable {
  display: grid;
  grid-template-columns: repeat(4, 178px);
  gap: 4px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  width: 178px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .title {
  text-align: center;
  align-items: center;
  height: 40px;
  padding: 9px 12px;
  font-weight: 700;
  font-size: 14px;
  background-color: #F5F8FF;
  border-radius: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .content {
  text-align: center;
  align-items: center;
  height: 40px;
  padding: 9px 12px;
  border-top: 1px solid #D4D4D4;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .content > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox {
  height: 52px;
  border-top: 1px solid #D4D4D4;
  padding: 9px 0;
  text-align: center;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox > select {
  height: 34px;
  font-size: 14px;
  font-weight: 500;
  width: 154px;
  padding: 6px 12px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox.mapped > select {
  color: #3479FF;
  font-weight: 700;
  font-size: 14px;
  width: 154px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .selectBox.mapped > select > option {
  color: #181818;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .wholeTable .arrayTable .bodyLine .mapped {
  font-weight: 700;
  color: #3479FF;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo {
  flex-wrap: wrap;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .select-group,
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .text-group {
  padding: 0 !important;
  margin: 0 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .select-group .btn-menu,
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .text-group .btn-menu {
  width: 183px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .select-group .input-memo,
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .text-group .input-memo {
  width: 183px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap-memo .memo-group > input {
  width: 528px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap {
  flex-wrap: wrap;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .select-group,
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .text-group {
  padding: 0 !important;
  margin: 0 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .select-group .btn-menu,
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .text-group .btn-menu {
  width: 183px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-wrap .memo-group {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-nowrap {
  flex-wrap: nowrap;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-nowrap .select-group .btn-menu {
  width: 178px !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .div-flex-nowrap .memo-group > input {
  width: 182px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item {
  text-align: center;
  justify-content: center;
  display: flex;
  gap: 11px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group {
  text-align: center;
  justify-content: center;
  padding-left: auto;
  padding-right: auto;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group > label {
  font-weight: 700;
  margin-bottom: 8px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .btn-menu {
  width: 138px;
  height: 34px !important;
  border: 1px solid #D4D4D4;
  justify-content: center;
  padding: 0 12px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .btn-menu > span {
  float: left;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .btn-menu::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
  float: right;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv {
  align-items: center;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker {
  display: flex;
  align-items: center;
  border: 1px solid #D4D4D4;
  padding: 6px 8px;
  width: 138px;
  height: 34px;
  border-radius: 6px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker .fa-regular {
  margin-left: 0;
  padding: 0;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker .form-control {
  padding: 0 !important;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .form-group .dateDiv .date-picker > input {
  font-size: 14px !important;
  width: 100px;
  height: 22px;
  text-align: center;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .failList > li {
  border: none;
  padding-top: 20px;
  padding-bottom: 0;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .failList > li .barcode-list-text {
  font-weight: 500;
  color: #181818;
  text-decoration-line: underline;
  cursor: pointer;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .failList > li .badge {
  background-color: #F45C77;
  border-radius: 14px;
  width: 25px;
  height: 20px;
  font-size: 13px;
  padding: 0;
  line-height: 1.7;
  margin-left: 10px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group {
  display: grid !important;
  grid-template-columns: repeat(2, 288px);
  gap: 10px;
  margin-top: 20px;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group .none-show-list {
  display: none;
}
.import-modal-prepaid .accordion-prepaid-dialog .accordion-items .accordion-collapse .accordion-body .row-item .failList .list-group > li {
  border: none;
  border-radius: 8px;
  background: #F6F6F6;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 40px;
  white-space: nowrap;
  padding: 9px 24px !important;
  font-size: 15px;
  font-weight: 400;
  text-align: start;
}
.import-modal-prepaid .accordion-prepaid-dialog .btn-area {
  text-align: center;
  margin-top: 20px;
}
.import-modal-prepaid .accordion-prepaid-dialog .btn-area .btn-outline-grey08 {
  width: 64px;
  color: #737373;
}
.import-modal-prepaid .accordion-prepaid-dialog .btn-area .btn-outline-grey08:hover {
  color: #737373;
  background-color: white;
}

.product-detail-dialog .modal-body {
  background-color: #f4f4f4;
  overflow-x: auto !important;
}
.product-detail-dialog .modal-body::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  height: 8px;
}
.product-detail-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
  border-radius: 4px;
}
.product-detail-dialog .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

.product-detail-modal-body {
  width: 1320px;
  height: 769px;
  display: flex;
  flex-direction: column;
}
.product-detail-modal-body .product-name-header {
  margin-bottom: 14px;
}
.product-detail-modal-body .product-name-header .name-chip {
  background-color: white;
  border-radius: 6px;
  padding: 4px 12px;
  margin-right: 16px;
}
.product-detail-modal-body .table-container {
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  margin-bottom: 16px;
  overflow: hidden;
}
.product-detail-modal-body .table-container .table {
  border-style: hidden;
  margin-bottom: 0px;
}
.product-detail-modal-body .table-container .table > :not(:first-child) {
  border-top: none;
}
.product-detail-modal-body .table-container .table thead {
  background-color: #f5f8ff;
}
.product-detail-modal-body .table-container .table thead th {
  padding-left: 16px;
  padding-right: 16px;
  color: #26488b;
  border-right: 1px solid #d4d4d4;
}
.product-detail-modal-body .table-container .table tbody {
  background-color: white;
  vertical-align: middle;
}
.product-detail-modal-body .table-container .table tbody th {
  padding: 10px 0px 10px 16px;
}
.product-detail-modal-body .table-container .table tbody td {
  border-right: 1px solid #d4d4d4;
  padding: 10px 16px 10px 10px;
  text-align: right;
}
.product-detail-modal-body .table-container .table tbody td .cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-detail-modal-body .table-container .table tbody td.product-column {
  width: 304px;
  max-width: 304px;
}
.product-detail-modal-body .table-container .table tbody td.supplier-column {
  width: 311px;
  max-width: 311px;
}
.product-detail-modal-body .table-container .table tbody td.option-column {
  width: 311px;
  max-width: 311px;
}
.product-detail-modal-body .table-container .table tbody td.img-cell {
  width: 126px;
  padding: 11px;
}
.product-detail-modal-body .table-container .table tbody td.img-cell img {
  border-radius: 10px;
  width: 104px;
  max-width: 104px;
  height: 104px;
  max-height: 104px;
  object-fit: contain;
}
.product-detail-modal-body .table-container .table tbody td.option-name-cell {
  padding: 3px 16px;
}
.product-detail-modal-body .table-container .table tbody td.option-name-cell select {
  width: 240px;
}
.product-detail-modal-body .table-container .table tbody td.barcode-cell .barcodes-list {
  overflow: auto;
  padding-right: 4px;
  max-height: 64px;
}
.product-detail-modal-body .table-container .table tbody td.barcode-cell .barcodes-list::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.product-detail-modal-body .table-container .table tbody td.barcode-cell .barcodes-list::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
  border-radius: 4px;
}
.product-detail-modal-body .table-container .table tbody td.barcode-cell .barcodes-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.product-detail-modal-body .variant-detail-section {
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  background-color: white;
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-detail-modal-body .variant-detail-section .option-name-header .name-chip {
  padding: 4px 12px;
  background-color: #f1f9fe;
  border-radius: 6px;
  margin-right: 16px;
}
.product-detail-modal-body .variant-detail-section .toolbar-section {
  margin: 12px 0px 8px 0px;
}
.product-detail-modal-body .variant-detail-section .toolbar-section .date-picker {
  margin-right: 8px;
}
.product-detail-modal-body .variant-detail-section .ej-grid-section {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.product-detail-modal-body .variant-detail-section .ej-grid-section .ej-grid {
  flex-grow: 1;
}
.product-detail-modal-body .variant-detail-section .ej-grid-section .ej-grid .ej-grid-main-panel {
  border: 1px solid #d4d4d4;
}

.product-search-modal-body.product {
  width: 900px;
}
.product-search-modal-body.option {
  width: 1120px;
}
.product-search-modal-body.option.normal-store {
  width: 1220px;
}
.product-search-modal-body .header-section {
  margin-bottom: 4px;
}
.product-search-modal-body .header-section input[type=checkbox] {
  margin-top: 0px;
  margin-right: 16px;
}
.product-search-modal-body .header-section .date-filter-form .date-picker {
  margin-right: 8px;
}
.product-search-modal-body .ej-grid {
  height: 600px;
}
.product-search-modal-body .ej-grid .ej-grid-top-panel {
  padding-right: 0px;
  padding-left: 0px;
}
.product-search-modal-body .ej-grid .ej-grid-top-panel .ej-grid-filter-form .filter-form-group {
  flex-grow: 1;
  flex-basis: 70%;
}
.product-search-modal-body .ej-grid .ej-grid-main-panel {
  border: 1px solid #d4d4d4;
}
.product-search-modal-body .ej-grid .ej-grid-bottom-panel {
  border: 1px solid #d4d4d4;
}

.category-dialog-body {
  width: 560px;
}
.category-dialog-body .category-input input {
  width: 490px;
  margin-right: 8px;
}
.category-dialog-body .table-container {
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
.category-dialog-body .table-container .table {
  border-style: hidden;
  margin-bottom: 0px;
}
.category-dialog-body .table-container .table thead {
  display: block;
  width: 560px;
}
.category-dialog-body .table-container .table thead tr {
  background-color: #f5f8ff;
  border-bottom: 1px solid #E0E0E0;
  display: block;
}
.category-dialog-body .table-container .table tbody {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}
.category-dialog-body .table-container .table tbody::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  height: 8px;
}
.category-dialog-body .table-container .table tbody::-webkit-scrollbar-thumb {
  height: 80px;
  width: 80px;
  background-color: #d4d4d4;
  border-radius: 4px;
}
.category-dialog-body .table-container .table tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.category-dialog-body .table-container .table tbody tr:last-child td {
  border-bottom: none;
}
.category-dialog-body .table-container .table th,
.category-dialog-body .table-container .table td {
  padding: 8px 12px;
  vertical-align: middle;
}
.category-dialog-body .table-container .table th.number-cell,
.category-dialog-body .table-container .table td.number-cell {
  width: 60px;
}
.category-dialog-body .table-container .table td.edit-cell {
  width: 80px;
}
.category-dialog-body .table-container .table td.edit-cell i {
  font-size: 18px;
  cursor: pointer;
}
.category-dialog-body .table-container .table td.edit-cell i + i {
  margin-left: 12px;
}
.category-dialog-body .table-container .table td.edit-cell i.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.category-dialog-body .table-container .table td input.form-control {
  width: 395px;
}
.category-dialog-body .table-container .table th {
  border-bottom: none;
}
.category-dialog-body .table-container .table > :not(:first-child) {
  border-top: none;
}
.category-dialog-body .btn-container {
  text-align: right;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track {
  background-color: transparent;
}

.conditional-discount-modal-body {
  width: 569px;
}
.conditional-discount-modal-body .info {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  background-color: #F9F9F9;
  padding: 11px 16px;
}
.conditional-discount-modal-body .form-section table {
  margin-top: 10px;
}
.conditional-discount-modal-body .form-section table tr th {
  width: 112px;
  padding: 16px 24px 16px 0px;
}
.conditional-discount-modal-body .form-section table tr td {
  width: 457px;
  padding: 10px 0;
}
.conditional-discount-modal-body .form-section table tr td.price-discount-cell input {
  width: 100px;
  margin-right: 8px;
  text-align: right;
}
.conditional-discount-modal-body .form-section table tr td.price-discount-cell input::-webkit-outer-spin-button, .conditional-discount-modal-body .form-section table tr td.price-discount-cell input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.conditional-discount-modal-body .form-section table tr td.select-store-cell .multiSelect {
  width: 456px;
}
.conditional-discount-modal-body .form-section table tr td.cond-product-cell .cond-product-list-container {
  margin-top: 10px;
  height: 356px;
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  padding-bottom: 13px;
}
.conditional-discount-modal-body .form-section table tr td.cond-product-cell .cond-product-list-container .cond-product-list-item {
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 12px;
}
.conditional-discount-modal-body .form-section table tr td.cond-product-cell .cond-product-list-container::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  height: 8px;
}
.conditional-discount-modal-body .form-section table tr td.cond-product-cell .cond-product-list-container::-webkit-scrollbar-thumb {
  height: 80px;
  width: 80px;
  background-color: #d4d4d4;
  border-radius: 4px;
}
.conditional-discount-modal-body .form-section table tr td.cond-product-cell .cond-product-list-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.conditional-discount-modal-body .form-section .form-check-input {
  margin-top: 0px;
}
.conditional-discount-modal-body .multiSelect .checkboxLayer {
  position: fixed !important;
  transform: translateY(40px);
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track {
  background-color: transparent;
}

.create-coupon {
  min-width: 552px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.create-coupon > div {
  margin-bottom: 20px;
}
.create-coupon > div > b {
  width: 100px;
  white-space: nowrap;
}
.create-coupon .explain-container li {
  padding-left: 10px;
  text-indent: -10px;
}
.create-coupon .discount-category input::placeholder,
.create-coupon .standard-amount input::placeholder {
  text-align: right;
}
.create-coupon .store-select-container {
  height: 350px;
  min-width: 552px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 12px;
}
.create-coupon .store-select-container > label {
  height: 22px;
  max-height: 22px;
}
.create-coupon .upload-code-container {
  width: 552px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}
.create-coupon .excel-code-container {
  border-bottom: 1px solid #E1E1E1;
}
.create-coupon .excel-code-container .excel-result-card-container {
  gap: 4px;
  width: 552px;
  flex-wrap: wrap;
}
.create-coupon .excel-code-container .excel-result-card-container .excel-result-card {
  width: 178px;
  overflow: hidden;
}
.create-coupon .excel-code-container .excel-result-card-container .excel-result-card > div {
  height: 40px;
}
.create-coupon .excel-code-container .excel-result-card-container .excel-result-card > div:nth-of-type(2) {
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
}
.create-coupon .excel-code-container .excel-result-card-container .excel-result-card > div:last-of-type {
  height: 52px;
}
.create-coupon .excel-code-container .excel-result-card-container .excel-result-card > div:last-of-type > .form-select {
  width: 100%;
}
.create-coupon .issue-category-container {
  margin-left: 124px;
}
.create-coupon .issue-category-container .enter-count {
  width: 428px;
  height: 58px;
}
.create-coupon .issue-category-container .enter-count #issue_single_input_field,
.create-coupon .issue-category-container .enter-count #issue_multiple_input_field {
  width: 80px;
}
.create-coupon .issue-category-container .enter-count #issue_single_input_field::placeholder,
.create-coupon .issue-category-container .enter-count #issue_multiple_input_field::placeholder {
  text-align: right;
}
.create-coupon .issue-category-container .enter-count #issue_single_input_field:focus,
.create-coupon .issue-category-container .enter-count #issue_multiple_input_field:focus {
  background-color: #FFFFFF;
}
.create-coupon > hr {
  margin: 0 !important;
}
.create-coupon #coupon_minimum_payment_field,
.create-coupon #coupon_maximum_payment_field,
.create-coupon #coupon_quantity_field,
.create-coupon #coupon_type_field,
.create-coupon #coupon_usage_quantity_field {
  width: 100px;
}
.create-coupon #coupon_minimum_payment_field > #spin,
.create-coupon #coupon_maximum_payment_field > #spin,
.create-coupon #coupon_quantity_field > #spin,
.create-coupon #coupon_type_field > #spin,
.create-coupon #coupon_usage_quantity_field > #spin {
  display: none;
}
.create-coupon #coupon_minimum_payment_field ::-webkit-inner-spin-button,
.create-coupon #coupon_maximum_payment_field ::-webkit-inner-spin-button,
.create-coupon #coupon_quantity_field ::-webkit-inner-spin-button,
.create-coupon #coupon_type_field ::-webkit-inner-spin-button,
.create-coupon #coupon_usage_quantity_field ::-webkit-inner-spin-button {
  display: none;
}
.create-coupon input[type=number]::-webkit-outer-spin-button,
.create-coupon input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.create-coupon input[type=number] {
  -moz-appearance: textfield;
}

.fail-barcode-list-container {
  width: 522px;
}
.fail-barcode-list-container .progress {
  position: relative;
}
.fail-barcode-list-container .progress .progress-text {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc(-552px / 2);
  height: 16px;
}
.fail-barcode-list-container .error-barcode, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-title,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-text,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-title,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-text,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-title,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-text,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-title,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-text, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .sms-auto-text, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .send-form-select-wrapper > .list-group, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .phone_wrapper > textarea, .fail-barcode-list-container .fail-barcode-list, .fail-barcode-list-container .modal-dialog .modal-content .modal-body, .modal-dialog .modal-content .fail-barcode-list-container .modal-body, .fail-barcode-list-container .merge-customer-dialog > table:first-of-type tbody, .merge-customer-dialog > table:first-of-type .fail-barcode-list-container tbody, .fail-barcode-list-container .notice-detail-modal .read-mode, .notice-detail-modal .fail-barcode-list-container .read-mode {
  overflow-y: auto;
  overflow-x: hidden;
}
.fail-barcode-list-container .error-barcode::-webkit-scrollbar, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-title::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-text::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-title::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-text::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-title::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-text::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-title::-webkit-scrollbar,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-text::-webkit-scrollbar, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .sms-auto-text::-webkit-scrollbar, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .send-form-select-wrapper > .list-group::-webkit-scrollbar, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .phone_wrapper > textarea::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .fail-barcode-list-container .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .modal-dialog .modal-content .fail-barcode-list-container .modal-body::-webkit-scrollbar, .fail-barcode-list-container .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type .fail-barcode-list-container tbody::-webkit-scrollbar, .fail-barcode-list-container .notice-detail-modal .read-mode::-webkit-scrollbar, .notice-detail-modal .fail-barcode-list-container .read-mode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.fail-barcode-list-container .error-barcode::-webkit-scrollbar-thumb, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-title::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-text::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-title::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-text::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-title::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-text::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-title::-webkit-scrollbar-thumb,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-text::-webkit-scrollbar-thumb, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .sms-auto-text::-webkit-scrollbar-thumb, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .phone_wrapper > textarea::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .fail-barcode-list-container .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .modal-dialog .modal-content .fail-barcode-list-container .modal-body::-webkit-scrollbar-thumb, .fail-barcode-list-container .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type .fail-barcode-list-container tbody::-webkit-scrollbar-thumb, .fail-barcode-list-container .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .notice-detail-modal .fail-barcode-list-container .read-mode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.fail-barcode-list-container .error-barcode::-webkit-scrollbar-track, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-title::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .new-auto-content-text::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-title::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .fail-barcode-list-container .auto-text-content-text::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-title::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .new-auto-content-text::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-title::-webkit-scrollbar-track,
.fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .fail-barcode-list-container .auto-text-content-text::-webkit-scrollbar-track, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .sms-auto-text::-webkit-scrollbar-track, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .fail-barcode-list-container .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .fail-barcode-list-container .phone_wrapper > textarea::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .fail-barcode-list-container .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .modal-dialog .modal-content .fail-barcode-list-container .modal-body::-webkit-scrollbar-track, .fail-barcode-list-container .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type .fail-barcode-list-container tbody::-webkit-scrollbar-track, .fail-barcode-list-container .notice-detail-modal .read-mode::-webkit-scrollbar-track, .notice-detail-modal .fail-barcode-list-container .read-mode::-webkit-scrollbar-track {
  background-color: transparent;
}
.fail-barcode-list-container .fail-barcode-badge > span:first-of-type {
  text-decoration: underline;
  line-height: 21px;
}
.fail-barcode-list-container .fail-barcode-badge > span:last-of-type {
  border-radius: 14px;
  padding: 0 8px;
  margin-left: 10px;
}
.fail-barcode-list-container .fail-barcode-list {
  max-height: 490px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.toolbar-icon {
  border: none;
  font-size: 18px;
  color: #6B3DEE;
  background-color: rgba(255, 255, 255, 0.5);
}

.t-15 {
  position: relative;
  top: -15px;
}

.coupon-send-sms-modal .well {
  width: 1350px;
  height: 64px;
  background: #f9f9f9;
  padding: 12px 16px;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #727272;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-top-panel {
  padding-left: 0;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-top-panel .filter-form-group {
  width: 644px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-top-panel .dropdown-toggle {
  width: 132px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-top-panel #filterTypeDropdown {
  width: 100px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-top-panel > div > div > div > span > .btn-blue-base {
  background: #41a9f5;
  border-radius: 6px;
  width: 65px;
  height: 34px;
  border: none;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel .clearfix {
  display: none;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel .ej-grid-pane {
  margin-right: -40px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div {
  border: 1px solid #d4d4d4;
  border-radius: 8px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-0 {
  width: 192px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-1 {
  width: 112px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-2 {
  width: 184px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-3 {
  width: 100px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-4 {
  width: 112px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-5 {
  width: 60px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-6 {
  width: 128px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-7 {
  width: 120px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-8 {
  width: 120px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-9 {
  width: 112px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-header > table > thead > tr .ej-grid-column-10 {
  width: 192px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport .ej-grid-body {
  overflow-x: hidden;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-0 {
  width: 192px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-1 {
  width: 112px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-2 {
  width: 184px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-3 {
  width: 100px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-4 {
  width: 112px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-5 {
  width: 60px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-6 {
  width: 128px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-7 {
  width: 120px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-8 {
  width: 120px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-9 {
  width: 112px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-main-panel > div .ej-grid-viewport > div > table > tbody > tr .ej-grid-column-10 {
  width: 192px;
}
.coupon-send-sms-modal .ej-grid-div .ej-grid-bottom-panel {
  margin-top: 16px;
  padding: 0;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.discount-policy-dialog {
  gap: 20px;
  min-width: 487px;
}
.discount-policy-dialog .btn-group {
  height: 34px !important;
}
.discount-policy-dialog .btn-group :first-of-type {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-right: none !important;
}
.discount-policy-dialog .btn-group :last-of-type {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border-left: none !important;
}
.discount-policy-dialog .btn-group .btn-toggle {
  flex: none !important;
  justify-items: center;
  text-align: center;
  align-items: center;
  border: 1px solid #D4D4D4;
  padding: 6px 12px !important;
}
.discount-policy-dialog .btn-group .active {
  color: white;
  background-color: #3479FF !important;
  border: 1px solid #3479FF !important;
}
.discount-policy-dialog .form-inline > div > p {
  font-weight: 500;
}
.discount-policy-dialog .form-inline > div .essential-data {
  font-weight: 700;
}
.discount-policy-dialog .form-inline > div .wholeTable {
  border-radius: 8px;
}
.discount-policy-dialog .form-inline > div .wholeTable .headerLine {
  font-size: 14px !important;
}
.discount-policy-dialog .form-inline > div .wholeTable .headerLine > label {
  padding-top: 16px;
  padding-bottom: 16px;
}
.discount-policy-dialog .form-inline > div .wholeTable .headerLine > label > button {
  border: none;
  background: none;
  padding: 0;
}
.discount-policy-dialog .form-inline > div .wholeTable .headerLine > label > button .fa-square {
  color: #D4D4D4;
  margin-right: 6px;
  font-size: 18px;
  vertical-align: middle;
}
.discount-policy-dialog .form-inline > div .wholeTable .headerLine > label > button .fa-square-check {
  color: #3479FF;
  margin-right: 6px;
  font-size: 18px;
  vertical-align: middle;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable {
  display: grid;
  grid-template-columns: repeat(4, 178px);
  gap: 4px;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  width: 178px !important;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .title {
  text-align: center;
  align-items: center;
  height: 40px;
  padding: 9px 12px;
  font-weight: 700;
  font-size: 14px;
  background-color: #F5F8FF;
  border-radius: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .content {
  text-align: center;
  align-items: center;
  height: 40px;
  padding: 9px 12px;
  border-top: 1px solid #D4D4D4;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .content > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .selectBox {
  height: 52px;
  border-top: 1px solid #D4D4D4;
  padding: 9px 0;
  text-align: center;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .selectBox > select {
  height: 34px;
  font-size: 14px;
  font-weight: 500;
  width: 154px;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .selectBox.mapped > select {
  color: #3479FF;
  font-weight: 700;
  font-size: 14px;
  width: 154px;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .selectBox.mapped > select > option {
  color: #181818;
}
.discount-policy-dialog .form-inline > div .wholeTable .arrayTable .bodyLine .mapped {
  font-weight: 700;
  color: #3479FF;
}
.discount-policy-dialog .form-inline .input-group {
  display: flex;
  flex-wrap: nowrap !important;
  width: auto !important;
  align-items: center;
  margin-bottom: 20px !important;
}
.discount-policy-dialog .form-inline .input-group :last-child {
  margin-bottom: 0 !important;
}
.discount-policy-dialog .form-inline .input-group .menu-name {
  width: 100px;
  font-weight: 700;
  margin-right: 24px;
}
.discount-policy-dialog .form-inline .input-group .menu-name > b {
  color: #FB823F;
}
.discount-policy-dialog .form-inline .input-group .form-control {
  max-width: 363px;
  border-radius: 6px !important;
}
.discount-policy-dialog .form-inline .input-group .type-str {
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 400;
}
.discount-policy-dialog .form-inline .input-group .multiSelectWrap {
  border: none;
  padding: 0 !important;
}
.discount-policy-dialog .form-inline .input-group .multiSelectWrap .multiSelect {
  align-items: center;
  display: flex;
}
.discount-policy-dialog .form-inline .input-group .multiSelectWrap .multiSelect .multiSelectMain {
  border: 1px solid #D4D4D4;
  height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.discount-policy-dialog .form-inline .input-group .multiSelectWrap .multiSelect .checkboxLayer {
  position: absolute;
  width: 363px;
  top: 34px;
  transform: translateY(0);
}
.discount-policy-dialog .form-inline .input-group .multiSelectWrap .multiSelect .checkboxLayer .helperContainer .searchbar {
  margin-bottom: 12px !important;
  padding-bottom: 4px !important;
}
.discount-policy-dialog .form-inline .input-group .input-discount {
  flex: none !important;
  text-align: end;
  padding-right: 16px !important;
  height: 34px;
  border-radius: 6px !important;
  margin-right: 8px;
}
.discount-policy-dialog .form-inline .input-group .date-picker {
  display: flex;
  align-items: center;
  border: 1px solid #D4D4D4 !important;
  border-radius: 6px !important;
  width: 248px !important;
}
.discount-policy-dialog .form-inline .input-group .date-picker > input {
  text-align: center !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100px !important;
}
.discount-policy-dialog .form-inline .input-group .input-group-btn .btn .fa-square {
  color: #D4D4D4;
  margin-right: 6px;
  font-size: 18px;
  vertical-align: text-top;
}
.discount-policy-dialog .form-inline .input-group .input-group-btn .btn .fa-square-check {
  color: #3479FF;
  margin-right: 6px;
  font-size: 18px;
  vertical-align: text-top;
}
.discount-policy-dialog .form-inline .success > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #DAF2EA !important;
  color: #0D9564 !important;
  word-break: break-word !important;
  border: none;
}
.discount-policy-dialog .form-inline .success .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.discount-policy-dialog .form-inline .success .progress-bar {
  display: block !important;
  background-color: #0BAB71 !important;
  color: white !important;
}
.discount-policy-dialog .form-inline .info > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #EBF2FF !important;
  color: #2E66D1 !important;
  word-break: break-word !important;
  border: none;
}
.discount-policy-dialog .form-inline .info .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.discount-policy-dialog .form-inline .info .progress-bar {
  display: block !important;
  background-color: #3479FF !important;
  color: white !important;
}
.discount-policy-dialog .form-inline .danger > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #FDE4E8 !important;
  color: #D1425C !important;
  word-break: break-word !important;
  border: none;
}
.discount-policy-dialog .form-inline .danger .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.discount-policy-dialog .form-inline .danger .progress-bar {
  display: block !important;
  background-color: #F45C77 !important;
  color: white !important;
}
.discount-policy-dialog .form-inline .warning > div .alert {
  padding: 12px 20px !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 724px !important;
  font-weight: 700 !important;
  background-color: #FCF4E0 !important;
  color: #CE9E2D !important;
  word-break: break-word !important;
  border: none;
}
.discount-policy-dialog .form-inline .warning .barcodeNum {
  text-align: end !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.discount-policy-dialog .form-inline .warning .progress-bar {
  display: block !important;
  background-color: #0BAB71 !important;
  color: white !important;
}
.discount-policy-dialog .form-inline .accordion-body {
  padding: 0 !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item {
  text-align: center !important;
  justify-content: center !important;
  display: flex !important;
  gap: 12px !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item .failList .list-group-item {
  border: none !important;
  padding-top: 20px !important;
  padding-bottom: 0 !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item .failList .list-group-item .barcode-list-text {
  font-weight: 500 !important;
  color: #181818 !important;
  text-decoration-line: underline !important;
  cursor: pointer !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item .failList .list-group-item .badge {
  background-color: #F45C77 !important;
  border-radius: 14px !important;
  width: 25px !important;
  height: 20px !important;
  font-size: 13px !important;
  padding: 0 !important;
  line-height: 1.7 !important;
  margin-left: 10px !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item .failList .list-group {
  display: grid !important;
  grid-template-columns: repeat(2, 288px) !important;
  gap: 10px !important;
  margin-top: 20px !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item .failList .list-group .none-show-list {
  display: none !important;
}
.discount-policy-dialog .form-inline .accordion-body .row-item .failList .list-group > li {
  border: none !important;
  border-radius: 8px !important;
  background: #F6F6F6 !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  height: 40px !important;
  white-space: nowrap !important;
  padding: 9px 24px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-align: start !important;
}
.discount-policy-dialog .searchbar {
  margin-bottom: 20px;
}
.discount-policy-dialog .searchbar .row-custom {
  display: flex;
}
.discount-policy-dialog .searchbar .row-custom .inline-container {
  display: flex;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .period-label {
  align-items: center;
  font-weight: 700;
  gap: 10px;
  margin-right: 16px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .period-label #checkbox {
  margin: 0;
}
.discount-policy-dialog .searchbar .row-custom .inline-container > div {
  display: flex;
}
.discount-policy-dialog .searchbar .row-custom .inline-container > div .stock-order-period-btn {
  font-weight: 700;
  font-size: 14px;
  color: #2952A3;
  background-color: transparent;
  white-space: nowrap;
  border: none;
  padding: 0;
  margin-right: 16px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container > div .stock-order-period-btn > i {
  margin-right: 6px;
  color: #D4D4D4;
  margin-top: 1px;
  font-size: 18px;
  vertical-align: text-bottom;
}
.discount-policy-dialog .searchbar .row-custom .inline-container > div .stock-order-period-btn .fa-square-check {
  margin-right: 6px;
  color: #3479FF;
  font-size: 18px;
  vertical-align: text-bottom;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .date-picker {
  display: flex;
  align-items: center;
  height: 34px;
  width: 248px;
  padding: 6px 8px 6px 16px;
  font-size: 14px;
  border: 1px solid #D4D4D4;
  border-radius: 6px;
  margin-right: 16px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .date-picker > input {
  font-size: 14px;
  text-align: center;
  height: 22px;
  width: 100px;
  padding: 0;
  margin-right: 0px !important;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .date-range-picker-disabled {
  display: flex;
  align-items: center;
  height: 34px;
  width: 248px;
  padding: 6px 8px 6px 16px;
  font-size: 14px;
  border: 1px solid #D4D4D4;
  background-color: #e9ecef;
  color: #878787;
  border-radius: 6px;
  border-bottom-left-radius: 6px !important;
  margin-right: 16px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .date-range-picker-disabled > input {
  font-size: 14px;
  text-align: center;
  background-color: #e9ecef;
  color: #878787;
  height: 22px;
  width: 100px;
  padding: 0;
  margin-right: 0px !important;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group {
  display: flex;
  height: 34px !important;
  margin-right: 8px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div {
  display: flex;
  width: auto;
  flex-wrap: nowrap !important;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn {
  border-radius: 0 !important;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn > span {
  font-size: 14px !important;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn-menu {
  width: 110px !important;
  max-width: 110px !important;
  height: 34px !important;
  border: 1px solid #D4D4D4;
  justify-content: center;
  padding: 0 0 0 16px;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn-menu > span {
  float: left;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn-menu::after {
  content: "";
  font-family: "Font Awesome 6 Free", serif;
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .dropdown-menu {
  border: 1px soild #D4D4D4;
  border-radius: 6px;
  padding: 8px 0;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .dropdown-menu > li {
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 400;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn-status {
  width: 100px !important;
  max-width: 100px !important;
  height: 34px !important;
  border: 1px solid #D4D4D4;
  border-left: none;
  padding: 0 0 0 16px;
  border-radius: 0;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn-status > span {
  float: left;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .btn-status::after {
  content: "";
  font-family: "Font Awesome 6 Free", serif;
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: baseline;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .search-group > div .form-control {
  width: 264px !important;
  max-width: 264px !important;
  height: 34px !important;
  font-size: 14px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .btn-menu {
  font-size: 14px;
  height: 34px !important;
  border: 1px solid #D4D4D4;
  padding: 6px 16px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .btn-menu::after {
  content: "";
  font-family: "Font Awesome 6 Free", serif;
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
  margin-left: 10px;
}
.discount-policy-dialog .searchbar .row-custom .inline-container .btn-search {
  padding: 2px 0 0 0;
  width: 65px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: white;
  background-color: #41A9F5;
}
.discount-policy-dialog .searchbar .row-custom .product-order-toggle {
  margin-left: 72px;
  align-items: center;
}
.discount-policy-dialog .searchbar .row-custom .product-order-toggle > span {
  font-weight: 700;
  margin-right: 12px;
}
.discount-policy-dialog .searchbar .row-custom .product-order-toggle > span:lang(jp) {
  width: 60px;
}
.discount-policy-dialog .well {
  display: flex;
  align-items: center;
  color: #737373;
}
.discount-policy-dialog .well > span {
  color: #FB823F;
}
.discount-policy-dialog .well > a {
  border: 1px solid #AAAAAA;
  width: 95px;
  height: 24px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 2px 11px;
  margin-left: 12px;
}
.discount-policy-dialog .well > a:lang(jp) {
  width: fit-content;
}
.discount-policy-dialog .well .well-custom {
  width: fit-content;
}
.discount-policy-dialog .file-upload-group {
  width: 724px;
  height: 54px;
  padding: 12px;
  margin-top: 12px;
  background-color: #F9F9F9;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.discount-policy-dialog .file-upload-group:lang(jp) {
  width: 752px;
}
.discount-policy-dialog .file-upload-group #uploadBtn {
  height: 30px;
}
.discount-policy-dialog .file-upload-group .uploadGroup #uploadFileChip {
  height: 28px;
}
.discount-policy-dialog .list-form-grid-container {
  display: flex;
  height: 404px !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid-concontainer {
  width: auto !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid-concontainer #discount_policy_grid-list-grid .ht_master .wtHolder {
  height: 346px !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-form-grid-concontainer {
  width: auto !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-form-grid-concontainer #discount_policy_grid-form-grid .ht_master .wtHolder {
  height: 404px !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid {
  background-color: white;
  height: calc(100% - 60px) !important;
  width: 696px !important;
  border: 1px solid lightgray;
  border-top: none;
  margin-right: 4px !important;
  border-radius: 8px;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid .ht_master .wtHolder {
  height: auto;
  min-height: 346px;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-form-grid {
  background-color: white;
  height: 100% !important;
  width: 464px !important;
  border: 1px solid lightgray;
  border-top: none;
  border-radius: 8px;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid-bottom {
  margin-top: 4px !important;
  width: 696px !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid-bottom .list-grid-pagination .btn-download {
  display: none;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-list-grid-bottom .list-grid-pagination .input-group {
  height: 34px;
  width: 125px !important;
}
.discount-policy-dialog .list-form-grid-container #discount_policy_grid-form-grid-bottom {
  display: none;
}
.discount-policy-dialog .modal-footer-container > hr {
  display: none;
  opacity: 1 !important;
}
.discount-policy-dialog .modal-footer {
  padding: 0 0 20px 0 !important;
}
.discount-policy-dialog .modal-footer .button-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.discount-policy-dialog .modal-footer .button-group .btn {
  min-width: 65px;
}
.discount-policy-dialog .modal-footer .button-group > div {
  gap: 8px;
  display: flex;
}
.discount-policy-dialog .modal-footer .button-group > div .btn-outline-blue-base {
  display: flex;
  align-items: center;
}
.discount-policy-dialog .modal-footer .button-group > div .btn-outline-blue-base > img {
  vertical-align: bottom;
  margin-right: 6px;
}
.discount-policy-dialog .modal-footer .button-group > div .btn-outline-blue-base .hover {
  display: none;
}
.discount-policy-dialog .modal-footer .button-group > div .btn-outline-blue-base:hover {
  background-color: #FFFFFF !important;
  color: #99BCFF;
  border-color: #99BCFF;
}
.discount-policy-dialog .modal-footer .button-group > div .btn-outline-blue-base:hover .non-hover {
  display: none;
}
.discount-policy-dialog .modal-footer .button-group > div .btn-outline-blue-base:hover .hover {
  display: flex;
}
.discount-policy-dialog .modal-footer .submit-btn {
  justify-content: end !important;
}
.discount-policy-dialog .modal-footer .btn-right {
  justify-content: end;
}

.discount-type-detail-dialog.form-horizontal {
  width: 412px;
}
.discount-type-detail-dialog.form-horizontal .discount-type-dialog-card {
  display: flex;
  flex-direction: column;
  width: 412px;
  margin-bottom: 20px;
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #D4D4D4;
  background-color: #F9F9F9;
  line-height: 20px;
  color: #737373;
}
.discount-type-detail-dialog.form-horizontal .form-group {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.discount-type-detail-dialog.form-horizontal .form-group .input-group > input {
  height: 34px;
  padding: 6px 16px;
  font-size: 14px;
  border-radius: 6px;
}
.discount-type-detail-dialog.form-horizontal .form-group:not(:last-child) {
  margin-bottom: 20px;
}
.discount-type-detail-dialog.form-horizontal .form-group > label {
  width: 100px;
  margin-right: 24px;
}
.discount-type-detail-dialog.form-horizontal .form-group #discount_type_rate_field {
  max-width: 120px;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.request-detail-modal-body {
  width: 752px;
}
.request-detail-modal-body .section-divider {
  opacity: 1;
  margin: 20px 0px;
  background-color: #e0e0e0;
}
.request-detail-modal-body .read-mode .header-section .title-divider {
  width: 1px;
  height: 16px;
  background-color: #d9d9d9;
  border-radius: 1px;
  margin: 0px 12px;
}
.request-detail-modal-body .edit-mode .header-section {
  margin-bottom: 14px;
  align-items: center;
  flex-wrap: nowrap;
}
.request-detail-modal-body .edit-mode .header-section > input {
  width: calc(100% - 170px);
}
.request-detail-modal-body .edit-mode .body-section > .mce-panel {
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  overflow: hidden;
}
.request-detail-modal-body .file-section .file-prepend i {
  font-size: 20px;
  margin-top: 4px;
  margin-right: 10px;
  color: #606060;
}
.request-detail-modal-body .file-section .file-prepend label.file-select-btn {
  padding: 4px 12px;
  background-color: transparent;
  color: #737373;
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  width: fit-content;
  height: 30px;
  margin: 0 16px 0 0;
  cursor: pointer;
}
.request-detail-modal-body .file-section .file-list {
  margin-bottom: -8px;
}
.request-detail-modal-body .file-section .file-list .file-placeholder {
  margin-bottom: 8px;
}
.request-detail-modal-body .file-section .file-list-item {
  padding: 4px 10px;
  border: 1px solid #D4D4D4;
  border-radius: 14px;
  margin-right: 10px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  color: #444444;
}
.request-detail-modal-body .file-section .file-list-item span {
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.request-detail-modal-body .file-section .file-list-item > i {
  margin-left: 8px;
  color: #999999;
}
.request-detail-modal-body .comment-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.request-detail-modal-body .comment-section .comment-count {
  margin-bottom: 10px;
}
.request-detail-modal-body .comment-section .comment {
  border: 1px solid #E1E1E1;
  padding: 12px 20px;
  border-radius: 10px;
}
.request-detail-modal-body .comment-section .comment .comment-header {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.request-detail-modal-body .comment-section .comment .comment-header i:not(.fa-xmark) {
  font-size: 18px;
  cursor: pointer;
}
.request-detail-modal-body .comment-section .comment .comment-header i:not(.fa-xmark):last-of-type {
  margin-left: 16px;
}
.request-detail-modal-body .comment-section .comment .comment-header i:not(.fa-xmark).fa-trash-can {
  color: #F45C77;
}
.request-detail-modal-body .comment-section .comment .comment-header i:not(.fa-xmark).fa-pen-to-square {
  color: #1193F2;
}
.request-detail-modal-body .comment-section .comment .comment-header i.fa-xmark {
  font-size: 18px;
  color: #AAAAAA;
  cursor: pointer;
}
.request-detail-modal-body .comment-section .comment:last-of-type {
  margin-bottom: 10px;
}
.request-detail-modal-body .comment-section .comment .comment-edit-container {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.request-detail-modal-body .comment-section .comment .comment-edit-container > input {
  width: 100%;
  margin-right: 8px;
  min-height: 56px;
}
.request-detail-modal-body .comment-section .comment .comment-edit-container > button {
  padding: 17px 16px;
  border-radius: 6px;
  white-space: nowrap;
  color: #737373;
  border: 1px solid #AAAAAA;
}
.request-detail-modal-body .comment-section .create-comment {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 4px;
}
.request-detail-modal-body .comment-section .create-comment > input {
  width: 100%;
}
.request-detail-modal-body .comment-section .create-comment > button {
  margin-left: 10px;
  width: 62px;
  border: 1px solid #AAAAAA;
  border-radius: 6px;
  background-color: white;
}

.transaction-type-detail-modal.form-horizontal {
  width: 412px;
}
.transaction-type-detail-modal.form-horizontal > div {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.transaction-type-detail-modal.form-horizontal > div:not(:first-of-type) {
  margin-top: 20px;
}
.transaction-type-detail-modal.form-horizontal > div > label {
  width: 100px;
  margin-right: 24px;
}
.transaction-type-detail-modal.form-horizontal > div .btn-direction {
  width: 138px !important;
  max-width: 138px !important;
  height: 34px !important;
  border: 1px solid #d4d4d4;
  justify-content: center;
  padding: 0 15px;
}
.transaction-type-detail-modal.form-horizontal > div .btn-direction > span {
  float: left;
}
.transaction-type-detail-modal.form-horizontal > div .btn-direction::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
  float: right;
}
.transaction-type-detail-modal.form-horizontal > div .btn-statistical {
  width: 138px !important;
  max-width: 138px !important;
  height: 34px !important;
  border: 1px solid #d4d4d4;
  justify-content: center;
  padding: 0 15px;
}
.transaction-type-detail-modal.form-horizontal > div .btn-statistical > span {
  float: left;
}
.transaction-type-detail-modal.form-horizontal > div .btn-statistical::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  vertical-align: baseline;
  float: right;
}
.transaction-type-detail-modal.form-horizontal > div .dropdown-direction,
.transaction-type-detail-modal.form-horizontal > div .dropdown-statistical {
  width: 138px;
}
.transaction-type-detail-modal.form-horizontal > div .dropdown-direction .dropdown-item,
.transaction-type-detail-modal.form-horizontal > div .dropdown-statistical .dropdown-item {
  width: auto;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.sms-detail-modal {
  display: flex;
}
.sms-detail-modal .detail-left {
  margin-right: 16px;
}
.sms-detail-modal .detail-left .table-title {
  min-width: 300px;
  font-weight: 700;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #D4D4D4;
  border-bottom: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #F5F8FF;
  color: #26488B;
}
.sms-detail-modal .detail-left .table-detail {
  width: 300px;
}
.sms-detail-modal .detail-left .table-detail .table-row {
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #D4D4D4;
}
.sms-detail-modal .detail-left .table-detail .table-row:not(:last-of-type) {
  border-bottom: 0;
}
.sms-detail-modal .detail-left .table-detail .table-row:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.sms-detail-modal .detail-left .table-detail .table-row .title {
  font-weight: 700;
}
.sms-detail-modal .detail-right .message-title {
  width: 720px;
  font-weight: 700;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #D4D4D4;
  border-bottom: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #F5F8FF;
  color: #26488B;
  padding: 10px 16px;
}
.sms-detail-modal .detail-right .message-description {
  height: 438px;
  padding: 10px 16px;
  border: 1px solid #D4D4D4;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.sms-dialog.mms-container {
  max-width: 522px;
}
.sms-dialog .sms-tab {
  border: none;
}
.sms-dialog .sms-tab .sms-tab-btn {
  border: none;
  border-radius: 0;
  color: #AAAAAA;
  width: 80px;
  height: 20px;
  padding: 0;
  margin: 0 20px 0 0;
  line-height: 20px;
  background-color: white;
  font-size: 18px;
  font-weight: 500;
}
.sms-dialog .sms-tab .sms-tab-btn.active {
  border: none;
  color: #3479FF;
  border-color: transparent;
  font-size: 18px;
  font-weight: 700;
}
.sms-dialog .error-barcode, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .modal-dialog .modal-content .modal-body, .modal-dialog .modal-content .sms-dialog .modal-body, .sms-dialog .merge-customer-dialog > table:first-of-type tbody, .merge-customer-dialog > table:first-of-type .sms-dialog tbody, .sms-dialog .notice-detail-modal .read-mode, .notice-detail-modal .sms-dialog .read-mode, .sms-dialog .fail-barcode-list-container .fail-barcode-list, .fail-barcode-list-container .sms-dialog .fail-barcode-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.sms-dialog .error-barcode::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .modal-dialog .modal-content .sms-dialog .modal-body::-webkit-scrollbar, .sms-dialog .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type .sms-dialog tbody::-webkit-scrollbar, .sms-dialog .notice-detail-modal .read-mode::-webkit-scrollbar, .notice-detail-modal .sms-dialog .read-mode::-webkit-scrollbar, .sms-dialog .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .fail-barcode-list-container .sms-dialog .fail-barcode-list::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.sms-dialog .error-barcode::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .modal-dialog .modal-content .sms-dialog .modal-body::-webkit-scrollbar-thumb, .sms-dialog .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type .sms-dialog tbody::-webkit-scrollbar-thumb, .sms-dialog .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .notice-detail-modal .sms-dialog .read-mode::-webkit-scrollbar-thumb, .sms-dialog .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .fail-barcode-list-container .sms-dialog .fail-barcode-list::-webkit-scrollbar-thumb {
  height: 20px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.sms-dialog .error-barcode::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .modal-dialog .modal-content .sms-dialog .modal-body::-webkit-scrollbar-track, .sms-dialog .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type .sms-dialog tbody::-webkit-scrollbar-track, .sms-dialog .notice-detail-modal .read-mode::-webkit-scrollbar-track, .notice-detail-modal .sms-dialog .read-mode::-webkit-scrollbar-track, .sms-dialog .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .fail-barcode-list-container .sms-dialog .fail-barcode-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.sms-dialog .sms-main .sms-info-section {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  padding: 12px 16px;
  height: 44px;
  margin-bottom: 8px;
}
.sms-dialog .sms-main .sms-info-section .sms-info {
  color: #181818;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.sms-dialog .sms-main .sms-info-section .sms-info > span {
  font-weight: 700;
}
.sms-dialog .sms-main .sms-notice-section > ul {
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  padding: 12px 16px;
  background: #F9F9F9;
  margin-bottom: 20px;
  color: #737373;
  font-weight: 500;
  font-size: 13px;
}
.sms-dialog .sms-main .sms-container {
  height: 478px;
  margin-bottom: 20px;
}
.sms-dialog .sms-main .sms-container > div {
  height: 100%;
  display: grid;
  grid-template-columns: 238px 264px auto;
  gap: 20px;
}
.sms-dialog .sms-main .sms-container > div .phone_wrapper {
  width: 238px;
  height: 100%;
  padding: 46px 0 24px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  background: no-repeat url("/img/sms-form-phone.svg");
}
.sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea {
  width: 192px;
  height: 358px;
  background-color: #F9F9F9;
  border: none;
  padding: 10px;
  margin-bottom: 10px;
  resize: none;
  border-radius: 8px;
}
.sms-dialog .sms-main .sms-container > div .phone_wrapper .current_byte_wrapper {
  height: 40px;
  width: 192px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper {
  height: 478px;
  max-height: 478px;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  overflow: hidden;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .select-phone-number,
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .input-phone-number {
  margin: 0 20px;
  padding: 12px 0;
  width: 224px;
  height: 58px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .select-phone-number > label,
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .input-phone-number > label {
  white-space: nowrap;
  width: 50px;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .select-phone-number > select,
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .select-phone-number > input,
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .input-phone-number > select,
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .input-phone-number > input {
  margin-left: 16px;
  width: 158px;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper .select-phone-number {
  border-bottom: 1px solid #E1E1E1;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > hr {
  height: 1px;
  margin: 0;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group {
  height: calc(478px - 119px);
  max-height: calc(478px - 119px);
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group > li {
  border: none;
  border-top: 1px solid #E1E1E1;
  border-radius: 0;
  padding: 6px 16px 6px 20px;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group > li:first-of-type {
  border-top: none;
}
.sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group > li > i {
  position: absolute;
  right: 16px;
  top: 10px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text {
  height: 478px;
  padding: 20px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-title {
  margin-bottom: 16px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text {
  margin-bottom: 8px;
  position: relative;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li:last-of-type,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text:last-of-type {
  margin-bottom: 0;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .btn,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .btn {
  min-height: 34px;
  max-height: 78px;
  height: initial;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .btn:first-of-type,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .btn:first-of-type {
  border: 1px solid #888888;
  border-radius: 6px 0 0 6px !important;
  padding: 0px 11px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .btn:first-of-type > i,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .btn:first-of-type > i {
  font-size: 12px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .btn:last-of-type:not([disabled], .add-new-btn),
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .btn:last-of-type:not([disabled], .add-new-btn) {
  padding: 7px 11px;
  width: 22px;
  margin-left: 4px;
  border-radius: 6px !important;
  white-space: nowrap;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .btn.add-new-btn,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .btn.add-new-btn {
  margin-left: 4px;
  padding: 0;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title[contenteditable=false],
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text[contenteditable=false],
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title[contenteditable=false],
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text[contenteditable=false] {
  background-color: #F9F9F9;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text {
  border: 1px solid #D4D4D4;
  border-left: none;
  min-height: 34px;
  max-height: 78px;
  padding: 6px 16px;
  resize: none;
  background-color: white;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title {
  width: 132px;
  border-radius: 0;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text {
  width: 250px;
  border-radius: 0 6px 6px 0 !important;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > .auto-text-dropdown,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > .auto-text-dropdown {
  position: absolute;
  right: -2px;
  top: 70%;
  display: inline-block;
  z-index: 1;
  background-color: white;
  height: 76px;
  width: 58px;
  padding: 8px 0;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > .auto-text-dropdown .auto-text-dropdown-btn,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > .auto-text-dropdown .auto-text-dropdown-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  width: 100%;
  height: 30px;
  border: none;
  background-color: transparent;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list .new-auto-text {
  margin-top: 8px;
}
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list .new-auto-text .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list .new-auto-text .new-auto-content-text {
  background-color: white;
}

.error-barcode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track {
  background-color: transparent;
}

.sms-dialog-detail-modal {
  width: 930px;
  height: 750px;
}
.sms-dialog-detail-modal .info-wrapper {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.sms-dialog-detail-modal .info-wrapper .success {
  border-radius: 6px;
  padding: 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  width: 49px;
  height: 30px;
  background: #F5F8FF;
  font-weight: 500;
  color: #3479FF;
}
.sms-dialog-detail-modal .info-wrapper .fail {
  border-radius: 6px;
  padding: 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  width: 49px;
  height: 30px;
  background: #FEF4F6;
  font-weight: 500;
  color: #F45C77;
  margin-left: 16px;
}
.sms-dialog-detail-modal .info-wrapper .point {
  border-radius: 6px;
  padding: 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  width: 100px;
  height: 30px;
  background: #F0FAF6;
  font-weight: 700;
  color: #0BAB71;
}
.sms-dialog-detail-modal .info-wrapper .info-number {
  margin-left: 10px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #181818;
  font-weight: 500;
}
.sms-dialog-detail-modal .info-wrapper .bold {
  margin-left: 10px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #181818;
  font-weight: 700;
}
.sms-dialog-detail-modal .info-wrapper .separate {
  width: 2px;
  height: 26px;
  background: #E0E0E0;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0px 16px;
}
.sms-dialog-detail-modal .table-container {
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
.sms-dialog-detail-modal .info-table {
  width: 100%;
}
.sms-dialog-detail-modal .info-table thead {
  display: block;
  background: #F5F8FF;
  width: 100%;
  height: 38px;
}
.sms-dialog-detail-modal .info-table thead tr {
  display: block;
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
}
.sms-dialog-detail-modal .info-table thead tr div {
  border-right: 1px solid #E0E0E0;
}
.sms-dialog-detail-modal .info-table thead tr div:last-child {
  border-right: none;
}
.sms-dialog-detail-modal .info-table thead tr div > div {
  padding: 8px 0px 8px 12px;
}
.sms-dialog-detail-modal .info-table tbody {
  max-height: 504px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}
.sms-dialog-detail-modal .info-table tbody tr {
  display: block;
  width: 100%;
  min-height: 38px;
  border-bottom: 1px solid #d4d4d4;
}
.sms-dialog-detail-modal .info-table tbody tr:last-child {
  border-bottom: none;
}
.sms-dialog-detail-modal .info-table tbody tr td {
  padding: 8px 12px 8px 12px;
  border-right: 1px solid #d4d4d4;
}
.sms-dialog-detail-modal .info-table tbody tr td:last-child {
  border-right: none;
}
.sms-dialog-detail-modal .info-table tbody::-webkit-scrollbar {
  opacity: 0;
  width: 12px;
  height: 8px;
}
.sms-dialog-detail-modal .info-table tbody::-webkit-scrollbar-thumb {
  height: 80px;
  width: 80px;
  background-color: #d4d4d4;
  border-radius: 4px;
}
.sms-dialog-detail-modal .info-table tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.sms-dialog-detail-modal .info-table .number {
  width: 136px;
}
.sms-dialog-detail-modal .info-table .message {
  width: 694px;
}
.sms-dialog-detail-modal .info-table .result {
  width: 100px;
}

.error-barcode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track {
  background-color: transparent;
}

.staff-detail-modal .my-info-form {
  min-width: 413px;
  max-width: fit-content;
}
.staff-detail-modal .staff-info-form {
  min-width: 484px;
  max-width: 484px;
}
.staff-detail-modal .my-info-row {
  display: flex;
  height: auto;
  margin-bottom: 16px;
  align-items: center;
  flex-wrap: nowrap;
}
.staff-detail-modal .my-info-row.service-duration > span {
  margin-right: 8px;
}
.staff-detail-modal .my-info-row.next-payment-date > span {
  margin-right: 16px;
}
.staff-detail-modal .my-info-row.next-payment-date > .payment-btn {
  width: 73px;
  height: 26px;
  border-radius: 6px;
  border: 1px solid #3479FF;
  color: #2E66D1;
  background-color: #FFFFFF;
}
.staff-detail-modal .my-info-row:last-of-type {
  margin-bottom: 20px;
}
.staff-detail-modal .my-info-row > input,
.staff-detail-modal .my-info-row > select {
  width: calc(100% - 124px);
}
.staff-detail-modal .my-info-row > label {
  padding: 0;
  margin-right: 24px;
  width: 105px;
  display: block;
  line-height: 22px;
}
.staff-detail-modal .my-info-row > .row-content {
  padding: 0;
  display: flex;
  width: calc(100% - 124px);
  align-items: center;
  justify-content: space-between;
}
.staff-detail-modal .my-info-row > .row-content > .create-staff-id {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.staff-detail-modal .my-info-row > .row-content > .create-staff-id > input {
  width: calc(100% - 83px);
}
.staff-detail-modal .my-info-row > .row-content > .create-staff-id > button {
  margin-left: 10px;
}
.staff-detail-modal .my-info-row > .row-content .withdrawal {
  font-weight: 400;
  font-size: 11px;
  color: #BBBBBB;
  cursor: pointer;
}
.staff-detail-modal .my-info-row > .row-content > select {
  width: 100%;
}
.staff-detail-modal .my-info-row > .row-content .edit-auth {
  width: calc(100% - 83px) !important;
}
.staff-detail-modal .with-text {
  margin-bottom: 20px;
}
.staff-detail-modal .well {
  margin-bottom: 20px;
}
.staff-detail-modal .my-info-divider {
  width: 100%;
  background-color: #E1E1E1;
  height: 1px;
}

.my-info-footer {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
}
.my-info-footer button {
  border-radius: 6px;
  padding: 6px 12px;
  min-width: 62px;
}
.my-info-footer button:first-of-type {
  border: 1px solid #3479FF;
  color: #2E66D1;
}
.my-info-footer button:last-of-type {
  background-color: #3479FF;
  color: white;
}

.error-barcode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track {
  background-color: transparent;
}

.error-barcode, .modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text {
  overflow-y: auto;
  overflow-x: hidden;
}
.error-barcode::-webkit-scrollbar, .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.error-barcode::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.error-barcode::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track {
  background-color: transparent;
}

.error-barcode {
  width: 408px;
  max-height: 360px;
  height: 360px;
  display: flex;
  flex-direction: column;
}
.error-barcode > .error-barcode-item {
  width: 100%;
}
.error-barcode > .error-barcode-item:last-of-type {
  margin-bottom: 0;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.canceled-history-dialog {
  width: 1452px !important;
}
.canceled-history-dialog .toolbar .inline-container .input-group {
  flex-wrap: nowrap !important;
}
.canceled-history-dialog .toolbar .inline-container .input-group .input-group-btn {
  border: 1px solid #D4D4D4;
  border-right: none;
  border-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  height: 34px;
}
.canceled-history-dialog .toolbar .inline-container .input-group .input-group-btn .btn-menu {
  width: 120px !important;
  padding: 0px 12px;
}
.canceled-history-dialog .toolbar .inline-container .input-group .date-picker {
  height: 34px;
}
.canceled-history-dialog .toolbar .exportBtn {
  display: flex;
  align-items: center;
  width: fit-content;
}
.canceled-history-dialog .toolbar .exportBtn .fa-circle-down {
  font-size: 18px;
  margin-right: 8px;
}
.canceled-history-dialog .ej-grid .ej-grid-top-panel {
  padding-left: 0 !important;
}
.canceled-history-dialog .ej-grid .ej-grid-main-panel {
  border: 1px solid #D4D4D4;
}
.canceled-history-dialog .ej-grid .ej-grid-bottom-panel {
  border: 1px solid #D4D4D4;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.stock-temp-set {
  width: 532px;
  height: 320px;
}
.stock-temp-set .well {
  height: 164px;
  padding: 12px 16px;
  background: #f9f9f9;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #737373;
}
.stock-temp-set .info-group {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.stock-temp-set .info-group > select {
  width: 360px;
  height: 34px;
}
.stock-temp-set .select-group {
  justify-content: space-between;
}
.stock-temp-set .input-group-addon {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #181818;
}
.stock-temp-set .calendar-wrapper {
  margin-left: 110px;
}
.stock-temp-set .calendar-wrapper > input {
  border: none;
}
.stock-temp-set .calendar-wrapper > input::-webkit-calendar-picker-indicator {
  display: none;
}
.stock-temp-set .input-1 {
  width: 276px;
  height: 38px;
}
.stock-temp-set .input-2 {
  width: 156px;
  height: 38px;
}
.stock-temp-set .decision-btn {
  align-items: center;
  padding: 6px 12px;
  gap: 8px;
  width: 101px;
  height: 34px;
  background: #fb823f;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  border: none;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.stock-create-dialog-header .number-label {
  align-items: center;
  padding: 4px 12px;
  height: 30px;
  background: #EBF2FF;
  border-radius: 6px;
  font-weight: 700;
  color: #3479FF;
  margin-right: 16px;
}
.stock-create-dialog-header .number-item {
  font-size: 18px;
  font-weight: 700;
  padding-top: 1px;
}

.stock_create_dialog_out {
  width: 1310px;
}

.stock_create_dialog_in {
  width: 1111px;
}

.stock_create_edit_dialog_both {
  width: 1160px;
}

.stock_create_dialog {
  height: calc(100% - 52px) !important;
  min-height: 695px;
}
.stock_create_dialog .stock-create-toolbar {
  display: none !important;
}
.stock_create_dialog .ej-grid-scrollbar-placeholder-column {
  display: none;
}
.stock_create_dialog .ej-grid-placeholder-column {
  display: none;
}
.stock_create_dialog .ej-grid-counter-panel {
  border: 1px solid #E1E1E1;
  border-bottom: none;
  margin-top: 8px;
}
.stock_create_dialog .main-toolbar {
  border: 1px solid #E1E1E1;
}
.stock_create_dialog .main-toolbar .radio-group {
  padding: 6px 0 6px 16px !important;
  color: #0BAB71;
}
.stock_create_dialog .main-toolbar .form-inline .btn-group .btn {
  width: 88px !important;
}
.stock_create_dialog .main-toolbar .form-inline .btn-group .btn:not(:last-of-type, :first-of-type) {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.stock_create_dialog .main-toolbar .form-inline .divider {
  border-left: 2px solid #E1E1E1;
  width: 2px;
  height: 24px;
  margin: 5px 16px;
  border-radius: 1px;
}
.stock_create_dialog .main-toolbar .form-inline .input-group .wh-store-menu {
  margin-left: 0 !important;
}
.stock_create_dialog .ej-grid-main-panel {
  border: 1px solid #E1E1E1;
}
.stock_create_dialog .ej-grid-main-panel .ej-grid-pane .ej-grid-viewport .ej-grid-body {
  overflow: auto;
  overflow-x: scroll !important;
  height: 100% !important;
}
.stock_create_dialog .ej-grid-bottom-panel {
  border: 1px solid #E1E1E1;
}

.stock_create_edit_dialog {
  width: 1362px;
  height: calc(100% - 52px) !important;
  min-height: 695px;
}
.stock_create_edit_dialog .stock-create-out-page,
.stock_create_edit_dialog .stock-create-in-page {
  max-width: none !important;
}

.stock_create_dialog_moving {
  width: 1362px;
  height: calc(100% - 52px) !important;
  min-height: 695px;
}
.stock_create_dialog_moving .stock-create-out-page,
.stock_create_dialog_moving .stock-create-in-page {
  max-width: none !important;
}
.stock_create_dialog_moving .stock-create-out-page .main-toolbar .form-group .btn-group .btn,
.stock_create_dialog_moving .stock-create-in-page .main-toolbar .form-group .btn-group .btn {
  width: 100% !important;
}
.stock_create_dialog_moving .stock-create-out-page .main-toolbar .form-group .btn-group .btn:not(:last-of-type, :first-of-type),
.stock_create_dialog_moving .stock-create-in-page .main-toolbar .form-group .btn-group .btn:not(:last-of-type, :first-of-type) {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.stock_create_dialog_moving .ej-grid-main-panel {
  border: 1px solid #E1E1E1;
}
.stock_create_dialog_moving .ej-grid-main-panel .ej-grid-pane .ej-grid-viewport .ej-grid-body {
  overflow: auto;
  overflow-x: scroll !important;
  height: 100% !important;
}
.stock_create_dialog_moving .ej-grid-scrollbar-placeholder-column {
  display: none;
}
.stock_create_dialog_moving .ej-grid-placeholder-column {
  display: none;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.get-data-modal {
  width: 1080px;
  height: 670px;
}
.get-data-modal .toolbar {
  justify-content: space-between;
}
.get-data-modal .toolbar .inline-container .input-group {
  flex-wrap: nowrap;
}
.get-data-modal .toolbar .inline-container .input-group .btn-menu {
  border: 1px solid #D4D4D4;
  border-right: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.get-data-modal .toolbar .inline-container .input-group .date-picker {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.get-data-modal .toolbar .inline-container .input-group .btn-blue-base {
  margin-left: 8px;
}
.get-data-modal .ej-grid .ej-grid-top-panel {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.get-data-modal .ej-grid .ej-grid-main-panel {
  border: 1px solid #D4D4D4;
}
.get-data-modal .ej-grid .ej-grid-bottom-panel {
  border: 1px solid #D4D4D4;
}

.stock-history-decide-modal.form-group {
  width: 532px;
  height: 270px;
}
.stock-history-decide-modal.form-group .well {
  height: 64px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  background: #f9f9f9;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #727272;
}
.stock-history-decide-modal.form-group .info-group {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.stock-history-decide-modal.form-group .info-group > select {
  width: 360px;
  height: 34px;
}
.stock-history-decide-modal.form-group .select-group {
  justify-content: space-between;
}
.stock-history-decide-modal.form-group .input-group-addon {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #181818;
}
.stock-history-decide-modal.form-group .calendar-wrapper {
  margin-left: 110px;
}
.stock-history-decide-modal.form-group .calendar-wrapper > input {
  border: none;
}
.stock-history-decide-modal.form-group .calendar-wrapper > input::-webkit-calendar-picker-indicator {
  display: none;
}
.stock-history-decide-modal.form-group .input-1 {
  width: 276px;
  height: 38px;
}
.stock-history-decide-modal.form-group .input-2 {
  width: 156px;
  height: 38px;
}

.stock-temp-decision-btn {
  align-items: center;
  padding: 6px 12px;
  gap: 8px;
  width: 116px;
  height: 34px;
  background: #0bab71;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  border: none;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.stock-history-detail-dialog {
  max-width: 1244px;
}
.stock-history-detail-dialog .detail-container .dl-horizontal .detail-item {
  display: flex;
  margin-bottom: 12px;
}
.stock-history-detail-dialog .detail-container .dl-horizontal .detail-item .detail-item-title {
  padding: 4px 12px;
  width: 74px;
  height: 30px;
  text-align: center;
  background: #f4f4f4;
  border-radius: 6px;
  font-weight: 500;
}
.stock-history-detail-dialog .detail-container .dl-horizontal .detail-item .detail-item-data {
  padding: 4px 16px;
  width: 200px;
}
.stock-history-detail-dialog .detail-container .dl-horizontal .detail-item .detail-item-data-status {
  padding: 4px 0 4px 16px;
}
.stock-history-detail-dialog .detail-container .dl-horizontal .detail-item .detail-item-status {
  padding: 4px 4px;
}
.stock-history-detail-dialog .detail-container .btn-group {
  justify-content: space-between;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
.stock-history-detail-dialog .detail-container .btn-group > button {
  max-width: 62px;
}
.stock-history-detail-dialog .ej-grid .ej-grid-main-panel {
  border: 1px solid #D4D4D4;
}
.stock-history-detail-dialog .ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body {
  height: 480px;
  overflow: auto;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.stock-moving-detail-modal {
  width: 1584px;
}
.stock-moving-detail-modal .table-container {
  display: flex;
  flex-wrap: nowrap;
}
.stock-moving-detail-modal .table-container .work-info-table {
  width: 705px;
  margin-right: 20px;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-top-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-top-panel .moving-info {
  font-weight: 500;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-top-panel .modal-info {
  padding: 4px 12px;
  display: flex;
  align-items: center;
  font-weight: 700;
  border-radius: 6px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel {
  text-align: center;
  border-left-color: transparent;
  border-right-color: transparent;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head {
  background-color: #F5F8FF;
  display: flex;
  height: 38px;
  align-items: center;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  font-weight: 700;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .divider {
  border-left: 1px solid #E1E1E1;
  height: 22px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .num-title {
  width: 100px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .type-title {
  width: 60px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .date-title {
  width: 108px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .work-date-title {
  width: 108px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .worker-title {
  width: 120px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .memo-title {
  width: 120px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-head .blank-title {
  width: 89px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body {
  border-top: 0 !important;
  height: 570px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .table-body-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D4D4D4;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .divider {
  border-left: 1px solid #D4D4D4;
  height: 72px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .num-item {
  width: 100px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .type-item {
  width: 60px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .date-item {
  width: 108px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .work-date-item {
  width: 108px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .worker-item {
  width: 120px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .memo-item {
  width: 120px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .blank-item {
  width: 89px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .blank-item > div > span > button {
  width: 62px;
  height: 30px;
  padding: 2px 18.5px;
}
.stock-moving-detail-modal .table-container .work-info-table .info-table-body-panel .table-body .blank-item > div > span .btn-lightblue-light07 {
  margin-bottom: 4px;
}
.stock-moving-detail-modal .table-container .work-info-table .btn-group {
  display: grid;
  text-align: center;
  padding: 16px 0;
  height: 96px;
  align-items: center;
}
.stock-moving-detail-modal .table-container .work-info-table .btn-group > button {
  width: 119px;
  margin-left: 292px;
  margin-right: 292px;
  margin-bottom: 8px;
}
.stock-moving-detail-modal .table-container .work-info-table .btn-group > button:lang(jp) {
  width: fit-content;
}
.stock-moving-detail-modal .table-container .work-info-table .btn-group .btn-orange-base {
  width: 97px;
  margin-left: 303px;
  margin-right: 303px;
}
.stock-moving-detail-modal .table-container .detail-info-table {
  width: 867px;
  height: 760px;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
}
.stock-moving-detail-modal .table-container .detail-info-table .detail-table-top-panel {
  height: 54px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D4D4D4;
}
.stock-moving-detail-modal .table-container .detail-info-table .detail-table-top-panel .btn-group {
  gap: 8px;
}
.stock-moving-detail-modal .table-container .detail-info-table .detail-table-top-panel .label {
  padding: 4px 12px;
  background: #F6F6F6;
  border-radius: 6px;
  font-weight: 500;
}
.stock-moving-detail-modal .table-container .detail-info-table .detail-table-top-panel .badge {
  color: #181818;
  font-size: 14px;
}
.stock-moving-detail-modal .table-container .detail-info-table .ej-grid {
  height: 704px;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.stock-order-list-detail-dialog {
  width: 1399px;
  max-width: 1399px;
}
.stock-order-list-detail-dialog .stock-order-list-table {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-wrap: nowrap;
}
.stock-order-list-detail-dialog .stock-order-list-table > thead > * > *,
.stock-order-list-detail-dialog .stock-order-list-table > tbody > * > * {
  display: inline-block;
}
.stock-order-list-detail-dialog .stock-order-list-table tr {
  height: 38px;
  white-space: nowrap;
}
.stock-order-list-detail-dialog .stock-order-list-table tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc((38px * 3) - 16px);
}
.stock-order-list-detail-dialog .stock-order-list-table tbody::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.stock-order-list-detail-dialog .stock-order-list-table tbody::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.stock-order-list-detail-dialog .stock-order-list-table tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.stock-order-list-detail-dialog .stock-order-list-table tbody tr:last-of-type > * {
  border-bottom: none;
}
.stock-order-list-detail-dialog .stock-order-list-table th,
.stock-order-list-detail-dialog .stock-order-list-table td {
  height: 38px;
  line-height: 38px;
  border-right: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}
.stock-order-list-detail-dialog .stock-order-list-table th:last-of-type,
.stock-order-list-detail-dialog .stock-order-list-table td:last-of-type {
  border-right: none;
}
.stock-order-list-detail-dialog .stock-order-list-table .border-bottom-none {
  border-bottom: none;
}
.stock-order-list-detail-dialog > .ej-grid {
  margin-top: 8px;
  height: 472px;
}
.stock-order-list-detail-dialog > .ej-grid .ej-grid-top-panel {
  border: 1px solid #E1E1E1;
  border-radius: 8px;
}
.stock-order-list-detail-dialog > .ej-grid .ej-grid-counter-panel {
  border: 1px solid #E1E1E1;
  border-bottom: none;
}
.stock-order-list-detail-dialog > .ej-grid .ej-grid-main-panel {
  border: 1px solid #E1E1E1;
  width: 1399px;
}
.stock-order-list-detail-dialog > .ej-grid .ej-grid-scrollbar-placeholder-row {
  background-color: transparent;
}
.stock-order-list-detail-dialog > .ej-grid .ej-filter-name {
  max-height: fit-content !important;
}
.stock-order-list-detail-dialog > .inputable .ej-grid-viewport .ej-grid-cell {
  height: 34px !important;
  line-height: 33px !important;
}
.stock-order-list-detail-dialog > .inputable input.ej-grid-cell-input {
  height: 34px;
  border-radius: 6px;
  border: 1px solid #D4D4D4 !important;
}
.stock-order-list-detail-dialog > .inputable .disable-input {
  pointer-events: none !important;
  user-select: none !important;
  background-color: #E1E1E1 !important;
  border: 1px solid #CCCCCC !important;
  color: #888888 !important;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.stock-temp-history-detail-modal {
  width: 1244px;
}
.stock-temp-history-detail-modal .temp-info {
  display: grid;
  grid-template-columns: 288px auto;
  row-gap: 10px;
  padding-bottom: 22px;
  border-bottom: 1px solid #E1E1E1;
}
.stock-temp-history-detail-modal .temp-info > dl {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.stock-temp-history-detail-modal .temp-info > dl > dt {
  background-color: #F6F6F6;
  padding: 4px 12px;
  border-radius: 8px;
  margin-right: 20px;
  height: 30px;
  width: 74px;
  text-align: center;
  color: #444444;
  font-size: 14px;
  font-weight: 500;
}
.stock-temp-history-detail-modal .temp-info > dl > dt:lang(jp) {
  font-size: 12px;
  line-height: 22px;
}
.stock-temp-history-detail-modal .temp-detail-list {
  width: 1243px;
  height: 480px;
}
.stock-temp-history-detail-modal .temp-detail-list.ej-grid .ej-grid-main-panel {
  border: 1px solid #D4D4D4;
}
.stock-temp-history-detail-modal .temp-detail-list.ej-grid .ej-grid-main-panel .ej-grid-viewport .ej-grid-body {
  overflow-x: hidden;
}
.stock-temp-history-detail-modal .temp-detail-list.ej-grid .ej-grid-bottom-panel {
  border: 1px solid #D4D4D4;
}

.stock-update-dialog {
  width: 427px;
}
.stock-update-dialog > .select-container {
  margin-bottom: 20px;
}
.stock-update-dialog > .select-container > b {
  width: 100px;
  margin-right: 24px;
}
.stock-update-dialog > .select-container > select {
  width: 303px;
}
.stock-update-dialog .counter {
  margin-bottom: 4px;
}
.stock-update-dialog .progress {
  position: relative;
}
.stock-update-dialog .progress .progress-text {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc(-428px / 2);
  height: 16px;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.store-detail-container {
  width: 484px;
}
.store-detail-container > fieldset .form-group {
  margin-bottom: 16px;
}
.store-detail-container > fieldset .form-group:last-of-type {
  margin-bottom: 0;
}
.store-detail-container > fieldset .form-group > label {
  width: 100px;
  height: 22px;
  font-weight: 700;
  align-self: flex-start;
  margin-top: 6px;
}
.store-detail-container > fieldset .form-group > input, .store-detail-container > fieldset .form-group > select {
  width: 360px;
  height: 34px;
}
.store-detail-container > fieldset .form-group > div {
  width: 360px;
}
.store-detail-container > fieldset .form-group > div > input:first-of-type {
  margin-bottom: 4px;
}
.store-detail-container > fieldset .form-group .number-input-container {
  display: flex;
  margin-bottom: 8px;
}
.store-detail-container > fieldset .form-group .number-input-container > input {
  width: 100px;
  margin-right: 8px;
  text-align: right;
}
.store-detail-container > fieldset .form-group .number-input-container > span {
  font-size: 14px;
  font-weight: 700;
  color: #181818;
  align-self: center;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.store-category-dialog .category-notice {
  width: 480px;
  height: 44px;
}
.store-category-dialog .category-notice > li {
  line-height: 22px;
}
.store-category-dialog .category-add-form {
  display: flex;
  flex-wrap: nowrap;
}
.store-category-dialog .category-add-form > input {
  width: 410px;
  height: 34px;
  margin-right: 8px;
}
.store-category-dialog .category-add-form > button {
  width: 62px;
}
.store-category-dialog table.category-table > tbody tr, .store-category-dialog table.category-table > thead tr {
  max-height: 38px;
  height: 38px;
}
.store-category-dialog table.category-table > tbody tr > td > div, .store-category-dialog table.category-table > thead tr > td > div,
.store-category-dialog table.category-table > tbody tr > th,
.store-category-dialog table.category-table > thead tr > th {
  max-height: 38px;
  height: 38px;
  padding: 8px 24px;
}
.store-category-dialog table.category-table {
  width: 480px;
  height: 235px;
  box-shadow: 0 0 0 1px #E1E1E1;
  overflow: hidden;
  border-radius: 8px;
  border-collapse: collapse;
  border-style: hidden;
}
.store-category-dialog table.category-table > tbody .modal-dialog .modal-content .modal-body, .modal-dialog .modal-content .store-category-dialog table.category-table > tbody .modal-body, .store-category-dialog table.category-table > tbody .merge-customer-dialog > table:first-of-type tbody, .merge-customer-dialog > table:first-of-type .store-category-dialog table.category-table > tbody tbody, .store-category-dialog table.category-table > tbody .notice-detail-modal .read-mode, .notice-detail-modal .store-category-dialog table.category-table > tbody .read-mode, .store-category-dialog table.category-table > tbody .fail-barcode-list-container .fail-barcode-list, .fail-barcode-list-container .store-category-dialog table.category-table > tbody .fail-barcode-list, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .phone_wrapper > textarea, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .send-form-select-wrapper > .list-group, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .sms-auto-text, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text, .store-category-dialog table.category-table > tbody .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.store-category-dialog table.category-table > tbody .modal-dialog .modal-content .modal-body::-webkit-scrollbar, .modal-dialog .modal-content .store-category-dialog table.category-table > tbody .modal-body::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type .store-category-dialog table.category-table > tbody tbody::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .notice-detail-modal .read-mode::-webkit-scrollbar, .notice-detail-modal .store-category-dialog table.category-table > tbody .read-mode::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .fail-barcode-list-container .store-category-dialog table.category-table > tbody .fail-barcode-list::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .phone_wrapper > textarea::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .send-form-select-wrapper > .list-group::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .sms-auto-text::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title::-webkit-scrollbar,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text::-webkit-scrollbar, .store-category-dialog table.category-table > tbody .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.store-category-dialog table.category-table > tbody .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .modal-dialog .modal-content .store-category-dialog table.category-table > tbody .modal-body::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type .store-category-dialog table.category-table > tbody tbody::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .notice-detail-modal .store-category-dialog table.category-table > tbody .read-mode::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .fail-barcode-list-container .store-category-dialog table.category-table > tbody .fail-barcode-list::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .phone_wrapper > textarea::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .sms-auto-text::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title::-webkit-scrollbar-thumb,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text::-webkit-scrollbar-thumb, .store-category-dialog table.category-table > tbody .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.store-category-dialog table.category-table > tbody .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .modal-dialog .modal-content .store-category-dialog table.category-table > tbody .modal-body::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type .store-category-dialog table.category-table > tbody tbody::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .notice-detail-modal .read-mode::-webkit-scrollbar-track, .notice-detail-modal .store-category-dialog table.category-table > tbody .read-mode::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .fail-barcode-list-container .store-category-dialog table.category-table > tbody .fail-barcode-list::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .phone_wrapper > textarea::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .store-category-dialog table.category-table > tbody .sms-auto-text::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-title::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .new-auto-content-text::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-title::-webkit-scrollbar-track,
.store-category-dialog table.category-table > tbody .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .store-category-dialog table.category-table > tbody .auto-text-content-text::-webkit-scrollbar-track, .store-category-dialog table.category-table > tbody .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}
.store-category-dialog table.category-table > tbody tr > td {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}
.store-category-dialog table.category-table > tbody tr > td > div {
  border-top: 1px solid #E1E1E1;
}
.store-category-dialog table.category-table > tbody tr > td > div > button {
  padding: 0;
  margin: 0;
  border: none;
  height: 18px;
  width: 18px;
}
.store-category-dialog table.category-table > tbody tr > td > div > button > i {
  width: 100%;
  height: 100%;
  font-size: 18px;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.store-select-dialog .toolbar {
  width: 500px;
  display: flex;
  justify-content: space-between;
}
.store-select-dialog .toolbar .input-show-from {
  font-weight: 700;
  color: #0D9564;
}
.store-select-dialog .toolbar .input-show-from .inline-container {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
}
.store-select-dialog .toolbar .input-show-from .inline-container .btn-menu {
  width: 148px;
  max-width: 148px !important;
  height: 34px !important;
  border: 1px solid #d4d4d4;
  justify-content: center;
  padding: 0 0 0 16px;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.store-select-dialog .toolbar .input-show-from .inline-container .btn-menu::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.store-select-dialog .toolbar .input-show-to {
  font-weight: 700;
  color: #CE9E2D;
  gap: 16px;
}
.store-select-dialog .toolbar .input-show-to .multiSelectWrap {
  width: 150px !important;
  display: inline-block;
}
.store-select-dialog .toolbar .input-show-to .inline-container {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
}
.store-select-dialog .toolbar .input-show-to .inline-container .btn-menu {
  width: 148px;
  max-width: 148px !important;
  height: 34px !important;
  border: 1px solid #d4d4d4;
  justify-content: center;
  padding: 0 0 0 16px;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.store-select-dialog .toolbar .input-show-to .inline-container .btn-menu::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 13px;
  color: #aaaaaa;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.store-select-dialog .toolbar .dropdown-toggle {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 17px !important;
}
.store-select-dialog .toolbar .dropdown-menu {
  width: 148px;
}
.store-select-dialog .toolbar .dropdown-menu .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-select-dialog .input-memo {
  font-weight: 700;
  color: #181818;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.store-select-dialog .input-memo > input {
  border-radius: 6px !important;
}

.add-terminal-dialog .form-group {
  margin-bottom: 16px;
}
.add-terminal-dialog .form-group:last-of-type {
  margin-bottom: 0;
}
.add-terminal-dialog .form-group > label {
  width: 100px;
  height: 22px;
  font-weight: 700;
}
.add-terminal-dialog .form-group > input, .add-terminal-dialog .form-group > select {
  width: 360px;
  height: 34px;
}
.add-terminal-dialog .form-group > div {
  width: 360px;
}
.add-terminal-dialog .form-group > div > input:first-of-type {
  margin-bottom: 4px;
}

.warehouse-making-modal {
  flex-direction: column;
  width: 484px;
}
.warehouse-making-modal > div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 16px;
}
.warehouse-making-modal > div:last-of-type {
  margin-bottom: 0;
}
.warehouse-making-modal > div > label {
  width: 100px;
  height: 22px;
  margin-right: 24px;
}
.warehouse-making-modal > div > input, .warehouse-making-modal > div select {
  width: 360px;
  height: 34px;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.edit-template-dialog {
  z-index: 1060 !important;
}
.edit-template-dialog .modal-dialog {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.edit-template-dialog .modal-dialog .modal-body {
  max-height: none;
}
.edit-template-dialog-body {
  width: 950px;
}
.edit-template-dialog-body .info-card {
  color: #737373;
  line-height: 20px;
  background-color: #F9F9F9;
  border: #D4D4D4 1px solid;
  border-radius: 8px;
  padding: 12px 16px;
}
.edit-template-dialog-body .label-config {
  display: flex;
  justify-content: space-between;
  height: 690px;
  margin-top: 20px;
}
.edit-template-dialog-body .label-config__form {
  width: 600px;
  overflow-y: auto;
  padding-right: 8px;
}
.edit-template-dialog-body .label-config__form::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.edit-template-dialog-body .label-config__form::-webkit-scrollbar-thumb {
  background-color: #D4D4D4;
  border-radius: 4px;
}
.edit-template-dialog-body .label-config__form::-webkit-scrollbar-track {
  background-color: transparent;
}
.edit-template-dialog-body .label-config__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.edit-template-dialog-body .label-config__header circle {
  fill: #3479FF;
}
.edit-template-dialog-body .label-config__body {
  padding-left: 18px;
}
.edit-template-dialog-body .label-config .form-control:focus {
  background-color: white;
}
.edit-template-dialog-body .label-config .form-check-label {
  display: flex;
  align-items: center;
}
.edit-template-dialog-body .label-config .form-check-label + .form-check-label {
  margin-left: 24px;
}
.edit-template-dialog-body .label-config .labeled-input {
  height: 34px;
  display: flex;
  align-items: center;
  border: 1px solid #D4D4D4;
  border-radius: 6px;
  margin-right: 16px;
  background: white;
}
.edit-template-dialog-body .label-config .labeled-input__title {
  height: 100%;
  padding: 6px 12px;
  display: inline-block;
  background-color: #F9F9F9;
  border-right: 1px solid #D4D4D4;
  border-radius: 6px 0px 0px 6px;
}
.edit-template-dialog-body .label-config .labeled-input input {
  border: none;
  outline: none;
  text-align: center;
  width: 42px;
  height: 22px;
  margin: 0px 8px 0px 12px;
}
.edit-template-dialog-body .label-config .labeled-input__unit {
  margin-right: 12px;
  color: #AAAAAA;
  font-size: 14px;
  font-weight: 400;
}
.edit-template-dialog-body .label-config__default-form .label-config__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edit-template-dialog-body .label-config__default-form .label-config__form-element-label {
  min-width: 92px;
  margin-right: 24px;
}
.edit-template-dialog-body .label-config__default-form .print-piece-select {
  width: 130px;
  margin-left: 16px;
}
.edit-template-dialog-body .label-config__form-element {
  height: 34px;
  display: flex;
  align-items: center;
}
.edit-template-dialog-body .label-config__form-element-label {
  font-size: 14px;
  font-weight: 700;
}
.edit-template-dialog-body .label-config__description {
  margin-bottom: 16px;
}
.edit-template-dialog-body .label-config__description-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 12px;
}
.edit-template-dialog-body .label-config__description-content {
  display: block;
  padding-left: 8px;
  color: #737373;
  font-size: 13px;
  font-weight: 400;
}
.edit-template-dialog-body .label-config__title {
  font-size: 15px;
  font-weight: 700;
}
.edit-template-dialog-body .label-config__displayed-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #D4D4D4;
  background: #F9F9F9;
  padding: 10px;
  margin-bottom: 24px;
}
.edit-template-dialog-body .label-config__toggle-chip {
  cursor: pointer;
  font-size: 13px;
  padding: 2px 8px;
  line-height: 20px;
  color: #737373;
  background: white;
  border-radius: 14px;
  border: 1px solid #AAAAAA;
}
.edit-template-dialog-body .label-config__toggle-chip.on {
  color: white;
  background: #5D94FF;
  border-color: #5D94FF;
}
.edit-template-dialog-body .label-config .disabledToggle {
  background: #D4D4D4;
  border: 1px solid #D4D4D4;
  color: #888888;
}
.edit-template-dialog-body .label-config__item-detail {
  min-height: 258px;
  display: flex;
  flex-direction: column;
  padding: 12px 24px;
  gap: 15px;
  background: #F9F9F9;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
}
.edit-template-dialog-body .label-config__detail-form-element {
  display: flex;
  align-items: center;
}
.edit-template-dialog-body .label-config__detail-form-element > div {
  flex-grow: 1;
}
.edit-template-dialog-body .label-config__detail-form-element > div .form-select {
  width: 273px;
}
.edit-template-dialog-body .label-config__detail-form-element > div .number-input {
  width: 115px;
  text-align: center;
}
.edit-template-dialog-body .label-config__detail-form-element .label-config__form-element-label {
  min-width: 110px;
  margin-right: 24px;
}
.edit-template-dialog-body .label-config__preview {
  width: 320px;
  position: relative;
  text-align: center;
}
.edit-template-dialog-body .label-config__preview-chip {
  padding: 4px 12px;
  color: #1193F2;
  border-radius: 8px;
  background-color: #DBEFFD;
  margin-bottom: 16px;
}
.edit-template-dialog-body .label-config__preview #barcodeCanvasContainer {
  border-radius: 8px;
  border: 1px solid #AAAAAA;
  background: #BBBBBB;
}
.edit-template-dialog-body .label-config__preview #barcodeGenerator {
  display: none;
}
.edit-template-dialog-body .label-config__canvas-zoom {
  position: absolute;
  right: 50%;
  bottom: 20px;
  padding: 8px 12px;
  background: white;
  border: 1px solid #BBBBBB;
  border-radius: 8px;
  transform: translate(50%, 0);
  display: flex;
  align-items: center;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range {
  width: 120px;
  height: 4px;
  margin: 0px 8px;
  appearance: none;
  background: linear-gradient(to right, #3479FF 0%, #3479FF 33%, #D4D4D4 33%, #D4D4D4 100%);
  border-radius: 4px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range:focus {
  outline: none;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border-radius: 4px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 18px;
  background: #3479FF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border-radius: 4px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 18px;
  background: #3479FF;
  cursor: pointer;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-ms-fill-lower {
  border-radius: 8px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-ms-fill-upper {
  border-radius: 8px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__range::-ms-thumb {
  margin-top: 1px;
  height: 12px;
  width: 12px;
  border-radius: 18px;
  background: #3479FF;
  cursor: pointer;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__btn {
  display: inline-block;
  width: 20px;
  color: #AAAAAA;
  cursor: pointer;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__btn.fa-plus {
  margin-right: 8px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__percentage {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #D4D4D4;
  border-radius: 6px;
}
.edit-template-dialog-body .label-config__canvas-zoom .canvas-zoom__percentage input {
  text-align: center;
  width: 30px;
  height: 22px;
  border: none;
  outline: none;
  margin-right: 8px;
}

.modal-dialog .modal-content .modal-body, .merge-customer-dialog > table:first-of-type tbody, .notice-detail-modal .read-mode, .fail-barcode-list-container .fail-barcode-list, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group, .sms-dialog .sms-main .sms-container > div .sms-auto-text, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text, .error-barcode {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar, .notice-detail-modal .read-mode::-webkit-scrollbar, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar, .error-barcode::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-thumb, .notice-detail-modal .read-mode::-webkit-scrollbar-thumb, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-thumb, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-thumb,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-thumb, .error-barcode::-webkit-scrollbar-thumb {
  height: 80px;
  background-color: #D4D4D4;
  border-radius: 4px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track, .merge-customer-dialog > table:first-of-type tbody::-webkit-scrollbar-track, .notice-detail-modal .read-mode::-webkit-scrollbar-track, .fail-barcode-list-container .fail-barcode-list::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .phone_wrapper > textarea::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .send-form-select-wrapper > .list-group::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text::-webkit-scrollbar-track, .sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > li > div > .form-group .auto-text-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .new-auto-content-text::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-title::-webkit-scrollbar-track,
.sms-dialog .sms-main .sms-container > div .sms-auto-text .auto-text-list > .new-auto-text > div > .form-group .auto-text-content-text::-webkit-scrollbar-track, .error-barcode::-webkit-scrollbar-track {
  background-color: transparent;
}

.barcode-template-manage-dialog {
  z-index: 1050 !important;
}
.barcode-template-manage-dialog .barcode-template-manage-dialog-body {
  width: 592px;
}
.barcode-template-manage-dialog .barcode-template-manage-dialog-body .info {
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #D4D4D4;
  background-color: #F9F9F9;
}
.barcode-template-manage-dialog .barcode-template-manage-dialog-body .info span {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #737373;
}
.barcode-template-manage-dialog .barcode-template-manage-dialog-body .barcode-template-list {
  height: 532px;
  margin-top: 20px;
  border-radius: 8px;
  border: 1px solid #D4D4D4;
}
.barcode-template-manage-dialog .barcode-template-manage-dialog-body .barcode-template-list .ej-grid-counter-panel {
  align-items: center;
}
.barcode-template-manage-dialog .barcode-template-manage-dialog-body .barcode-template-list .ej-grid-pane.unpinned .ej-grid-body .ej-grid-row .ej-grid-cell .default-chip {
  margin-left: 12px;
  padding: 0px 8px;
  border-radius: 14px;
  background-color: #F6F3FE;
  color: #8964F1;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.tooltip.default-template-msg {
  transform: translateY(-8px);
  z-index: 1050 !important;
}
.tooltip.default-template-msg.show {
  opacity: 1;
}
.tooltip.default-template-msg .tooltip-inner {
  padding: 8px 20px;
}

.barcode-product-search-modal {
  width: 1120px;
}
.barcode-product-search-modal .ej-grid {
  height: 600px;
}
.barcode-product-search-modal .ej-grid .ej-grid-top-panel {
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.barcode-product-search-modal .ej-grid .ej-grid-top-panel .ej-grid-filter-form .filter-form-group {
  flex-grow: 1;
  flex-basis: 70%;
}
.barcode-product-search-modal .ej-grid .ej-grid-main-panel {
  border: 1px solid #d4d4d4;
}
.barcode-product-search-modal .ej-grid .ej-grid-bottom-panel {
  border: 1px solid #d4d4d4;
}

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