.fs-10 {
  font-size: 0.7142857143em;
}

.fs-11 {
  font-size: 0.7857142857em;
}

.fs-12, #import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-icon span i, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box .auth-review-user .auth-review-user-info .auth-review-position, .d-checkbox .d-checkbox-ui .d-checkbox-tick i, #d-toast .d-toast-icon, .d-input-badge {
  font-size: 0.8571428571em;
}

.fs-13, #d-hitung-tkdn-empty #d-hitung-tkdn-empty-action .d-btn {
  font-size: 0.9285714286em;
}

.fs-13-5, .d-filter-wrapper .d-form-group .form-control, .d-filter-wrapper .d-form-group .input-group-button, .select2-results__option {
  font-size: 0.9642857143em;
}

.fs-14, #authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-img .d-profile-pic-empty, #authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-img .d-profile-pic-empty, .d-form-group .form-control, .d-badge {
  font-size: 14px;
}

.fs-16, .d-form-two-column-wrapper .d-form-two-column .d-form-tc-left h6, #import-master-modal .d-upload-wrapper .d-upload-form-text h6, #import-master-modal .d-upload-wrapper .d-upload-list-item-text h6, #rekapitulasi-wrapper .rekap-two-col-header p, .d-header-wrapper .d-header-info p, #authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-item span, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box p, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description p, #auth-wrapper .d-auth-wrapper .d-auth-box p, .d-text-group .form-text, .d-back-link span, .d-form-wrapper .d-inner-form-section h6 {
  font-size: 1.1428571429em;
}

.fs-18, .d-profile-pic-empty, .d-sc-wrapper .d-sc-header .d-sc-header-title, .d-sc-wrapper .d-sc-header .d-sc-header-title-form, .d-subtitle, .d-form-wrapper h3, .d-card .d-card-body .d-card-title {
  font-size: 1.2857142857em;
}

.fs-20, #step-header-wrapper .d-header-info h5, #d-toast .d-toast-close button, .d-modal .modal-header .modal-title, .d-modal .modal-header .close {
  font-size: 1.4285714286em;
}

.fs-24, .dashboard-box-total-wrapper .dashboard-bt-item h6, #rekapitulasi-wrapper .rekap-two-col-header h3, .d-header-wrapper .d-header-info h5, .d-modal .modal-body .modal-body-title {
  font-size: 1.7142857143em;
}

.fs-36, .dashboard-summary-wrapper .dashboard-summary h3, #auth-wrapper .d-auth-wrapper .d-auth-box h1 {
  font-size: 2.5714285714em;
}

.fs-48, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description h1 {
  font-size: 3.4285714286em;
}

@media screen and (max-width: 767px) {
  .fs-16, .d-form-two-column-wrapper .d-form-two-column .d-form-tc-left h6, #import-master-modal .d-upload-wrapper .d-upload-form-text h6, #import-master-modal .d-upload-wrapper .d-upload-list-item-text h6, #rekapitulasi-wrapper .rekap-two-col-header p, .d-header-wrapper .d-header-info p, #authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-item span, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box p, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description p, #auth-wrapper .d-auth-wrapper .d-auth-box p, .d-text-group .form-text, .d-back-link span, .d-form-wrapper .d-inner-form-section h6 {
    font-size: 14px;
  }
  .fs-18, .d-profile-pic-empty, .d-sc-wrapper .d-sc-header .d-sc-header-title, .d-sc-wrapper .d-sc-header .d-sc-header-title-form, .d-subtitle, .d-form-wrapper h3, .d-card .d-card-body .d-card-title {
    font-size: 1.1428571429em;
  }
  .fs-20, #step-header-wrapper .d-header-info h5, #d-toast .d-toast-close button, .d-modal .modal-header .modal-title, .d-modal .modal-header .close {
    font-size: 1.2857142857em;
  }
  .fs-24, .dashboard-box-total-wrapper .dashboard-bt-item h6, #rekapitulasi-wrapper .rekap-two-col-header h3, .d-header-wrapper .d-header-info h5, .d-modal .modal-body .modal-body-title {
    font-size: 1.4285714286em;
  }
  .fs-36, .dashboard-summary-wrapper .dashboard-summary h3, #auth-wrapper .d-auth-wrapper .d-auth-box h1 {
    font-size: 1.5714285714em;
  }
  .fs-48, #auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description h1 {
    font-size: 1.7142857143em;
  }
}
html, body {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #475367;
}

body {
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.gap-10 {
  gap: 10px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-120 {
  padding-bottom: 120px;
}

@media screen and (max-width: 991px) {
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
}
.mb-15 {
  margin-bottom: 15px;
}

.bg-white {
  background-color: #FFFFFF;
}

.border-top {
  border-color: 1px solid #E4E7EC !important;
}

.border-bottom {
  border-bottom: 1px solid #E4E7EC !important;
}

@media screen and (max-width: 767px) {
  .mb-xs-15 {
    margin-bottom: 15px !important;
  }
}
.flex-grow-1 {
  flex-grow: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.small-row-column {
  margin-left: -11px;
  margin-right: -11px;
}
.small-row-column [class*=col] {
  padding-left: 11px;
  padding-right: 11px;
}

.d-btn {
  color: #344054 !important;
  background-color: #FFFFFF;
  border: 1px solid #D0D5DD;
  border-radius: var(--radius);
  padding: 8px 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.d-btn:hover {
  filter: brightness(0.8);
  background-color: rgba(0, 0, 0, 0.075) !important;
}
.d-btn.warning {
  border-color: #5CC7FF !important;
  background-color: #5CC7FF !important;
  color: #000000 !important;
}
.d-btn.outline-warning {
  border: 1.5px solid #5CC7FF !important;
  background-color: #FFFFFF !important;
  color: #5CC7FF !important;
}
.d-btn.outline-info {
  border: 1.5px solid #5CC7FF !important;
  background-color: #FFFFFF !important;
  color: #5CC7FF !important;
}
.d-btn.big {
  padding: 12.5px 24px;
}
.d-btn img {
  width: unset;
  height: 12px;
  object-fit: contain;
}
.d-btn span {
  flex-grow: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .d-btn.big {
    padding: 8px 24px;
  }
}

.d-btn-sm-action {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-color: #F0F2F5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10.5px;
  border-radius: 50%;
  outline: none !important;
  box-shadow: none !important;
}
.d-btn-sm-action:hover {
  filter: brightness(0.8);
}
.d-btn-sm-action img {
  max-width: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .d-btn-sm-action {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 8px;
  }
}

.d-alert-box {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  padding: 20px 18px;
  border: 1px solid #E4E7EC;
  border-left: 6px solid #E4E7EC;
  border-radius: 4px;
}
.d-alert-box.small-padding {
  padding: 12px 16px;
}
.d-alert-box .d-alert-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px solid #E4E7EC;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-alert-box .d-alert-icon img {
  width: 16px;
  object-fit: contain;
}
.d-alert-box .d-alert-content {
  flex-grow: 1;
}
.d-alert-box .d-alert-content b {
  color: #101928;
}
.d-alert-box.info {
  border-left-color: #0D5EBA;
}
.d-alert-box.info .d-alert-icon {
  border-color: #C6DDF7;
  background-color: #E3EFFC;
}
.d-alert-box.warning {
  border-left-color: #5CC7FF;
}
.d-alert-box.info-text {
  padding: 12px 16px;
}
.d-alert-box.info-text .d-alert-icon {
  border: 0;
  width: unset;
  height: unset;
}
.d-alert-box.info-text .d-alert-icon img {
  width: 18px;
  min-width: 18px;
}
.d-alert-box.info-text .d-alert-content p {
  line-height: 1;
  padding-top: 1.5px;
}
@media screen and (max-width: 767px) {
  .d-alert-box {
    align-items: flex-start;
    padding: 12px;
  }
  .d-alert-box .d-alert-icon {
    margin-top: 5px;
  }
  .d-alert-box .d-alert-icon.d-alert-icon-img {
    min-width: 18px;
  }
  .d-alert-box.info-text {
    padding: 12px;
  }
}

.d-card {
  border: 1px solid #E4E7EC;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.d-card .d-card-content {
  padding: 24px;
  flex-grow: 1;
}
.d-card .d-card-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  text-align: center;
  border-radius: 12px;
  font-size: 14px;
  padding: 2px 12px;
  font-weight: 500;
  color: #101928;
}
.d-card .d-card-badge.warning {
  background-color: #5CC7FF;
}
.d-card .d-card-image {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 16px;
}
.d-card .d-card-image img {
  width: 100%;
  height: 157px;
  object-fit: cover;
  object-position: center;
}
.d-card .d-card-body {
  flex-grow: 1;
}
.d-card .d-card-body .d-card-title {
  font-weight: 600;
  color: #101928;
}
.d-card .d-card-footer {
  padding: 16px 24px;
  border-top: 1px solid #E4E7EC;
}

.d-badge {
  font-weight: 500;
  border-radius: 12px;
  padding: 2px 12px;
  display: inline-block;
}
.d-badge.warning {
  background-color: #5CC7FF;
  color: #93c5fd;
}
.d-badge.info {
  background-color: #E3EFFC;
  color: #04326B;
}
.d-badge.success {
  background-color: #E7F6EC;
  color: #036B26;
}
.d-badge.danger {
  background-color: #FBEAE9;
  color: #9E0A05;
}

.d-input-badge {
  border-radius: 12px;
  padding: 6px 12px;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
}
.d-input-badge .d-input-badge-icon {
  font-size: 6.5px;
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-input-badge .d-input-badge-text {
  font-weight: 500;
}
.d-input-badge.success {
  background-color: #E7F6EC;
  color: #0F973D;
}
.d-input-badge.success .d-input-badge-icon {
  background-color: #0F973D;
}
.d-input-badge.danger {
  background-color: #fef2f2;
  color: #ef4444;
}
.d-input-badge.danger .d-input-badge-icon {
  background-color: #ef4444;
}
@media screen and (max-width: 767px) {
  .d-input-badge {
    align-items: flex-start;
  }
  .d-input-badge .d-input-badge-icon {
    margin-top: 2.5px;
  }
}

#d-backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7490196078);
  z-index: 200;
  transition: all 0.5s ease-in-out;
  backdrop-filter: blur(2px);
  cursor: pointer;
}
#d-backdrop.sidebar-backdrop {
  z-index: 180;
}

.modal-backdrop.show {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7490196078);
}

.step-main-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.d-step-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.d-step-wrapper .d-step {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}
.d-step-wrapper .d-step .d-step-item {
  z-index: 2;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: auto;
}
.d-step-wrapper .d-step .d-step-item:after {
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  content: "\f054";
  font: var(--fa-font-solid);
  color: #667185;
}
.d-step-wrapper .d-step .d-step-item button {
  position: relative;
  display: block;
  white-space: nowrap;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #D0D5DD;
  border-radius: var(--radius);
  background-color: #F0F2F5;
  padding: 8px 12px;
  color: #344054;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.d-step-wrapper .d-step .d-step-item:first-child {
  padding-left: 0;
  padding-right: 16px;
}
.d-step-wrapper .d-step .d-step-item:not(:first-child) {
  padding-left: 16px;
  padding-right: 16px;
}
.d-step-wrapper .d-step .d-step-item:last-child {
  padding-left: 16px;
  padding-right: 0;
}
.d-step-wrapper .d-step .d-step-item:last-child::after {
  display: none;
}
.d-step-wrapper .d-step .d-step-item.active button, .d-step-wrapper .d-step .d-step-item.done button {
  background-color: #FBFFE7;
  border-color: #5CC7FF;
  color: #101928;
}
.d-step-wrapper .d-step .d-step-item.done button {
  padding-left: 35px;
}
.d-step-wrapper .d-step .d-step-item.done button:before {
  font-size: 0.9642857143em !important;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  content: "\f058";
  font: var(--fa-font-regular);
  color: #101928;
}
.d-step-wrapper .d-step-next, .d-step-wrapper .d-step-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 34px;
  z-index: 5;
  color: #101928;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.d-step-wrapper .d-step-next[aria-disabled=true], .d-step-wrapper .d-step-prev[aria-disabled=true] {
  display: none;
}
.d-step-wrapper .d-step-prev {
  left: 0;
  padding: 0 10px 0 5px;
  background-image: linear-gradient(to right, rgb(255, 255, 255) 28%, rgba(255, 255, 255, 0));
}
.d-step-wrapper .d-step-next {
  right: 0;
  padding: 0 5px 0 10px;
  background-image: linear-gradient(to left, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0));
}
@media screen and (max-width: 767px) {
  .d-step-wrapper .d-step .d-step-item button {
    font-size: 0.9642857143em;
    padding: 6px 8px;
  }
}

.d-step-content-wrapper {
  display: none;
}
.d-step-content-wrapper.active {
  display: block;
}

.d-form-group {
  display: block;
  width: 100%;
}
.d-form-group.inline-form {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}
.d-form-group.inline-form label {
  margin-bottom: 0 !important;
}
.d-form-group label {
  font-weight: 500;
  color: #101928;
  margin-bottom: 5px;
  display: block;
}
.d-form-group .form-control {
  border: 1px solid #D0D5DD;
  border-radius: var(--radius);
  padding: 12px 16px;
  background-color: #FFFFFF;
  outline: none;
  box-shadow: none;
  caret-color: #B6D8FF;
  display: block;
  color: #344054;
  line-height: normal;
  min-height: 44px;
}
.d-form-group .form-control::placeholder {
  color: #98A2B3;
}
.d-form-group .form-control[placeholder] {
  text-overflow: ellipsis;
}
.d-form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-overflow: ellipsis;
}
.d-form-group .form-control::-moz-placeholder { /* Firefox 19+ */
  text-overflow: ellipsis;
}
.d-form-group .form-control:-ms-input-placeholder { /* IE 10+ */
  text-overflow: ellipsis;
}
.d-form-group .form-control:-moz-placeholder { /* Firefox 18- */
  text-overflow: ellipsis;
}
.d-form-group .form-control:active, .d-form-group .form-control:focus {
  border-color: #5CC7FF !important;
}
.d-form-group .form-control:disabled, .d-form-group .form-control:read-only {
  background-color: #F0F2F5 !important;
  border-color: #D0D5DD !important;
  color: #98A2B3 !important;
}
.d-form-group .input-group .form-control,
.d-form-group .input-group .input-group-text,
.d-form-group .input-group .input-group-button {
  transition: all 0.1s;
}
.d-form-group .input-group .input-group-text, .d-form-group .input-group .input-group-button {
  padding: 12px 16px;
  display: flex;
  align-items: center;
}
.d-form-group .input-group .input-group-text img, .d-form-group .input-group .input-group-button img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.d-form-group .input-group .input-group-text {
  border: 1px solid #D0D5DD;
  background-color: #FFFFFF;
}
.d-form-group .input-group .input-group-button {
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #D0D5DD;
  background-color: #FFFFFF;
}
.d-form-group .input-group.input-group-left .input-group-prepend {
  order: 1;
}
.d-form-group .input-group.input-group-left .input-group-prepend .input-group-text,
.d-form-group .input-group.input-group-left .input-group-prepend .input-group-button {
  border-top-left-radius: var(--radius) !important;
  border-bottom-left-radius: var(--radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 2.5px !important;
  border-right: 0 !important;
}
.d-form-group .input-group.input-group-left .form-control {
  order: 2;
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--radius) !important;
  border-bottom-right-radius: var(--radius) !important;
  padding-left: 10px;
}
.d-form-group .input-group.input-group-right .input-group-prepend {
  order: 2;
}
.d-form-group .input-group.input-group-right .input-group-prepend .input-group-text,
.d-form-group .input-group.input-group-right .input-group-prepend .input-group-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--radius) !important;
  border-bottom-right-radius: var(--radius) !important;
  padding-left: 2.5px !important;
  border-left: 0 !important;
}
.d-form-group .input-group.input-group-right .form-control {
  order: 1;
  border-right: 0 !important;
  border-top-left-radius: var(--radius) !important;
  border-bottom-left-radius: var(--radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 10px;
}
.d-form-group .input-group.input-group-both .first-group-prepend {
  order: 1;
}
.d-form-group .input-group.input-group-both .second-group-prepend {
  order: 3;
}
.d-form-group .input-group.input-group-both .input-group-prepend.first-group-prepend .input-group-text,
.d-form-group .input-group.input-group-both .input-group-prepend.first-group-prepend .input-group-button {
  border-top-left-radius: var(--radius) !important;
  border-bottom-left-radius: var(--radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 2.5px !important;
  border-right: 0 !important;
}
.d-form-group .input-group.input-group-both .input-group-prepend.second-group-prepend .input-group-text,
.d-form-group .input-group.input-group-both .input-group-prepend.second-group-prepend .input-group-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--radius) !important;
  border-bottom-right-radius: var(--radius) !important;
  padding-left: 2.5px !important;
  border-left: 0 !important;
}
.d-form-group .input-group.input-group-both .form-control {
  order: 2;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.d-form-group .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
.d-form-group .input-group .form-control:focus ~ .input-group-prepend .input-group-button {
  border-color: #5CC7FF !important;
}
.d-form-group .input-group .form-control:read-only ~ .input-group-prepend .input-group-text,
.d-form-group .input-group .form-control:disabled ~ .input-group-prepend .input-group-text,
.d-form-group .input-group .form-control:read-only ~ .input-group-prepend .input-group-button,
.d-form-group .input-group .form-control:disabled ~ .input-group-prepend .input-group-button {
  background-color: #F0F2F5 !important;
  border-color: #D0D5DD !important;
  color: #98A2B3 !important;
}
.d-form-group .input-group .form-control:read-only ~ .input-group-prepend .input-group-button.clickable:not(:disabled),
.d-form-group .input-group .form-control:disabled ~ .input-group-prepend .input-group-button.clickable:not(:disabled) {
  background-color: #FFFFFF !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
@media screen and (max-width: 767px) {
  .d-form-group .form-control {
    padding: 10px;
    min-height: 40px;
  }
  .d-form-group .input-group .input-group-text, .d-form-group .input-group .input-group-button {
    padding: 10px;
  }
  .d-form-group .form-control:read-only ~ .input-group-prepend .input-group-button.clickable:not(:disabled),
  .d-form-group .form-control:disabled ~ .input-group-prepend .input-group-button.clickable:not(:disabled) {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.d-form-wrapper {
  border: 1px solid #E4E7EC;
  border-radius: 10px;
  padding: 24px 24px 9px;
  margin: 0 auto;
  max-width: 100%;
  background-color: #FFFFFF;
}
.d-form-wrapper.half-width {
  width: 624px;
}
.d-form-wrapper h3 {
  color: #000000;
}
.d-form-wrapper .row {
  margin-left: -8px;
  margin-right: -8px;
}
.d-form-wrapper .row [class^=col-] {
  padding: 0 8px;
}
.d-form-wrapper .d-form-group {
  margin-bottom: 20px;
}
.d-form-wrapper .d-form-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.d-form-wrapper .d-form-action .d-btn {
  padding: 8px 40px;
  max-width: 100%;
}
.d-form-wrapper .d-inner-form-section {
  background-color: #F9FAFB;
  padding: 16px;
  border: 1px solid #E4E7EC;
  border-radius: var(--radius);
  margin-bottom: 15px;
}
.d-form-wrapper .d-inner-form-section h6 {
  color: #000000;
  margin-bottom: 15px;
}
.d-form-wrapper .d-inner-form-section.transparent {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .d-form-wrapper .d-form-group {
    margin-bottom: 15px;
  }
  .d-form-wrapper .d-form-action .d-btn {
    font-size: 0.9642857143em;
  }
}

.select2.select2-container {
  width: 100% !important;
}
.select2 .select2-selection {
  width: 100%;
  height: 100% !important;
  min-height: 44px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border-color: #D0D5DD !important;
  border-radius: var(--radius) !important;
  background-color: #FFFFFF;
}
.select2 .select2-selection .select2-selection__rendered {
  flex-grow: 1;
  padding: 0 16px 0 16px !important;
  color: #344054;
}
.select2 .select2-selection .select2-selection__arrow {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  height: 100% !important;
}
.select2 .select2-selection .select2-selection__arrow:after {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  content: "\f078";
  font: var(--fa-font-solid);
}
.select2 .select2-selection .select2-selection__arrow b {
  display: none;
}
.select2.select2-container--open .select2-selection {
  border-color: #5CC7FF !important;
  transition: all 0.1s;
}
.select2.select2-container--disabled .select2-selection {
  background-color: #F0F2F5 !important;
  border-color: #D0D5DD !important;
  color: #98A2B3 !important;
}
@media screen and (max-width: 767px) {
  .select2 .select2-selection {
    min-width: 100% !important;
    min-height: 40px;
  }
  .select2 .select2-selection .select2-selection__rendered {
    padding-left: 10px !important;
  }
  .select2 .select2-selection .select2-selection__arrow:after {
    right: 10px;
  }
}

.select2-dropdown {
  border: 1px solid #E4E7EC !important;
  border-radius: var(--radius) !important;
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.0588235294) !important;
  padding: 6px;
}
.select2-dropdown .select2-search--dropdown {
  padding: 0 !important;
  margin-bottom: 8px !important;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
  border: 1px solid #D0D5DD !important;
  border-radius: var(--radius);
  outline: none !important;
  box-shadow: 0 !important;
  padding: 6px !important;
}

.select2-results__option {
  padding: 6px 10px !important;
  border-radius: var(--radius);
}

.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #F0F2F5 !important;
  color: #344054 !important;
  font-weight: 500;
}

.d-switch {
  position: relative;
  display: block;
}
.d-switch .d-switch-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.d-switch .d-switch-ui-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}
.d-switch .d-switch-ui-wrapper .d-switch-ui {
  position: relative;
  background-color: #D0D5DD;
  border-radius: 18.25px;
  width: 32.5px;
  height: 20px;
  padding: 5px;
}
.d-switch .d-switch-ui-wrapper .d-switch-ui::after {
  content: " ";
  width: 16.5px;
  height: 16.5px;
  border-radius: 50%;
  position: absolute;
  top: 1.5px;
  left: 1.5px;
  background-color: #FFFFFF;
  transition: all 1s ease;
}
.d-switch .d-switch-ui-active, .d-switch .d-switch-ui-inactive {
  color: #667185;
  flex-grow: 1;
}
.d-switch .d-switch-ui-active {
  display: none;
}
.d-switch .d-switch-input:checked ~ .d-switch-ui-wrapper .d-switch-ui {
  background-color: #5CC7FF;
}
.d-switch .d-switch-input:checked ~ .d-switch-ui-wrapper .d-switch-ui::after {
  left: unset;
  right: 1.5px;
}
.d-switch .d-switch-input:checked ~ .d-switch-ui-wrapper .d-switch-ui-active {
  display: block;
}
.d-switch .d-switch-input:checked ~ .d-switch-ui-wrapper .d-switch-ui-inactive {
  display: none;
}

.d-back-link {
  color: #667185 !important;
  position: relative;
  cursor: pointer;
  text-decoration: none !important;
}
.d-back-link span {
  font-weight: 600;
  margin-left: 8px;
}

.btn.d-back-link {
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
}
.btn.d-back-link::after {
  display: none;
}

.d-modal {
  max-width: 100%;
}
.d-modal .d-modal-w-525 {
  width: 525px;
}
.d-modal .d-modal-w-420 {
  width: 420px;
}
.d-modal .modal-content {
  background-color: #FFFFFF;
  border: 1px solid #E4E7EC;
  border-radius: 10px;
}
.d-modal .modal-header {
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  padding: 24px 24px 0;
  border: 0;
}
.d-modal .modal-header .modal-title {
  flex-grow: 1;
}
.d-modal .modal-header .modal-title, .d-modal .modal-header .close {
  color: #000000;
  font-weight: 700;
}
.d-modal .modal-header .close {
  min-width: 24px;
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  text-shadow: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}
.d-modal .modal-body {
  padding: 24px;
}
.d-modal .modal-body .modal-image img {
  display: block;
  width: 160px;
  object-fit: contain;
  margin: 0 auto;
}
.d-modal .modal-body .modal-body-title {
  font-weight: 700;
  color: #000000;
}
.d-modal .modal-body .modal-body-description {
  color: #475467;
  margin-bottom: 0;
}
.d-modal .modal-body .modal-body-title, .d-modal .modal-body .modal-body-description {
  text-align: center;
}
.d-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  border: 0;
  padding: 0 24px 24px;
}
.d-modal .modal-footer.center {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .d-modal .modal-dialog {
    width: unset !important;
  }
  .d-modal .modal-header {
    padding: 16px 16px 0;
  }
  .d-modal .modal-body {
    padding: 16px;
  }
  .d-modal .modal-footer {
    flex-wrap: wrap;
    padding: 0 16px 16px;
  }
}

.d-text-wrapper .d-text-group:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .d-text-wrapper .d-text-group:not(:last-child) {
    margin-bottom: 10px;
  }
  .d-text-wrapper .d-text-group .d-badge {
    margin-top: 2.5px;
  }
}

.d-text-group label {
  color: #475367;
}
.d-text-group .form-text {
  font-weight: 500;
  color: #1D2739;
}
.d-text-group label, .d-text-group .form-text {
  margin: 0;
}

#d-toast {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 1050;
  width: 424px;
  max-width: 100%;
  display: flex;
  gap: 15px;
  flex-wrap: nowrap;
  border: 1px solid #E4E7EC;
  border-radius: 4px;
  border-left: 6px solid #E4E7EC;
  background-color: #FFFFFF;
  padding: 12px 16px;
}
#d-toast .d-toast-icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: var(--radius);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#d-toast .d-toast-content {
  flex-grow: 1;
}
#d-toast .d-toast-content .d-toast-title, #d-toast .d-toast-content .d-toast-message {
  line-height: 1.2;
}
#d-toast .d-toast-content .d-toast-title {
  color: #101928;
  font-weight: 700;
  margin-bottom: 5px;
}
#d-toast .d-toast-content .d-toast-message {
  color: #475367;
}
#d-toast .d-toast-close {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
}
#d-toast .d-toast-close::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  background-color: #F0F2F5;
  width: 1.5px;
  height: 100%;
}
#d-toast .d-toast-close button {
  background: transparent;
  outline: none;
  box-shadow: none;
  border: 0;
  cursor: pointer;
}
#d-toast.info {
  border-left-color: #0D5EBA;
}
#d-toast.info .d-toast-icon {
  border: 1px solid #C6DDF7;
  background-color: #E3EFFC;
  color: #1671D9;
}
#d-toast.warning {
  border-left-color: #5CC7FF;
}
#d-toast.warning .d-toast-icon {
  border: 1px solid #5CC7FF;
  background-color: #ffffff;
  color: #5CC7FF;
}
#d-toast.success {
  border-left-color: #04802E;
}
#d-toast.success .d-toast-icon {
  border: 1px solid #B5E3C4;
  background-color: #E7F6EC;
  color: #04802E;
}
#d-toast.danger {
  border-left-color: #CB1A14;
}
#d-toast.danger .d-toast-icon {
  border: 1px solid #F2BCBA;
  background-color: #FBEAE9;
  color: #CB1A14;
}
@media screen and (max-width: 767px) {
  #d-toast {
    width: 304px;
    right: 10px;
    bottom: 10px;
    padding: 12px;
    gap: 10px;
  }
  #d-toast .d-toast-close {
    min-width: 18px;
  }
}

.d-link {
  color: #5CC7FF !important;
  text-decoration: none !important;
  font-weight: 500;
}
.d-link:hover {
  filter: brightness(0.8);
}

.d-checkbox {
  position: relative;
  overflow: hidden;
}
.d-checkbox .d-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.d-checkbox .d-checkbox-ui {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}
.d-checkbox .d-checkbox-ui .d-checkbox-tick {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1.5px solid #D0D5DD;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
}
.d-checkbox .d-checkbox-ui label {
  font-weight: 500;
  color: #101928;
}
.d-checkbox .d-checkbox-input:checked ~ .d-checkbox-ui .d-checkbox-tick {
  border-color: #5CC7FF !important;
  color: #000000;
  background-color: #5CC7FF;
}
@media screen and (max-width: 767px) {
  .d-checkbox .d-checkbox-ui .d-checkbox-tick {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .d-checkbox .d-checkbox-ui .d-checkbox-tick i {
    font-size: 0.7142857143em;
  }
}

.d-separator {
  position: relative;
  color: #645D5D;
  text-align: center;
}
.d-separator span {
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
  padding: 0 20px;
}
.d-separator::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1.5px;
  background-color: #E4E7EC;
  content: "";
}

.d-subtitle {
  color: #000000;
  margin-bottom: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .d-subtitle {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .d-subtitle {
    margin-bottom: 1rem;
  }
}

.d-slider-wrapper {
  position: relative;
}
.d-slider-wrapper .d-slider-button-prev, .d-slider-wrapper .d-slider-button-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 34px;
  z-index: 5;
  color: #101928;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.d-slider-wrapper .d-slider-button-prev[aria-disabled=true], .d-slider-wrapper .d-slider-button-next[aria-disabled=true] {
  display: none;
}
.d-slider-wrapper .d-slider-button-prev i, .d-slider-wrapper .d-slider-button-next i {
  font-size: 1.4285714286em;
}
.d-slider-wrapper .d-slider-button-prev {
  left: 0;
  padding: 0 10px 0 5px;
  background-image: linear-gradient(to right, rgb(255, 255, 255) 28%, rgba(255, 255, 255, 0));
}
.d-slider-wrapper .d-slider-button-next {
  right: 0;
  padding: 0 5px 0 10px;
  background-image: linear-gradient(to left, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0));
}
@media screen and (max-width: 767px) {
  .d-slider-wrapper .d-slider-button-next, .d-slider-wrapper .d-slider-button-prev {
    padding: 0;
    background-image: none;
  }
  .d-slider-wrapper .d-slider-button-prev {
    left: 5px;
  }
  .d-slider-wrapper .d-slider-button-next {
    right: -5px;
  }
}

html, body {
  height: 100%;
  overflow-x: hidden;
}

#auth-wrapper {
  width: 100%;
  height: 100%;
  padding: 15px;
  overflow: hidden;
}
#auth-wrapper .auth-main-wrapper {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
}
#auth-wrapper .auth-main-wrapper .auth-left-column {
  width: 50%;
  min-width: 462px;
  max-width: 640px;
}
#auth-wrapper .auth-main-wrapper .auth-right-column {
  flex-grow: 1;
  min-width: 50%;
}
#auth-wrapper .d-auth-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 30px;
}
#auth-wrapper .d-auth-wrapper .d-auth-box {
  width: 454px;
  max-width: 100%;
}
#auth-wrapper .d-auth-wrapper .d-auth-box .d-back-link {
  display: block;
  margin-bottom: 25px;
}
#auth-wrapper .d-auth-wrapper .d-auth-box h1 {
  color: #101928;
  margin-bottom: 5px;
}
#auth-wrapper .d-auth-wrapper .d-auth-box p {
  color: #645D5D;
}
#auth-wrapper .d-auth-wrapper .d-auth-box .d-btn {
  padding: 12px 16px;
}
#auth-wrapper .d-auth-wrapper .d-form-wrapper {
  padding: 0 !important;
  border: 0 !important;
  margin-top: 20px;
}
#auth-wrapper .d-auth-wrapper .d-form-wrapper .d-form-group {
  margin-bottom: 25px;
}
#auth-wrapper .d-auth-wrapper .d-form-wrapper .d-form-action-btn {
  margin-top: 30px;
}
#auth-wrapper #auth-login-box {
  position: relative;
  background-color: #1B1818;
  width: 100%;
  max-height: 100%;
  height: calc(100vh - 30px);
  border-radius: 25px;
  overflow: hidden;
}
#auth-wrapper #auth-login-box #auth-login-overlay {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#auth-wrapper #auth-login-box #auth-login-box-inner {
  display: flex;
  flex-direction: column;
  padding: 24px 40px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-logo {
  width: 104px;
  object-fit: contain;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description {
  flex-grow: 1;
  color: #FFFFFF;
  padding: 4rem 0 0 0;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description h1 {
  line-height: 1;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-description p {
  margin-top: 30px;
  color: #E4DBDB;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review {
  position: relative;
  overflow: hidden;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box {
  padding: 16px;
  border-radius: 20px;
  background-color: #3E3838;
  display: block;
  min-width: 100%;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box p {
  color: #F0E6E6;
  margin-bottom: 15px;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box .auth-review-user {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box .auth-review-user .auth-review-user-image {
  width: 40px;
  height: 40px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  background-color: #FFFFFF;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box .auth-review-user .auth-review-user-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box .auth-review-user .auth-review-user-info .auth-review-username {
  color: #FFFFFF;
  font-weight: 600;
}
#auth-wrapper #auth-login-box #auth-login-box-inner #auth-login-review .auth-review-wrapper .auth-review-box .auth-review-user .auth-review-user-info .auth-review-position {
  color: #A29999;
}
@media screen and (max-width: 991px) {
  #auth-wrapper {
    padding: 20px;
  }
  #auth-wrapper .auth-main-wrapper .auth-left-column {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #auth-wrapper .d-auth-wrapper {
    padding: 0;
    align-items: flex-start;
  }
  #auth-wrapper .d-auth-wrapper .d-form-wrapper .d-form-group {
    margin-bottom: 15px;
  }
  #auth-wrapper .d-auth-wrapper .d-auth-box .d-btn {
    padding: 10px 16px;
    font-size: 0.9642857143em;
  }
}

#authorization-wrapper {
  background-color: #F9FAFB;
  height: 100%;
  overflow-y: auto;
}

#authorization-wrapper #authorization-header {
  display: flex;
  flex-wrap: nowrap;
  padding: 12px 24px;
  justify-content: space-between;
  border-bottom: 2px solid #E4E7EC;
  height: 100px;
  background: #5CC7FF;
}

#authorization-wrapper #authorization-header #authorization-h-left, #authorization-wrapper #authorization-header #authorization-h-right {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}
#authorization-wrapper #authorization-header #authorization-h-left {
  flex-grow: 1;
}
#authorization-wrapper #authorization-header #authorization-h-left #authorization-logo {
  object-fit: contain;
  height: 30px;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper {
  position: relative;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  background-color: transparent;
  padding: 0;
  border: 0;
  position: relative;
  outline: none !important;
  box-shadow: none !important;
  gap: 8px;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user:after {
  display: none;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-img {
  width: 40px;
  height: 40px;
  border: 2px solid #FFFFFF;
  background-color: #F0F2F5;
  border-radius: 50%;
  overflow: hidden;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-info {
  text-align: left;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-info div {
  color: #475367;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-info div:first-child {
  color: #101928;
  font-weight: 600;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu {
  top: 8px !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0509803922) !important;
  border: 0 !important;
  border-radius: 10px !important;
  width: 251px;
  max-width: 100%;
  padding: 0 !important;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-menu-section-title {
  color: #101928;
  font-weight: 600;
  margin: 0 8px 5px 8px;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
  padding: 8px !important;
  width: 100%;
  background-color: transparent !important;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-item:hover {
  background-color: #F9FAFB !important;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-item img {
  min-width: 13px;
  width: 13px;
  object-fit: contain;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-item span {
  flex-grow: 1;
  color: #101928;
  display: block;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-menu-section {
  padding: 12px 8px 0;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-menu-section.separator {
  border-top: 1px solid #F0F2F5;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-menu-section.single-item {
  padding: 0;
}
#authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper .dropdown-menu .dropdown-menu-section.single-item .dropdown-item {
  padding: 8px 16px !important;
}
@media screen and (max-width: 767px) {
  #authorization-wrapper #authorization-header {
    padding: 12px;
  }
  #authorization-wrapper #authorization-header #authorization-h-left #authorization-logo {
    height: 26px;
  }
  #authorization-wrapper #authorization-header #authorization-h-right #authorization-h-user-wrapper #authorization-h-user #authorization-h-user-info {
    display: none;
  }
}
#authorization-wrapper #authorization-body #authorization-b-left {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  float: none;
  height: 100vh;
  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
  overflow-x: hidden;
  z-index: 50;
  background-color: #F9FAFB;
  border-right: 1px solid #E4E7EC;
  padding: 20px 10px;
}
#authorization-wrapper #authorization-body #authorization-b-right {
  margin-left: 272px;
  height: calc(100vh - 64px);
  overflow-y: auto;
}
#authorization-wrapper #authorization-body #authorization-b-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  height: 100%;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section {
  border-bottom: 2px solid #F0F2F5;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-title {
  font-weight: 500;
  color: #98A2B3;
  padding: 0 16px;
  margin-bottom: 10px;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list {
  list-style-type: none;
  padding-left: 0;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #344054;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a img, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button img {
  width: 20px;
  object-fit: contain;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a img.active, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button img.active {
  display: none;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a.active, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a:hover {
  background-color: #FBFFE7;
  color: #101928;
  font-weight: 600;
  border-radius: 4px;

  border-left: 8px solid #5CC7FF00
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a.active, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a {
  border-left: 8px solid #5CC7FF00
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a.active, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a.active {
  border-left: 8px solid #5CC7FF
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a.active img, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a:hover img {
  display: none;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a.active img.active, #authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a:hover img.active {
  display: block;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button {
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button span {
  flex-grow: 1;
  text-align: left;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button[aria-expanded=true] {
  color: #101928;
  font-weight: 600;
  border-radius: 4px;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button[aria-expanded=true] i {
  transform: rotate(180deg);
  transition: transform 0.3s linear;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button[aria-expanded=true] img {
  display: none;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button[aria-expanded=true] img.active {
  display: block;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list .collapse-list {
  padding-top: 5px;
  list-style-type: none;
  padding-left: 0;
}
#authorization-wrapper #authorization-body #authorization-b-menu .authorization-b-menu-section .authorization-bm-list .collapse-list a {
  padding-left: 50.5px;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-top {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-top #authorization-b-menu-section:last-child {
  margin-bottom: 0;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  margin-top: 20px;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-img {
  position: relative;
  width: 38px;
  height: 38px;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-img:after {
  position: absolute;
  right: 0.5px;
  bottom: 0.5px;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #04802E;
  content: "";
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #F0F2F5;
  border-radius: 50%;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-img.no-picture img {
  display: none;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-info {
  text-align: left;
  width: 66%;
  line-height: normal;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-info div {
  max-width: 100%;
  color: #475367;
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-info div:first-child {
  color: #101928;
  font-weight: 600;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user a {
  display: block;
  cursor: pointer;
}
#authorization-wrapper #authorization-body #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user a img {
  width: 17px;
  min-width: 17px;
  object-fit: contain;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section {
  margin-bottom: 0;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list {
  margin-bottom: 0;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-title, #authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button i, #authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu #authorization-b-menu-user #authorization-b-menu-user-info {
  visibility: hidden;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a, #authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user {
  justify-content: center;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list button {
  display: block;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a span, #authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list button span, #authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-info, #authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user a {
  display: none;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a {
  padding: 12px 16px;
  gap: 0;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list .collapse-list li a {
  background-color: transparent;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button {
  padding: 12px;
  gap: 0;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button[aria-expanded=true] {
  background-color: #FBFFE7;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button i {
  display: none;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-left {
  width: 82px;
  margin-left: 0;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-left:hover .authorization-bm-list li a.active {
  background-color: #FBFFE7;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-left:hover .authorization-bm-list li button[aria-expanded=true] {
  background-color: transparent;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-left:hover .authorization-bm-list li button i {
  display: block;
}
#authorization-wrapper #authorization-body.sidebar-close #authorization-b-right {
  margin-left: 82px;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left, #authorization-wrapper #authorization-body #authorization-b-left:hover {
  width: 272px;
  margin-left: unset;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section {
  margin-bottom: 0;
  border: 0;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list {
  margin-bottom: 10px;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-title, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button i, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu #authorization-b-menu-user #authorization-b-menu-user-img, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu #authorization-b-menu-user #authorization-b-menu-user-info, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-title, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button i, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu #authorization-b-menu-user #authorization-b-menu-user-img, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu #authorization-b-menu-user #authorization-b-menu-user-info {
  visibility: unset;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a {
  justify-content: flex-start;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list button, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list button {
  display: flex;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a span, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list button span, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-info, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user a, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a span, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list button span, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user #authorization-b-menu-user-info, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu #authorization-b-menu-bottom #authorization-b-menu-user a {
  display: inline-block;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a, #authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li a, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list li button {
  gap: 12px;
  padding: 10px 16px;
}
#authorization-wrapper #authorization-body:not(.sidebar-close) #authorization-b-left #authorization-b-menu .authorization-b-menu-section .authorization-bm-list .collapse-list a, #authorization-wrapper #authorization-body #authorization-b-left:hover #authorization-b-menu .authorization-b-menu-section .authorization-bm-list .collapse-list a {
  padding-left: 50.5px;
}
@media screen and (max-width: 991px) {
  #authorization-wrapper #authorization-body #authorization-b-left {
    top: 0;
    height: 100%;
    z-index: 250;
  }
  #authorization-wrapper #authorization-body #authorization-b-right, #authorization-wrapper #authorization-body .sidebar-open #authorization-b-left {
    margin-left: 0;
  }
  #authorization-wrapper #authorization-body:not(.sidebar-open) #authorization-b-left {
    margin-left: -272px;
  }
}

.d-header-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}
.d-header-wrapper .d-header-info {
  flex-grow: 1;
}
.d-header-wrapper .d-header-info h5 {
  color: #000000;
  font-weight: 600;
  letter-spacing: -1px;
}
.d-header-wrapper .d-header-button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}
.d-header-wrapper .d-header-button .d-btn {
  padding: 8px 12px;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .d-header-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .d-header-wrapper .d-header-button {
    width: 100%;
    flex-wrap: wrap;
  }
  .d-header-wrapper .d-header-button .d-btn {
    padding: 8px 12px;
    font-size: 0.9642857143em;
    flex-grow: 1;
  }
  .d-header-wrapper .d-header-button .d-btn span {
    flex-grow: 0;
  }
}

.d-breadcrumb-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 40px;
}
.d-breadcrumb-wrapper .d-back-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 1px;
  height: 140%;
  background-color: #E4E7EC;
  content: "";
}
.d-breadcrumb-wrapper ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.d-breadcrumb-wrapper ul li {
  display: inline-block;
  position: relative;
}
.d-breadcrumb-wrapper ul li a,
.d-breadcrumb-wrapper ul li span {
  color: #667185;
  font-weight: 500;
  vertical-align: middle;
}
.d-breadcrumb-wrapper ul li a {
  text-decoration: none !important;
  cursor: pointer;
}
.d-breadcrumb-wrapper ul li a:hover {
  font-weight: 600;
  color: #101928;
}
.d-breadcrumb-wrapper ul li:not(:last-child) {
  margin-right: 10px;
  padding-right: 6px;
}
.d-breadcrumb-wrapper ul li:not(:last-child):after {
  position: absolute;
  top: 0;
  right: -6px;
  content: "/";
  color: #D1D5DB;
}
@media screen and (max-width: 767px) {
  .d-breadcrumb-wrapper {
    display: block;
  }
  .d-breadcrumb-wrapper .d-back-link, .d-breadcrumb-wrapper ul {
    display: inline;
  }
  .d-breadcrumb-wrapper .d-back-link {
    margin-right: 20px;
  }
  .d-breadcrumb-wrapper .d-back-link i {
    font-size: 0.8571428571em;
  }
  .d-breadcrumb-wrapper .d-back-link::after {
    right: -10px;
  }
}

.d-content-wrapper {
  overflow: hidden;
}
.d-content-wrapper.full-height {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.d-box-content-wrapper {
  border: 1px solid #E4E7EC;
  border-radius: 10px;
  box-shadow: 0 4px 4px -2px #E4E7EC;
  background-color: #FFFFFF;
}

.d-full-height-content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.d-full-height-content .d-fh-content-body {
  display: flex;
  flex-direction: column;
  position: relative;
}
.d-full-height-content .d-fh-content-body #d-hitung-tkdn-empty, .d-full-height-content .d-fh-content-body .d-step-content-wrapper {
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .d-full-height-content .d-fh-content-body #d-hitung-tkdn-empty img {
    margin-bottom: 15px;
    width: 120px;
  }
}

.d-footer-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.d-footer-wrapper .d-f-right-wrapper {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .d-footer-wrapper .d-btn {
    font-size: 0.9642857143em;
    padding: 8px;
  }
  .d-footer-wrapper .navigate-btn-action i, .d-footer-wrapper .navigate-btn-action span {
    font-size: 0.9642857143em;
  }
  .d-footer-wrapper .navigate-btn-action span {
    margin-left: 5px;
  }
}

.d-filter-wrapper {
  padding: 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 15px;
}
.d-filter-wrapper .d-search-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.d-filter-wrapper .d-search-wrapper .d-btn {
  font-size: 12px;
  padding: 8px 12px;
}
.d-filter-wrapper .d-search-wrapper .d-form-group {
  min-width: 291px;
  max-width: 100%;
}
.d-filter-wrapper .d-form-group {
  width: unset;
}
.d-filter-wrapper .d-form-group .form-control, .d-filter-wrapper .d-form-group .input-group-button {
  min-height: 42px;
}
.d-filter-wrapper .d-form-group .form-control {
  padding: 10px;
}
.d-filter-wrapper .d-form-group .input-group .input-group-button, .d-filter-wrapper .d-form-group .input-group .input-group-text {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.d-filter-wrapper .d-form-group .input-group .input-group-button img, .d-filter-wrapper .d-form-group .input-group .input-group-text img {
  height: unset;
}
.d-filter-wrapper .d-form-group .input-group.input-group-left .input-group-button, .d-filter-wrapper .d-form-group .input-group.input-group-left .input-group-text {
  padding-left: 10px !important;
}
.d-filter-wrapper .d-form-group .input-group.input-group-right .input-group-button, .d-filter-wrapper .d-form-group .input-group.input-group-right .input-group-text {
  padding-right: 10px !important;
}
@media screen and (max-width: 767px) {
  .d-filter-wrapper {
    flex-direction: column;
  }
  .d-filter-wrapper .d-search-wrapper {
    flex-direction: column;
  }
  .d-filter-wrapper .d-search-wrapper .d-form-group {
    min-width: unset;
    width: 100%;
  }
  .d-filter-wrapper .d-search-wrapper .d-btn {
    text-align: center;
  }
  .d-filter-wrapper .d-search-wrapper .d-btn span {
    flex-grow: 0;
  }
  .d-filter-wrapper .d-form-group .form-control, .d-filter-wrapper .d-form-group .input-group-button {
    min-height: 40px;
  }
}

.d-datatable .table thead th, .d-datatable .table tbody td, .d-table .table thead th, .d-table .table tbody td {
  padding: 12px 24px;
}
.d-datatable .table thead th.success, .d-datatable .table tbody td.success, .d-table .table thead th.success, .d-table .table tbody td.success {
  background-color: #86efac;
}
.d-datatable .table thead th.warning, .d-datatable .table tbody td.warning, .d-table .table thead th.warning, .d-table .table tbody td.warning {
  background-color: #93c5fd;
}
.d-datatable .table thead th.danger, .d-datatable .table tbody td.danger, .d-table .table thead th.danger, .d-table .table tbody td.danger {
  background-color: #fca5a5;
}
.d-datatable .table thead th.info, .d-datatable .table tbody td.info, .d-table .table thead th.info, .d-table .table tbody td.info {
  background-color: #93c5fd;
}
.d-datatable .table thead th, .d-table .table thead th {
  background-color: #F9FAFB;
  border-top: 0;
  border-bottom: 1px solid #E4E7EC;
  font-size: 12px;
  color: #344054;
  vertical-align: middle;
  white-space: nowrap;
}
.d-datatable .table thead th.action, .d-table .table thead th.action {
  width: 32px !important;
}
.d-datatable .table tbody tr:hover, .d-table .table tbody tr:hover {
  filter: brightness(0.8);
  background-color: rgba(0, 0, 0, 0.075) !important;
}
.d-datatable .table tbody td, .d-table .table tbody td {
  color: #344054;
  line-height: 1.4;
  vertical-align: middle;
}
.d-datatable .table tbody td b, .d-table .table tbody td b {
  color: #101928;
}
@media screen and (max-width: 767px) {
  .d-datatable .table thead th, .d-datatable .table tbody td, .d-table .table thead th, .d-table .table tbody td {
    padding: 12px 18px;
  }
}

.d-datatable {
  overflow-y: auto;
}
.d-datatable .bottom {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 8px 16px;
  border-top: 1px solid #E4E7EC;
}
.d-datatable .bottom .dataTables_info, .d-datatable .bottom .dataTables_paginate {
  padding: 0;
  margin: 0;
}
.d-datatable .bottom .dataTables_paginate {
  flex-grow: 1;
}
.d-datatable .bottom .dataTables_paginate ul {
  justify-content: center !important;
  margin: 0;
  gap: 6px;
}
.d-datatable .bottom .dataTables_paginate ul li a {
  font-size: 14px;
  border: 0;
  background-color: transparent;
  color: #98A2B3;
  outline: none;
  box-shadow: none;
}
.d-datatable .bottom .dataTables_paginate ul li.active a, .d-datatable .bottom .dataTables_paginate ul li:hover:not(.disabled) a {
  background-color: #FBFFE7;
  color: #5CC7FF;
  font-weight: 500;
}
.d-datatable .bottom .dataTables_paginate .previous, .d-datatable .bottom .dataTables_paginate .next {
  display: none !important;
}
.d-datatable .bottom .d-datatables-navigation {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 16px;
}
.d-datatable .bottom .d-datatables-navigation button {
  outline: none;
  box-shadow: none;
  background: transparent;
  border: 1px solid #D0D5DD;
  border-radius: var(--radius);
  padding: 6px 12px;
  color: #344054;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.d-datatable .bottom .d-datatables-navigation button img {
  width: 17px;
  object-fit: contain;
}
.d-datatable .bottom .d-datatables-navigation button:hover {
  background-color: #F9FAFB;
}
.d-datatable .bottom .d-datatables-navigation button:disabled {
  background-color: #F0F2F5;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .d-datatable .bottom {
    flex-direction: column;
  }
  .d-datatable .bottom .d-datatables-navigation {
    margin-top: 8px;
    width: 100%;
  }
  .d-datatable .bottom .d-datatables-navigation button {
    width: 50%;
    justify-content: center;
  }
  .d-datatable .bottom .dataTables_info {
    order: 3;
    width: 100%;
    text-align: right;
    margin-top: 15px;
  }
}

.d-table {
  width: 100%;
}
.d-table table.nohover tbody tr:hover {
  filter: brightness(1) !important;
  background-color: #FFFFFF !important;
}
.d-table tbody td {
  border-bottom: 1px solid #dee2e6;
}

.d-datatable-action {
  width: 32px;
  height: 32px;
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
  text-align: center;
  padding: 5px;
  border: 1px solid #E4E7EC !important;
  border-radius: var(--radius);
}
.d-datatable-action img {
  width: 16px;
  object-fit: contain;
}

.d-datatable-dropdown {
  border: 1px solid #E4E7EC;
  border-radius: var(--radius);
  padding: 8px;
  list-style-type: none;
  margin: 0;
  min-width: 183px;
  max-width: 100%;
}
.d-datatable-dropdown li {
  margin-bottom: 4px;
}
.d-datatable-dropdown li:last-child {
  margin-bottom: 0;
}
.d-datatable-dropdown li a, .d-datatable-dropdown li button, .d-datatable-dropdown li .d-datatable-dropdown-title {
  padding: 8px 10px;
}
.d-datatable-dropdown li .d-datatable-dropdown-title {
  color: #101928;
  display: block;
}
.d-datatable-dropdown li a, .d-datatable-dropdown li button {
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  text-decoration: none;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.d-datatable-dropdown li a img, .d-datatable-dropdown li button img {
  height: 16px;
  object-fit: contain;
}
.d-datatable-dropdown li a span, .d-datatable-dropdown li button span {
  color: #101928;
}
.d-datatable-dropdown li a:hover, .d-datatable-dropdown li button:hover {
  filter: brightness(0.8);
  background-color: rgba(0, 0, 0, 0.075) !important;
}

.d-header-wrapper .d-header-button .d-btn img, .modal-footer img {
  height: 15px !important;
}

#d-hitung-tkdn-empty {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 352px;
  max-width: 100%;
}
#d-hitung-tkdn-empty.active {
  display: flex;
}
#d-hitung-tkdn-empty img {
  width: 155px;
  object-fit: contain;
  margin-bottom: 15px;
}
#d-hitung-tkdn-empty h6 {
  color: #101828;
}
#d-hitung-tkdn-empty p {
  margin-bottom: 20px;
}
#d-hitung-tkdn-empty #d-hitung-tkdn-empty-action {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#d-hitung-tkdn-empty #d-hitung-tkdn-empty-action .d-btn {
  padding: 8px 12px;
}

#hitung-tkdn-wrapper {
  overflow-x: hidden;
}
#hitung-tkdn-wrapper #hitung-tkdn-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}
#hitung-tkdn-wrapper #hitung-tkdn-list .hitung-tkdn-item {
  flex: 1 1 33.333333%;
  max-width: 33.333333%;
}
#hitung-tkdn-wrapper #hitung-tkdn-list .d-card-footer .d-btn {
  padding: 12.5px 24px;
}
@media screen and (max-width: 1199px) {
  #hitung-tkdn-wrapper #hitung-tkdn-list .hitung-tkdn-item {
    max-width: unset;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #hitung-tkdn-wrapper {
    padding-right: 30px;
  }
  #hitung-tkdn-wrapper #hitung-tkdn-list .hitung-tkdn-item {
    flex: 0 0 310px;
  }
}
@media screen and (max-width: 767px) {
  #hitung-tkdn-wrapper #hitung-tkdn-list {
    gap: 0;
  }
  #hitung-tkdn-wrapper #hitung-tkdn-list .hitung-tkdn-item {
    flex: unset;
    min-width: 100%;
  }
  #hitung-tkdn-wrapper #hitung-tkdn-list .hitung-tkdn-item .d-card-footer .d-btn {
    padding: 8px 16px;
  }
}

.d-sc-wrapper {
  width: 90%;
  max-width: 100%;
  height: 85%;
  z-index: 210;
  position: fixed;
  left: calc(50% - calc(90% / 2));
  bottom: -100%;
  background: #ffffff;
  border-right: 1px solid #E4E7EC;
  transition: .5s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  border-radius: 20px;
}
.d-sc-wrapper .d-sc-header, .d-sc-wrapper .d-sc-body {
  padding: 24px;
}
.d-sc-wrapper .d-sc-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
}
.d-sc-wrapper .d-sc-header .d-sc-header-title, .d-sc-wrapper .d-sc-header .d-sc-header-title-form {
  flex-grow: 1;
  color: #000000;
  margin-bottom: 0;
}
.d-sc-wrapper .d-sc-header .d-sc-close img {
  width: 11px;
  height: 11px;
}
.d-sc-wrapper .d-sc-header .d-sc-back img {
  width: 15px;
  height: 15px;
}
.d-sc-wrapper.active {
  bottom: calc(50% - calc(85% / 2));
  opacity: 1;
}
.d-sc-wrapper .d-sc-body {
  padding-top: 0 !important;
}
.d-sc-wrapper .d-sc-body .d-form-wrapper {
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: unset;
}
@media screen and (max-width: 767px) {
  .d-sc-wrapper {
    max-width: 100%;
  }
  .d-sc-wrapper .d-sc-header, .d-sc-wrapper .d-sc-body {
    padding: 18px;
  }
}

#rekapitulasi-wrapper {
  background-color: #FFFFFF;
  padding: 24px;
  width: 100%;
  flex-grow: 1;
}
#rekapitulasi-wrapper .rekap-two-col-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
#rekapitulasi-wrapper .rekap-two-col-header img {
  height: 28px;
  object-fit: contain;
}
#rekapitulasi-wrapper .rekap-two-col-header h3 {
  margin: 0;
}
#rekapitulasi-wrapper .rekap-two-col-header p {
  margin: 0;
}
#rekapitulasi-wrapper .rekap-two-col-header h3, #rekapitulasi-wrapper .rekap-two-col-header p b {
  color: #101928;
}
@media screen and (max-width: 767px) {
  #rekapitulasi-wrapper {
    padding: 1rem;
  }
  #rekapitulasi-wrapper .rekap-two-col-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

#rekapitulasi-notes #rekapitulasi-example {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  color: #475367;
}
#rekapitulasi-notes #rekapitulasi-example #rekapitulasi-example-description span:first-child {
  position: relative;
}
#rekapitulasi-notes #rekapitulasi-example #rekapitulasi-example-description span:first-child::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #475367;
}
@media screen and (max-width: 767px) {
  #rekapitulasi-notes #rekapitulasi-example {
    flex-direction: column;
    gap: 5px;
  }
}

#import-master-modal .d-form-wrapper {
  border: 0;
  padding: 0;
}
#import-master-modal .d-upload-wrapper .d-upload-form, #import-master-modal .d-upload-wrapper .d-upload-list-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
  margin-bottom: 1.5rem;
}
#import-master-modal .d-upload-wrapper .d-upload-form-text, #import-master-modal .d-upload-wrapper .d-upload-list-item-text {
  flex-grow: 1;
}
#import-master-modal .d-upload-wrapper .d-upload-form-text h6, #import-master-modal .d-upload-wrapper .d-upload-list-item-text h6 {
  color: #000000;
  font-weight: 700;
}
#import-master-modal .d-upload-wrapper .d-upload-form-text ul, #import-master-modal .d-upload-wrapper .d-upload-list-item-text ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
#import-master-modal .d-upload-wrapper .d-upload-form-text ul li, #import-master-modal .d-upload-wrapper .d-upload-list-item-text ul li {
  display: inline-block;
  position: relative;
  color: #98A2B3;
}
#import-master-modal .d-upload-wrapper .d-upload-form-text ul li:not(:last-child), #import-master-modal .d-upload-wrapper .d-upload-list-item-text ul li:not(:last-child) {
  margin-right: 15px;
}
#import-master-modal .d-upload-wrapper .d-upload-form-text ul li:not(:last-child)::after, #import-master-modal .d-upload-wrapper .d-upload-list-item-text ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -11.5px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #98A2B3;
}
#import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #F0F2F5;
  border-radius: 50%;
}
#import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-icon img {
  width: 24px;
  object-fit: contain;
}
#import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input {
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 1;
}
#import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input .d-upload-form-file {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input .d-upload-form-file, #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input .btn {
  cursor: pointer;
}
#import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input .d-upload-form-file:hover ~ .btn {
  filter: brightness(0.8);
}
#import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #E7F6EC;
  border-radius: 50%;
}
#import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-icon span {
  background-color: #0F973D;
  border-radius: 50%;
  width: 22.5px;
  height: 22.5px;
  display: block;
  text-align: center;
}
#import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-icon span i {
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}
#import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-action {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 15px;
}
#import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-action .d-upload-action-btn {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-action .d-upload-action-btn img {
  min-width: 28px;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  #import-master-modal .d-upload-wrapper .d-upload-form, #import-master-modal .d-upload-wrapper .d-upload-list-item {
    flex-wrap: wrap;
  }
  #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-text, #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-list-item-text, #import-master-modal .d-upload-wrapper .d-upload-list-item .d-upload-form-text, #import-master-modal .d-upload-wrapper .d-upload-list-item .d-upload-list-item-text {
    width: calc(100% - 70px);
  }
  #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-icon, #import-master-modal .d-upload-wrapper .d-upload-list-item .d-upload-form-icon {
    width: 38px;
    height: 38px;
  }
  #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-icon img, #import-master-modal .d-upload-wrapper .d-upload-list-item .d-upload-form-icon img {
    width: 20px;
  }
  #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input {
    width: 100%;
    padding-left: 4rem;
  }
  #import-master-modal .d-upload-wrapper .d-upload-form .d-upload-form-input .btn {
    font-size: 12px;
  }
  #import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-action {
    width: 100%;
    padding-left: 4rem;
  }
  #import-master-modal .d-upload-wrapper .d-upload-list .d-upload-list-item .d-upload-list-item-action .d-upload-action-btn img {
    min-width: 22px;
    width: 22px;
    height: 22px;
  }
  #import-master-modal .modal-body .d-form-wrapper:last-child .d-form-group {
    margin-bottom: 0;
  }
  #import-master-modal .modal-footer .btn:first-child {
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
  }
  #import-master-modal .modal-footer .btn:first-child span {
    flex-grow: 0;
  }
}

.d-tabs {
  list-style-type: none !important;
  border-bottom: 1.5px solid #E4E7EC !important;
  padding-left: 0;
  margin-bottom: 0;
}
.d-tabs .d-tab-item .d-tab-link {
  border: 0;
  border-bottom: 1.5px solid #E4E7EC;
  background-color: transparent;
  padding: 16px 24px;
  color: #101928;
  font-weight: 500;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
}
.d-tabs .d-tab-item .d-tab-link:hover {
  filter: brightness(0.8);
  background-color: rgba(0, 0, 0, 0.075) !important;
}
.d-tabs .d-tab-item .d-tab-link.active {
  border-color: #5CC7FF;
}

.d-form-two-column-wrapper .d-form-two-column {
  display: flex;
  flex-wrap: nowrap;
  gap: 80px;
  padding-top: 0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1.5px solid #E4E7EC;
}
.d-form-two-column-wrapper .d-form-two-column:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.d-form-two-column-wrapper .d-form-two-column .d-form-tc-left {
  flex: 0 0 285px;
  max-width: 285px;
}
.d-form-two-column-wrapper .d-form-two-column .d-form-tc-left h6 {
  color: #101928;
}
.d-form-two-column-wrapper .d-form-two-column .d-form-tc-left p {
  color: #667185;
}
.d-form-two-column-wrapper .d-form-two-column .d-form-tc-right {
  flex-grow: 1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .d-form-two-column-wrapper .d-form-two-column {
    gap: 30px;
  }
  .d-form-two-column-wrapper .d-form-two-column .d-form-tc-left {
    flex: 0 0 248px;
    max-width: 248px;
  }
  .d-form-two-column-wrapper .d-form-two-column .d-form-tc-left .d-btn {
    font-size: 0.9642857143em;
  }
}
@media screen and (max-width: 767px) {
  .d-form-two-column-wrapper .d-form-two-column {
    flex-direction: column;
    gap: 15px;
  }
  .d-form-two-column-wrapper .d-form-two-column .d-form-tc-left {
    flex: 1 1 auto;
    max-width: unset;
  }
}

.d-profile-picture-wrapper {
  position: relative;
  width: 120px;
  height: 120px;
}
.d-profile-picture-wrapper .d-profile-picture, .d-profile-picture-wrapper .d-profile-picture-check {
  border-radius: 50%;
}
.d-profile-picture-wrapper .d-profile-picture {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.d-profile-picture-wrapper .d-profile-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.d-profile-picture-wrapper .d-profile-picture-check {
  width: 37.5px;
  height: 37.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0D5EBA;
  padding: 6px;
  position: absolute;
  right: 0;
  bottom: -2.5px;
  color: #FFFFFF;
}
.d-profile-picture-wrapper.no-picture .d-profile-picture img, .d-profile-picture-wrapper.no-picture .d-profile-picture-check {
  display: none;
}
@media screen and (max-width: 767px) {
  .d-profile-picture-wrapper {
    width: 100px;
    height: 100px;
  }
}

.d-profile-pic-empty {
  display: none;
  font-weight: 700;
  width: 100%;
  height: 100%;
  background-color: #A68B02;
  color: #FFFFFF;
  border-radius: 50%;
}

.no-picture .d-profile-pic-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.d-app-logo {
  position: relative;
}
.d-app-logo img {
  height: 48px;
  object-fit: contain;
}
.d-app-logo .d-profile-pic-empty {
  width: 120px;
  height: 120px;
}
.d-app-logo.no-picture img {
  display: none;
}

.d-change-picture {
  position: relative;
}
.d-change-picture .d-change-pic-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

#filter-dashboard-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}
#filter-dashboard-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
}
#filter-dashboard-wrapper ul li button {
  color: #98A2B3;
  background-color: #FFFFFF;
  border: 1px solid #D0D5DD;
  outline: none;
  box-shadow: none;
  padding: 12px 18px;
  cursor: pointer;
}
#filter-dashboard-wrapper ul li button.active {
  color: #1D2739;
  background-color: #F0F2F5;
  font-weight: 600;
}
#filter-dashboard-wrapper ul li:first-child button {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#filter-dashboard-wrapper ul li:last-child button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 991px) {
  #filter-dashboard-wrapper ul li button {
    padding: 10px 18px;
    font-size: 0.9642857143em;
  }
}
@media screen and (max-width: 767px) {
  #filter-dashboard-wrapper {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  #filter-dashboard-wrapper ul {
    width: 100%;
  }
  #filter-dashboard-wrapper ul li {
    flex: 1 1 33.33%;
  }
  #filter-dashboard-wrapper ul li button {
    width: 100%;
  }
}

.dashboard-summary-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}
.dashboard-summary-wrapper .dashboard-summary-image-icon {
  min-width: 56px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #5CC7FF;
  background-color: #5CC7FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-summary-wrapper .dashboard-summary-image-icon img {
  width: 21px;
  height: 21px;
  object-fit: contain;
}
.dashboard-summary-wrapper .dashboard-summary-icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #FBFFE7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-summary-wrapper .dashboard-summary-icon img {
  width: 18.5px;
  height: 18.5px;
  object-fit: contain;
}
.dashboard-summary-wrapper .dashboard-summary h3 {
  color: #000000;
  margin-bottom: 0;
}
.dashboard-summary-wrapper .dashboard-summary p {
  color: #475367;
  margin-bottom: 0;
}

.dashboard-box-total-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px -1px -1px;
}
.dashboard-box-total-wrapper .dashboard-bt-item {
  padding: 12px 16px;
  flex: 1 1 14.28%;
  min-height: 104px;
  border: 1px solid #E4E7EC;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dashboard-box-total-wrapper .dashboard-bt-item h6 {
  color: #344054;
  margin-bottom: 0;
}
.dashboard-box-total-wrapper .dashboard-bt-item p {
  color: #475367;
  line-height: 20.3px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-box-total-wrapper .dashboard-bt-item {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 767px) {
  .dashboard-box-total-wrapper .dashboard-bt-item {
    flex-basis: 50%;
  }
}

.d-chart-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}
.d-chart-wrapper .d-chart-doughnut {
  width: 200px;
}

.d-chart-legend {
  list-style-type: none;
  margin-bottom: 0;
}
.d-chart-legend .d-chart-legend-item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  padding-left: 20px;
}
.d-chart-legend .d-chart-legend-item::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  background-color: var(--chart-doughnut-bg);
}
.d-chart-legend .d-chart-legend-item:last-child {
  margin-bottom: 0;
}
.d-chart-legend .d-chart-legend-item .d-chart-legend-title {
  flex-grow: 1;
  color: #475367;
}
.d-chart-legend .d-chart-legend-item .d-chart-legend-value {
  color: #101928;
}
.d-chart-legend .d-chart-legend-item.inactive .d-chart-legend-title, .d-chart-legend .d-chart-legend-item.inactive .d-chart-legend-value {
  text-decoration: line-through;
}
.d-chart-legend.inline-legend {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.d-chart-legend.inline-legend .d-chart-legend-item {
  margin-bottom: 0;
}
.d-chart-legend.inline-legend .d-chart-legend-item:not(:first-child) {
  margin-left: 15px;
}

#dashboard-bar-chart-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}
#dashboard-bar-chart-wrapper #chartJumlahProyekBulanLegend {
  flex-grow: 1;
  flex-wrap: nowrap;
  padding-left: 0;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  #dashboard-bar-chart-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  #dashboard-bar-chart-wrapper #chartJumlahProyekBulanLegend {
    flex-direction: column;
    align-items: flex-start;
  }
  #dashboard-bar-chart-wrapper #chartJumlahProyekBulanLegend .d-chart-legend-item {
    margin-left: 0 !important;
  }
  #dashboard-bar-chart-wrapper #chartJumlahProyekBulanLegend .d-chart-legend-item:not(:last-child) {
    margin-bottom: 5px;
  }
}

#pengguna-form .d-form-action {
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  #pengaturan-wrapper .d-tabs {
    flex-wrap: nowrap;
  }
  #pengaturan-wrapper .d-tabs .d-tab-item {
    flex: 1 1 33.33%;
  }
  #pengaturan-wrapper .d-tabs .d-tab-item .d-tab-link {
    padding: 12px 18px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #confirm-hitung-tkdn-modal .modal-footer .d-btn:first-child {
    flex: 1 1 100%;
    margin-bottom: 8px;
  }
  #confirm-hitung-tkdn-modal .modal-footer .d-btn:not(:first-child) {
    flex: 1 1 45%;
  }
}

@media screen and (max-width: 767px) {
  #hitung-tkdn-form .d-fh-content-body {
    margin-bottom: 60px;
  }
  #hitung-tkdn-form .d-footer-wrapper {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
  }
}/*# sourceMappingURL=app.css.map */