body {
  height: 100%;
  background-color: #F5F5F5 !important;
}

.kasair-container {
  padding: 24px 40px 24px 40px;
  background-color: #FFFFFF;
}

.kasair-container-neutral-20 {
  padding: 24px 40px 24px 40px;
  background-color: #F5F5F5;
}

.background-primary-main {
  background: linear-gradient(180deg, #B62B8E 0%, #802F68 100%);
}

img.icon {
  width: 24px;
  height: 24px;
}

img.icon-sm {
  width: 16px;
  height: 16px;
}

img.icon-md {
  width: 18px;
  height: 18px;
}

.kasair-logo {
  width: 72px;
  height: 40px;
}

.text-heading-s {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 150%;
  /* 30px */
  letter-spacing: 0.03px;
}

.text-heading-m {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 24px;
  line-height: 150%;
  /* 30px */
  letter-spacing: 0.03px;
}

.text-heading-l {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 33px;
  line-height: 150%;
  /* 30px */
  letter-spacing: 0.083px;
}

.text-subtitle-1 {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 18px;
  line-height: 150%;
  /* 27px */
  letter-spacing: 0.027px;
}

.text-subtitle-1-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 18px;
  line-height: 150%;
  /* 27px */
  letter-spacing: 0.027px;
}

.text-subtitle-1-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 18px;
  line-height: 150%;
  /* 27px */
  letter-spacing: 0.027px;
}

.text-subtitle-2 {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.016px;
}

.text-subtitle-2-medium, .alert {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.016px;
}

.text-subtitle-2-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.016px;
}

.text-body-1, body {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.08px;
}

.text-body-1-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.08px;
}

.text-body-1-bold, table.kasair-table th {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.08px;
}

.text-body-2, label {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 14px;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.035px;
}

.text-body-2-medium, .dataTables_wrapper .pagination .paginate_button.next .page-link, .dataTables_wrapper .pagination .paginate_button .page-link, .dataTables_wrapper .pagination .paginate_button.previous .page-link, table.kasair-table td, input.kasair-input-neutral-20, input.kasair-input-neutral-20-append,
textarea.kasair-input-neutral-20, .kasair-input-modal-neutral-10, .kasair-input-select-neutral-10-prepend, .kasair-input-select-neutral-10-append, .kasair-input-select-neutral-10, .kasair-input-select-neutral-20-prepend, .kasair-input-select-neutral-20-append, .kasair-input-select-neutral-20, input.kasair-input-neutral-10, input.kasair-input-neutral-10-filter-date-prepend, input.kasair-input-neutral-10-filter-date-append, input.kasair-input-neutral-10-prepend, input.kasair-input-neutral-10-append,
textarea.kasair-input-neutral-10, .text-body-2-medium-primary-main {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 14px;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.035px;
}

.text-body-2-medium-primary-main {
  color: #e59200;
}

.text-body-2-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 14px;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.035px;
}

.text-body-3 {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 12px;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.03px;
}

.text-body-3-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 12px;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.03px;
}

.text-body-3-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 12px;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.03px;
}

.text-button-l {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.2px;
}

.text-button-l-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.2px;
}

.text-button-l-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.2px;
}

.text-button {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 13px;
  line-height: 150%;
  /* 19.5px */
  letter-spacing: 0.163px;
}

.text-button-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 13px;
  line-height: 150%;
  /* 19.5px */
  letter-spacing: 0.163px;
}

.text-button-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 13px;
  line-height: 150%;
  /* 19.5px */
  letter-spacing: 0.163px;
}

.text-button-s {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 11px;
  line-height: 150%;
  /* 16.5px */
  letter-spacing: 0.138px;
}

.text-button-s-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 11px;
  line-height: 150%;
  /* 16.5px */
  letter-spacing: 0.138px;
}

.text-button-s-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 11px;
  line-height: 150%;
  /* 16.5px */
  letter-spacing: 0.138px;
}

.text-caption {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 12px;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.048px;
}

.text-caption-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 12px;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.048px;
}

.text-caption-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 12px;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.048px;
}

.text-caption-s {
  color: #404040;
  font-family: "Satoshi-Regular";
  font-size: 10px;
  line-height: 150%;
  /* 15px */
  letter-spacing: 0.06px;
}

.text-caption-s-medium {
  color: #404040;
  font-family: "Satoshi-Medium";
  font-size: 10px;
  line-height: 150%;
  /* 15px */
  letter-spacing: 0.06px;
}

.text-caption-s-bold {
  color: #404040;
  font-family: "Satoshi-Bold";
  font-size: 10px;
  line-height: 150%;
  /* 15px */
  letter-spacing: 0.06px;
}

.select2-container .select2-selection--single {
  height: 47px !important;
}

.bg-primary-main {
  background-color: #e59200;
}

.bg-primary-surface {
  background-color: #fff5de;
}

.bg-neutral-10, .bg-append-neutral-10-filter-date, .bg-prepend-neutral-10, .bg-append-neutral-10 {
  background-color: #FFFFFF;
}

.bg-append-neutral-10 {
  border: 1px solid #E0E0E0;
  border-left: none;
  border-radius: 0 8px 8px 0;
}

.bg-prepend-neutral-10 {
  border: 1px solid #E0E0E0;
  border-right: none;
  border-radius: 8px 0 0 8px;
}

.bg-append-neutral-10-filter-date {
  border-left: none;
  border-right: none;
}

.bg-connector-filter-date {
  background-color: #FFFFFF;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.dropdown-list-order.dropdown-toggle::after {
  display: none !important;
}

.dropdown-menu.show {
  border-radius: 8px !important;
  margin-top: 8px;
}

.dropdown-item.list-option:active {
  background-color: transparent !important;
  color: #e59200;
}

.text-neutral-10 {
  color: #FFFFFF;
}

.text-neutral-30 {
  color: #EDEDED !important;
}

.text-neutral-50 {
  color: #C2C2C2;
}

.text-neutral-70 {
  color: #757575;
}

.text-neutral-90 {
  color: #404040;
}

.text-success-main {
  color: #5CB489;
}

.text-primary-main {
  color: #e59200;
}

.text-danger-main {
  color: #CB3A31;
}

.text-blue-main {
  color: #2B7CB6;
}

.alert {
  border-radius: 8px;
}

.alert.alert-danger {
  border: none;
  background-color: #FFF4F2;
}

.alert.alert-primary-surface {
  background: #fff5de;
  color: #e59200 !important;
}

.swal2-confirm.swal2-styled {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #e59200;
  border-radius: 8px;
}

.swal2-confirm.swal2-styled:focus {
  box-shadow: 0 0 0 0 #E0E0E0;
  border: 1px solid #E0E0E0;
}

.swal2-cancel.swal2-styled {
  color: #e59200;
  transition: all ease-in-out 300ms;
  background-color: #fff5de;
  border-radius: 8px;
}

.swal2-cancel.swal2-styled:focus {
  box-shadow: 0 0 0 0 #E0E0E0;
  border: 1px solid #E0E0E0;
}

.btn-neutral {
  transition: all ease-in-out 300ms;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 8px;
}

.btn-neutral:hover {
  background-color: #E0E0E0;
  border-radius: 8px;
}

.btn-neutral:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #9E9E9E;
}

.btn-neutral-10 {
  transition: all ease-in-out 300ms;
  background-color: #FFFFFF;
  border-radius: 8px;
}

.btn-neutral-10:hover {
  background-color: #E0E0E0;
  border-radius: 8px;
}

.btn-neutral-10:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #9E9E9E;
}

.btn-neutral-20 {
  transition: all ease-in-out 300ms;
  background-color: #F5F5F5;
  border-radius: 8px;
}

.btn-neutral-20:hover {
  background-color: #E0E0E0;
  border-radius: 8px;
}

.btn-neutral-20:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #9E9E9E;
}

.btn-neutral-30 {
  transition: all ease-in-out 300ms;
  background-color: #EDEDED;
  border-radius: 8px;
}

.btn-neutral-30:hover {
  background-color: #E0E0E0;
  border-radius: 8px;
}

.btn-neutral-30:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #9E9E9E;
}

.btn-success-main {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #5CB489;
  border-radius: 8px;
}

.btn-success-main:hover {
  opacity: 0.7;
  border-radius: 8px;
}

.btn-success-main:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #B8DBCA;
}

.btn-switch {
  background-color: #EDEDED;
  border-color: #EDEDED;
  color: #757575;
  transition: all ease-in-out 0.3s;
}

.btn-switch.active {
  background-color: #e59200;
  border-color: #e59200;
  color: #FFFFFF;
}

.btn-switch:focus,
.btn-switch.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #FFD699 !important;
}

.btn-blue-main {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #2B7CB6;
  border-radius: 8px;
}

.btn-blue-main:hover {
  opacity: 0.7;
  border-radius: 8px;
}

.btn-blue-main:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #8ad6ff;
}

.btn-blue-surface {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #EAF4FF;
  border-radius: 8px;
}

.btn-blue-surface:hover {
  opacity: 0.7;
  border-radius: 8px;
}

.btn-blue-surface:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #8ad6ff;
}

.btn-primary-main {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #e59200;
  border-radius: 8px;
}

.btn-primary-main:hover {
  opacity: 0.7;
  color: #FFFFFF;
  border-radius: 8px;
}

.btn-primary-main:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #FFD699;
}

.btn-primary-surface, .btn-primary-surface.disabled {
  color: #e59200;
  transition: all ease-in-out 300ms;
  background-color: #fff5de;
  border-radius: 8px;
}

.btn-primary-surface:hover {
  opacity: 0.7;
  color: #e59200;
  border-radius: 8px;
}

.btn-primary-surface:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #FFD699;
}

.btn-primary-surface.disabled {
  opacity: 0.7;
}

.btn-danger-main {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #CB3A31;
  border-radius: 8px;
}

.btn-danger-main:hover {
  opacity: 0.7;
  border-radius: 8px;
}

.btn-danger-main:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #EEB4B0;
}

.btn-danger-surface {
  color: #CB3A31;
  transition: all ease-in-out 300ms;
  background-color: #FFF4F2;
  border-radius: 8px;
}

.btn-danger-surface:hover {
  opacity: 0.7;
  border-radius: 8px;
}

.btn-danger-surface:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #EEB4B0;
}

.btn-success-main {
  color: #FFFFFF;
  transition: all ease-in-out 300ms;
  background-color: #5CB489;
  border-radius: 8px;
}

.btn-success-main:hover {
  opacity: 0.7;
  color: #FFFFFF;
  border-radius: 8px;
}

.btn-success-main:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #B8DBCA;
}

.btn-success-surface {
  color: #5CB489;
  transition: all ease-in-out 300ms;
  background-color: #EEFFF6;
  border-radius: 8px;
}

.btn-success-surface:hover {
  opacity: 0.7;
  color: #5CB489;
  border-radius: 8px;
}

.btn-success-surface:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #B8DBCA;
}

.btn-selected-primary-main {
  color: #e59200;
  background: #FFFFFF;
  border: 2px solid #e59200 !important;
  transition: all ease-in-out 0.3s;
}

.btn-selected-primary-main:hover {
  color: #FFFFFF !important;
  background-color: #e59200 !important;
  border-color: #e59200 !important;
}

.btn-selected-primary-main:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #FFD699;
}

.btn-box {
  min-width: 56px;
  min-height: 56px;
}

.selected-nav-primary-main > .active {
  color: #FFFFFF;
  background: #e59200;
}

.nav-tabs .nav-link.active {
  color: #e59200 !important;
  border: none;
  border-bottom: 2px solid #e59200 !important;
  background-color: none !important;
}

.nav-tabs .nav-link:hover {
  color: #e59200 !important;
  border-bottom: 2px solid #e59200 !important;
  background-color: none !important;
}

.nav-tabs .nav-link {
  color: #9E9E9E !important;
  cursor: pointer;
  border: none !important;
}

label {
  margin-bottom: 8px;
}

input.kasair-input-neutral-10, input.kasair-input-neutral-10-filter-date-prepend, input.kasair-input-neutral-10-filter-date-append, input.kasair-input-neutral-10-prepend, input.kasair-input-neutral-10-append,
textarea.kasair-input-neutral-10 {
  width: 100%;
  outline: none;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
}

.kasair-input-select-neutral-20 {
  width: 100%;
  outline: none;
  border: none;
  background-color: #F5F5F5;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
}

.kasair-input-select-neutral-20-append {
  width: 100%;
  outline: none;
  border: none;
  background-color: #F5F5F5;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
  border-right: none !important;
}

.kasair-input-select-neutral-20-prepend {
  width: 100%;
  outline: none;
  border: none;
  background-color: #F5F5F5;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
  border-left: none !important;
}

.kasair-input-select-neutral-10 {
  width: 100%;
  outline: none;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
}

.kasair-input-select-neutral-10-append {
  width: 100%;
  outline: none;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
  border-right: none !important;
}

.kasair-input-select-neutral-10-prepend {
  width: 100%;
  outline: none;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
  border-left: none !important;
}

.kasair-input-modal-neutral-10 {
  width: 100%;
  outline: none;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  padding: 12px 12px 12px 12px;
  border-radius: 8px;
  height: 47px !important;
}

input.kasair-input-neutral-10:disabled, input.kasair-input-neutral-10-filter-date-prepend:disabled, input.kasair-input-neutral-10-filter-date-append:disabled, input.kasair-input-neutral-10-prepend:disabled, input.kasair-input-neutral-10-append:disabled,
textarea.kasair-input-neutral-10:disabled {
  background-color: #C2C2C2 !important;
}

input.kasair-input-neutral-10:readonly, input.kasair-input-neutral-10-filter-date-prepend:readonly, input.kasair-input-neutral-10-filter-date-append:readonly, input.kasair-input-neutral-10-prepend:readonly, input.kasair-input-neutral-10-append:readonly,
textarea.kasair-input-neutral-10:readonly {
  background-color: #C2C2C2 !important;
}

input.kasair-input-neutral-10-append {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
  border-radius: 8px 0 0 8px;
  border-right: none !important;
}

input.kasair-input-neutral-10-prepend {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
  border-radius: 0 8px 8px 0;
  border-left: none !important;
}

input.kasair-input-neutral-10-filter-date-append {
  width: 30%;
  border-radius: 8px 0 0 8px !important;
}

input.kasair-input-neutral-10-filter-date-prepend {
  width: 30%;
  border-radius: 0 8px 8px 0;
  border-left: none;
}

input.kasair-input-neutral-20, input.kasair-input-neutral-20-append,
textarea.kasair-input-neutral-20 {
  width: 100%;
  outline: none;
  border: none;
  background-color: #F5F5F5;
  padding: 12px 12px 12px 12px;
  border-radius: 6px;
}

input.kasair-input-neutral-20-append {
  width: 80%;
}

table.kasair-table {
  border: 1px solid #EDEDED;
  border-radius: 8px;
}

table.kasair-table th {
  border: none;
  padding: 12px;
  background-color: #EDEDED;
}

table.kasair-table th:first-child {
  border-top-left-radius: 8px;
}

table.kasair-table th:last-child {
  border-top-right-radius: 8px;
}

table.kasair-table td {
  border: none;
  min-height: 32px;
  padding: 12px;
}

.dataTables_wrapper .pagination {
  justify-content: center !important;
}

.dataTables_wrapper .pagination .paginate_button {
  transition: all ease-in-out 300ms;
}

.dataTables_wrapper .pagination .paginate_button.previous .page-link {
  border: none;
  border-radius: 8px !important;
  background-color: #EDEDED !important;
  color: #404040 !important;
}

.dataTables_wrapper .pagination .paginate_button.previous:hover {
  opacity: 0.7;
}

.dataTables_wrapper .pagination .paginate_button .page-link {
  transition: all ease-in-out 300ms;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 8px !important;
  background-color: #EDEDED !important;
  color: #404040 !important;
}

.dataTables_wrapper .pagination .paginate_button .page-link:hover {
  opacity: 0.7;
}

.dataTables_wrapper .pagination .paginate_button .page-link:focus {
  box-shadow: 0 0 0 0.2rem #FFD699;
}

.dataTables_wrapper .pagination .paginate_button.active .page-link {
  background-color: #e59200 !important;
  color: #FFFFFF !important;
}

.dataTables_wrapper .pagination .paginate_button.next .page-link {
  border: none;
  border-radius: 8px !important;
  background-color: #EDEDED !important;
  color: #404040 !important;
}

.dataTables_wrapper .pagination .paginate_button.next:hover {
  opacity: 0.7;
}

.h-56 {
  height: 56px !important;
}

.h-44, .swal2-confirm.swal2-styled, .swal2-cancel.swal2-styled, .btn-neutral-10, .btn-neutral-20, .btn-neutral-30, .btn-success-main, .btn-blue-main, .btn-blue-surface, .btn-primary-main, .btn-primary-surface, .btn-primary-surface.disabled, .btn-danger-main, .btn-danger-surface, .btn-success-surface {
  height: 44px;
}

.h-47 {
  height: 47px;
}

.h-36 {
  height: 36px;
}

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

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-10, .dataTables_wrapper .pagination .paginate_button.next .page-link {
  margin-left: 10px;
}

.mr-10, .dataTables_wrapper .pagination .paginate_button.previous .page-link {
  margin-right: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

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

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

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mr-16 {
  margin-right: 16px;
}

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

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

.mr-24 {
  margin-right: 24px;
}

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

.mb-24, .form-group {
  margin-bottom: 24px;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.px-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pr-24 {
  padding-right: 24px !important;
}

.px-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p-12 {
  padding: 12px;
}

.p-8 {
  padding: 8px !important;
}

.p-16 {
  padding: 16px !important;
}

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

.border-top-radius {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.border-left-radius {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.border-neutral-40 {
  border: 1px solid #E0E0E0 !important;
  border-radius: 8px !important;
}

.border-top-neutral-30 {
  border-top: 1px solid #EDEDED !important;
}

.border-bottom-neutral-40 {
  border-bottom: 1px solid #E0E0E0;
}

.input-date-filter {
  background-color: #FFFFFF !important;
  cursor: pointer;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
  min-height: 45px;
  box-shadow: none;
}

.input-date-filter:focus {
  box-shadow: none;
  border: 1px solid var(--neutral-40, #e0e0e0);
}

.choose-date-icon-report {
  border-radius: 8px;
  background-color: white;
  cursor: pointer;
}

.img-auth-splash {
  z-index: 999;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.pulse-member-get-member {
  animation: pulse-member-get-member 1.5s infinite;
}

@keyframes pulse-member-get-member {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  70% {
    box-shadow: #FFD699 0px 1px 2px 0px, #FFD699 0px 2px 6px 4px;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}/*# sourceMappingURL=theme.css.map */