@charset "UTF-8";
:root {
  --primary-color: #00295b;
  --primary-border-color: #001228;
  --navbg-color: #00295b;
  --grad-dark: #2949f0;
  --grad-light: #3fa3ff;
  --highlight-dark: #0564d5;
  --highlight-color: #0676fb;
  --highlight-icon-color: #0676fb;
  --highlight-hover: #0365d5;
  --highlight-text-hover: #0254b2;
  --bg-navbar-dropdown: #013677;
  --icon-blue: #0365d5;
  --icon-blue-light: #0676fb;
  --steps-blue: #03438f;
  --text-danger: #e12319;
  --text-danger-hover: #c11e15;
  --banner-blue-bg: linear-gradient(130deg, #d6e9ff -10%, #aacef8 60%, #afd4ba 110%);
  --text-banner-blue: #00295b;
  --btn-primary-banner-blue-bg: #0564d5;
  --btn-link-banner-blue: #222;
  --banner-yellow-bg: linear-gradient(130deg, #fffaeb 0%, #fef0c8 60%, #ffc9a3 100%);
  --border-banner-yellow-color: #fedf8b;
  --icon-banner-yellow: #ff7214;
  --pb-status-pending: #d8d8d8;
  --pb-status-generated: #c3defe;
  --pb-status-sent: #0676fb;
  --pb-status-signed: #00295b;
  --btn-avatar-bg: #edfef3;
  --btn-avatar-color: #128e37;
  --btn-secondary-danger-color: #e12319;
  --btn-secondary-icon-color: #0676fb;
  --table-filter-bg1: #fff;
  --table-filter-bg2: #fafafa;
  --table-filter-bg3: #f3f3f3;
  --table-filter-bg4: #e6f1ff;
  --table-filter-bg5: #e6f1ff;
  --table-filter-bg6: #fafafa;
  --table-filter-color1: #222;
  --table-filter-color2: #0365d5;
}

.text-info {
  color: var(--highlight-color) !important;
}

.text-danger {
  color: var(--text-danger) !important;
}

.text-success {
  color: #158e37 !important;
}

.text-light {
  color: #b7b7b7 !important;
}

.text-warning {
  color: #ff7214 !important;
}

.text-action {
  color: #a718eb !important;
}

.text-action-dark {
  color: #53007a !important;
}

.text-blue {
  color: var(--primary-color) !important;
}

.text-white {
  color: #fff !important;
}

.text-normal {
  color: #222 !important;
}

.text-muted {
  color: #7c7c7c !important;
}

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

.text-gray {
  color: #3c3c3c !important;
}

html {
  font-family: var(--font-family, "Fira Sans") !important;
  overflow-y: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-family, "Fira Sans") !important;
  height: 100%;
  text-rendering: optimizeLegibility !important;
}
@media (min-width: 768px) {
  body .w-md-80 {
    width: 80% !important;
  }
}
@media (max-width: 768px) {
  body .w-sm-100 {
    width: 100% !important;
  }
}
body .ant-divider-vertical {
  border-width: 2px;
  color: #b7b7b7;
  height: 1.1em;
  margin: 0 16px;
}
body .beta {
  background: linear-gradient(273.91deg, var(--grad-dark) -39.44%, var(--grad-light) 124.88%);
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  padding: 2px 8px;
  position: relative;
}
body .beta.sign {
  background: var(--highlight-dark);
  font-size: 12px;
}
body .optional {
  background-color: #fffaeb;
  border-radius: 4px;
  color: #d75c04;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 6px 8px;
  text-align: center;
}
body .optional:hover {
  text-decoration: none;
}
body .cursor-default {
  cursor: default;
}
body.ant-scrolling-effect {
  width: 100% !important;
}
body h4 {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0;
}
body .text-highlight {
  color: var(--highlight-color) !important;
}
body .ws-prewrap {
  white-space: pre-wrap !important;
}
body .mw-140 {
  min-width: 140px !important;
}
body .mw-150 {
  min-width: 150px !important;
}
body .mw-160 {
  min-width: 160px !important;
}
body .mw-170 {
  min-width: 170px !important;
}
body .mw-180 {
  min-width: 180px !important;
}
body .mw-185 {
  min-width: 185px !important;
}
body .bg-transparent {
  background-color: transparent !important;
}
body .bg-gray {
  background-color: #f3f3f3;
  border-radius: 4px;
}
body .t-12 {
  top: 12px !important;
}
body .t-n2 {
  top: -2px !important;
}
body .w-250 {
  width: 250px !important;
}
body .w-600 {
  width: 600px !important;
}
body .w-95 {
  width: 95% !important;
}
body .w-fitcontent {
  width: fit-content !important;
}
@media (max-width: 768px) {
  body .w-80 {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  body .col-md-35 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  body .col-md-15 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  body .mx-n5 {
    margin-left: -2em !important;
    margin-right: -2em !important;
  }
  body .md-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body .md-ps-0 {
    padding-left: 0 !important;
  }
  body .md-ps-2 {
    padding-left: 0.5rem !important;
  }
  body .md-pe-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1300px) and (max-width: 1500px) {
  body .col-xl-25 {
    -ms-flex: 0 0 20.8333335%;
    flex: 0 0 20.8333335%;
    max-width: 20.8333335%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
  body .col-xl-35 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  body .col-xl-15 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media (min-width: 1500px) {
  body .col-xxl-25 {
    -ms-flex: 0 0 20.8333335%;
    flex: 0 0 20.8333335%;
    max-width: 20.8333335%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
  body .col-xxl-35 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  body .col-xxl-15 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  body .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
  body .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
  body .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
}
body .va-middle {
  vertical-align: middle;
}
body .va-super {
  vertical-align: super;
}
body .va-textbottom {
  vertical-align: text-bottom;
}
body .va-125 {
  vertical-align: 0.125em !important;
}
body .va-0 {
  vertical-align: 0 !important;
}
body .w-100p {
  width: 100px !important;
}
body .w-90 {
  width: 90% !important;
}
body .w-98 {
  width: 98% !important;
}
body .w-80 {
  width: 80% !important;
}
body .w-50 {
  width: 50% !important;
}
body .w-20 {
  width: 20% !important;
}
body .w-30 {
  width: 30% !important;
}
body .w-10 {
  width: 10% !important;
}
body .h-225 {
  min-height: 225px !important;
}
body .h-300 {
  min-height: 300px !important;
}
body .h-500 {
  min-height: 500px !important;
}
body .br-25 {
  border-radius: 25% !important;
}
body .border-bottom {
  border-bottom: solid 1px #ededed !important;
}
body .col-45 {
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .col-47 {
  -ms-flex: 0 0 39.6%;
  flex: 0 0 39.6%;
  max-width: 39.6%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .offset-47 {
  margin-left: 39.6%;
}
body .col-49 {
  -ms-flex: 0 0 40.83%;
  flex: 0 0 40.83%;
  max-width: 40.83%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .offset-49 {
  margin-left: 40.83%;
}
body .offset-61 {
  margin-left: 50.83%;
}
body .col-55 {
  -ms-flex: 0 0 45.83%;
  flex: 0 0 45.83%;
  max-width: 45.83%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .col-58 {
  -ms-flex: 0 0 48.33%;
  flex: 0 0 48.33%;
  max-width: 48.33%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .col-59 {
  -ms-flex: 0 0 49.1667%;
  flex: 0 0 49.1667%;
  max-width: 49.1667%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .col-71 {
  -ms-flex: 0 0 59.1667%;
  flex: 0 0 59.1667%;
  max-width: 59.1667%;
  padding-left: 18px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .col-75 {
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
body .offset-75 {
  margin-left: 62.5% !important;
}
body hr {
  border-top: solid 1px #ededed;
  opacity: 1;
}
body p {
  font-size: 14px;
}
body small {
  font-size: 85% !important;
}
body .fw-400 {
  font-weight: 400 !important;
}
body .fw-500 {
  font-weight: 500 !important;
}
body .fs-95 {
  font-size: 0.95em !important;
}
body .fs-9 {
  font-size: 0.9em !important;
}
body .fs-11 {
  font-size: 1.1em !important;
}
body .fs-12 {
  font-size: 12px !important;
}
body .fs-13 {
  font-size: 13px !important;
}
body .fs-14 {
  font-size: 14px !important;
}
body .fs-16 {
  font-size: 16px !important;
}
body .fs-24 {
  font-size: 24px !important;
}
body .text-desc {
  color: #545454;
  font-weight: 400;
  padding-top: 4px;
}
body .break-word {
  display: inline;
  padding-left: 0.5ch;
  position: relative;
  white-space: break-spaces;
  word-break: break-word;
}
body .ant-select-dropdown .support-text {
  color: var(--primary-color);
  font-size: 0.8em;
  text-align: right;
  text-decoration: underline;
}
body .padding-small {
  padding: 4px 8px;
}

.main-container {
  background-color: #fff;
  color: #222;
  font-family: var(--font-family, "Fira Sans"), sans-serif;
  font-size: 14px;
  padding: 0;
}
.main-container .downtime-container {
  margin-top: 101px;
  text-align: center;
}
.main-container .downtime-container .title {
  color: var(--bluemeg-primary);
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 8px;
  margin-top: 32px;
}
.main-container .downtime-container .subtitle {
  color: var(--bluemeg-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.main-container .copilot-container {
  bottom: 10px;
  position: absolute;
  right: 10px;
  z-index: 199;
}
.main-container .copilot-container.pb-65 .ant-space {
  bottom: 85px;
}
.main-container .copilot-container.pb-65 .btn-round-float {
  bottom: 65px;
}
.main-container .copilot-container.form-fixed-wrapper .copilot-body .form-dialog {
  margin-top: 40px !important;
}
.main-container .copilot-container .btn-round-float {
  background-color: var(--highlight-color);
  border: solid 1px #ededed;
  border-radius: 50%;
  bottom: 10px;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  padding: 10px;
  position: fixed;
  right: 10px;
}
.main-container .copilot-container .btn-round-float > .anticon svg {
  color: #fff;
  font-size: inherit;
}
.main-container .copilot-container .ant-space {
  bottom: 30px;
  position: fixed;
  right: 20px;
}
.main-container .copilot-container .ant-space .card-dialog {
  background-color: #fff;
  height: 70vh;
  width: 400px;
}
.main-container .copilot-container .ant-space .card-dialog .copilot-body {
  height: 440px;
  overflow-y: auto;
}
.main-container .copilot-container .ant-space .card-dialog .copilot-body .tabs {
  background-color: #fff;
  height: 40px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.main-container .copilot-container .ant-space .card-dialog .copilot-body .tabs li button {
  padding: 0.8em 0 !important;
}
.main-container .copilot-container .ant-space .card-dialog .copilot-body .tabs li button.active {
  padding: 0.8em 0 !important;
}
.main-container .copilot-container .ant-space .card-dialog .copilot-body .tabs .switch-form {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer {
  border-top: solid 1px #ededed;
  bottom: 0;
  height: 60px;
  margin-top: 0;
  padding: 0;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer form {
  height: 60px;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer form .form-group {
  border-radius: 0 0 8px 8px;
  margin-bottom: 0;
  position: relative;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer form .form-group textarea {
  border-radius: 0 0 8px 8px !important;
  max-height: 59px;
  overflow-y: auto;
  padding: 18px 10px;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer form .form-group textarea::placeholder {
  bottom: 18px;
  color: #b7b7b7;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
  left: 16px;
  position: absolute;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer form .form-group textarea:active::placeholder, .main-container .copilot-container .ant-space .card-dialog .card-footer form .form-group textarea:focus::placeholder {
  display: none;
  font-family: var(--font-family, "Fira Sans") !important;
}
.main-container .copilot-container .ant-space .card-dialog .card-footer form .form-group .btn-send {
  bottom: 18px;
  color: #b7b7b7;
  margin-right: 0 !important;
  padding: 0;
  position: absolute;
  right: 16px;
  width: auto;
}
.main-container section.body-container {
  height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: none;
  padding: 0 !important;
  scroll-behavior: smooth;
}
.main-container section.body-container .private-container {
  height: 100% !important;
  padding: 32px 40px;
  position: relative;
}
.main-container section.body-container .private-container .long-container {
  margin-bottom: 250px;
  padding-bottom: 100px;
}
.main-container section.body-container .private-container .full-height {
  height: 100%;
  margin: -32px -40px;
}
.main-container section.body-container .private-container .full-height .mobile-help {
  height: 100%;
  margin: auto;
  margin-top: 50px;
  max-width: 50%;
  text-align: center;
}
.main-container section.body-container .private-container .full-height .mobile-help .help-text {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0 26px;
}
@media (max-width: 768px) {
  .main-container section.body-container .private-container {
    padding: 32px 20px;
  }
}
.main-container section.body-container .text-lead {
  color: #6c757d;
  font-size: 14px;
  font-weight: 500;
  padding-left: 2em;
  padding-right: 0;
}
.main-container section.body-container .muted-name {
  color: #b7b7b7;
  font-size: 12px;
  font-weight: 500;
  padding-left: 26px;
}
.main-container section.body-container .text-status,
.main-container section.body-container .cta {
  color: #545454;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.main-container section.body-container .text-status.cta,
.main-container section.body-container .cta.cta {
  color: var(--highlight-color);
}
.main-container section.body-container .public-container {
  min-height: 68vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-height: 600px) {
  .main-container section.body-container .public-container {
    min-height: 73vh;
  }
}
@media (min-height: 700px) {
  .main-container section.body-container .public-container {
    min-height: 77vh;
  }
}
@media (min-height: 800px) {
  .main-container section.body-container .public-container {
    min-height: 79vh;
  }
}
@media (min-height: 900px) {
  .main-container section.body-container .public-container {
    min-height: 81vh;
  }
}
@media (min-height: 1000px) {
  .main-container section.body-container .public-container {
    min-height: 84vh;
  }
}
@media (min-height: 1100px) {
  .main-container section.body-container .public-container {
    min-height: 86vh;
  }
}
.main-container section.body-container .public {
  background-color: #fff;
  box-shadow: none;
  max-width: 400px;
  width: 100%;
}
.main-container section.body-container .public.public-medium {
  max-width: 480px !important;
}
.main-container section.body-container .public.public-wide {
  max-width: 550px !important;
}
.main-container section.body-container .public p {
  color: #222;
  font-size: 14px;
}
.main-container section.body-container .text-primary {
  color: var(--primary-color) !important;
}
.main-container section.body-container .alert {
  opacity: 1;
  transition: opacity 5s;
}
.main-container section.body-container .alert.fade {
  opacity: 0;
}
.main-container section.body-container .alert .anticon > svg {
  font-size: 0.5em;
  margin-top: -1em !important;
}
.main-container section.body-container .breadcrumb .breadcrumb-item.active {
  padding-top: 0.05em;
}
.main-container section.body-container .declaration-container {
  border: solid 1px #ededed;
  border-radius: 0.5em;
  font-size: 0.92em;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.3em 0.5em;
}
.main-container section.body-container .declaration-container iframe {
  border: 0;
  max-height: 250px;
  width: 100%;
}
.main-container section.body-container .declaration-container iframe html body {
  font-family: var(--font-family, "Fira Sans");
  font-size: 0.9em;
}
@media screen and (min-width: 1199.98px) {
  .main-container section.body-container .public {
    max-width: 400px;
  }
  .main-container section.body-container .public.public-medium {
    max-width: 38vw;
  }
  .main-container section.body-container .public.public-wide {
    max-width: 45vw;
  }
}
.main-container section.footer-container {
  background-color: #fff;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
  height: 60px;
  margin-left: -1rem;
  position: relative;
  width: 100vw;
}
@media (min-width: 768px) {
  .main-container section.footer-container {
    margin-left: -2rem;
  }
}
@media (min-width: 992px) {
  .main-container section.footer-container {
    margin-left: -3rem;
  }
}
@media (min-width: 1300px) {
  .main-container section.footer-container {
    margin-left: -4rem;
  }
}
@media (min-width: 1500px) {
  .main-container section.footer-container {
    margin-left: -5rem;
  }
}
.main-container section.footer-container nav {
  background-color: #fff !important;
  font-size: 0.85em;
  height: 60px;
}
.main-container section.footer-container nav .container {
  max-width: 100%;
}

.comments-wrapper .ant-list {
  font-family: var(--font-family, "Fira Sans") !important;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item {
  border-bottom: 0;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
  margin-top: -5px;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar {
  font-size: 14px;
  font-weight: 500;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle {
  background-color: #fafafa;
  border: solid 1px #ededed;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle.blue {
  background-color: #e6f1ff;
  border: solid 1px #e6f1ff;
  color: var(--grad-dark);
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle.green {
  background-color: #ecfff5;
  border: solid 1px #ecfff5;
  color: #158e37;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle.orange {
  background-color: #fffaeb;
  border: solid 1px #fffaeb;
  color: #ff7214;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle.red {
  background-color: #fff1fa;
  border: solid 1px #fff1fa;
  color: #db0090;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle.violet {
  background-color: #eceeff;
  border: solid 1px #eceeff;
  color: var(--violet-dark);
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.ant-avatar-circle.yellow {
  background-color: #fffad1;
  border: solid 1px #fffad1;
  color: #edd500;
}
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-title,
.comments-wrapper .ant-list .ant-list-items .ant-list-item .ant-list-item-meta .ant-list-item-meta-description {
  font-size: 14px;
  font-weight: 400;
}

.comments-form {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out;
}
.comments-form.active {
  max-height: 600px;
  transition: max-height 0.5s ease-in;
}

.ant-checkbox-wrapper {
  font-family: var(--font-family, "Fira Sans") !important;
}

form .form-text .form-check,
form .form-text .ant-radio-group {
  color: #222;
  font-size: 14px;
  line-height: 16px;
}
form .form-text .form-check .ant-radio-wrapper,
form .form-text .ant-radio-group .ant-radio-wrapper {
  font-size: inherit !important;
  margin-bottom: 10px;
  width: 100%;
}
form .form-text .form-check .ant-radio-wrapper > span,
form .form-text .ant-radio-group .ant-radio-wrapper > span {
  width: 100%;
}
form .form-check {
  margin-bottom: 0 !important;
  padding-left: 0;
}
form .form-check:last-of-type .ant-radio-wrapper {
  margin-bottom: 0;
}
form .form-check .ant-checkbox-wrapper,
form .form-check .ant-checkbox-wrapper-checked {
  font-family: var(--font-family, "Fira Sans") !important;
  margin-left: 0;
}
form .form-check .ant-checkbox-wrapper input,
form .form-check .ant-checkbox-wrapper-checked input {
  top: 0;
}
form .form-check .ant-checkbox-wrapper:hover .ant-checkbox::after,
form .form-check .ant-checkbox-wrapper-checked:hover .ant-checkbox::after {
  top: 0 !important;
}
form .form-check .ant-checkbox-wrapper {
  color: #222;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
form .form-check .ant-checkbox-wrapper .check-label {
  display: inline;
  margin-left: 16px;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox {
  font-size: 14px;
  height: 16px;
  position: absolute;
  top: 2px !important;
  width: 16px;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border-color: #d8d8d8 !important;
  display: inline-block;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  margin-top: 1px;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner:disabled {
  opacity: 25%;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner:hover {
  border-color: #ededed !important;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked {
  color: #fff;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked:hover .ant-checkbox-inner {
  top: 0;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked:hover::after {
  height: 16px;
  top: 0;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: var(--highlight-hover);
  border-color: var(--highlight-hover);
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #fff;
  left: 4px;
  top: 6px;
}
form .form-check .ant-checkbox-wrapper .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
  border-color: var(--highlight-color) !important;
  opacity: 25%;
}
form .form-check.form-inline {
  padding: 16px 24px !important;
}
form .form-check.form-inline.form-check-inline {
  border-bottom: solid 1px #ededed;
  height: 100%;
  margin-top: 0;
  padding-top: 12px;
  width: auto;
}
form .form-check.form-inline.form-check-inline label {
  margin-top: 0;
}
form .form-check.form-inline.form-check-inline .ant-checkbox-wrapper {
  font-weight: 400;
  margin-left: -4px;
}
form .form-check.form-inline.form-check-inline .ant-checkbox-wrapper .ant-checkbox {
  top: 3px;
}
form .form-check.form-check-bordered {
  padding-left: 0;
}
form .form-check.form-check-bordered .ant-option-wrapper label {
  font-weight: 500;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
form .form-check.form-check-bordered .ant-option-wrapper label .desc {
  color: #7c7c7c;
  font-weight: 400;
  margin-top: 4px;
}
form .form-check.form-check-bordered .ant-option-wrapper label.ant-checkbox-wrapper {
  border: solid 1px #ededed;
  border-radius: 4px;
  padding: 16px 20px;
  width: 100%;
}
form .form-check.form-check-bordered .ant-option-wrapper label.ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
  background-color: #f2f7ff;
  border-color: var(--highlight-color);
}
form .form-check.form-check-bordered .ant-option-wrapper label.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .desc {
  opacity: 25%;
}
form .form-check.form-check-bordered .ant-option-wrapper label.ant-checkbox-wrapper .ant-checkbox {
  top: 18px !important;
}
form .form-check.form-check-bordered .ant-option-wrapper label.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  top: 6.5px;
}

.ant-picker {
  border: solid 1px #ededed !important;
  border-radius: 4px !important;
  box-shadow: none;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  height: 38px;
  padding: 0 11px !important;
}
.ant-picker.is-valid {
  background-image: none !important;
  border-color: #158e37 !important;
  border-radius: 4px !important;
  box-shadow: none;
  position: relative;
}
.ant-picker.is-valid::after {
  color: #158e37;
  content: "✓";
  display: inline-block;
  font-size: 14px;
  padding-top: 10px;
  position: absolute;
  right: 30px;
  top: 0;
}
.ant-picker.is-required {
  border-color: var(--highlight-color) !important;
}
.ant-picker.is-invalid {
  background-image: none !important;
  border-color: var(--text-danger) !important;
  border-radius: 4px !important;
  box-shadow: none;
}
.ant-picker.ant-picker-focused {
  border: solid 1px var(--highlight-color) !important;
  box-shadow: none;
}
.ant-picker .ant-picker-suffix {
  color: #222;
  display: contents;
  margin-top: 0;
}
.ant-picker .ant-picker-suffix svg {
  vertical-align: 0;
}
.ant-picker.ant-picker-range {
  display: inline-flex !important;
}
.ant-picker.ant-picker-range.filter.filter-active {
  background-color: #e6f1ff !important;
}
.ant-picker.ant-picker-range .ant-picker-input {
  margin-top: 0;
  width: 40%;
}
.ant-picker.ant-picker-range .ant-picker-range-separator {
  display: inline-flex;
  width: 15%;
}
.ant-picker.ant-picker-range .ant-picker-range-separator .anticon {
  color: #6c757d !important;
  font-size: 1em;
  font-weight: 200;
}
.ant-picker.ant-picker-range .ant-picker-suffix {
  display: flex;
  margin-top: 0;
}
.ant-picker.ant-picker-range .ant-picker-suffix > .anticon-calendar {
  color: #222;
  text-align: right;
}
.ant-picker.ant-picker-range .ant-picker-suffix > .anticon-calendar svg {
  vertical-align: 0;
}
.ant-picker .ant-picker-input {
  height: 36px;
  margin-top: 0;
}
.ant-picker .ant-picker-active-bar {
  background: var(--highlight-hover) !important;
}

.ant-picker-dropdown {
  font-family: var(--font-family, "Fira Sans") !important;
  z-index: 1200;
}
.ant-picker-dropdown .ant-picker-header {
  color: #222;
}
.ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-selected::before, .ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-in-range::before, .ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-range-start::before, .ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-range-end::before {
  background: #e7f7ff;
}
.ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-range-end .ant-picker-cell-inner {
  background: var(--highlight-color);
}
.ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-today .ant-picker-cell-inner {
  background: #fff;
  color: #222;
}
.ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-today .ant-picker-cell-inner::before {
  border: solid 1px var(--highlight-hover);
}
.ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-selected::before {
  background: #fff;
}
.ant-picker-dropdown .ant-picker-body .ant-picker-content tbody .ant-picker-cell.ant-picker-cell-selected .ant-picker-cell-inner {
  background: var(--highlight-color);
  color: #fff;
}
.ant-picker-dropdown .ant-picker-footer .ant-picker-footer-extra {
  margin-bottom: 5px;
  margin-top: 5px;
  max-width: 285px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.ant-picker-dropdown .ant-picker-footer .ant-picker-footer-extra .btn-filter {
  margin: 0 2px !important;
}
.ant-picker-dropdown .ant-picker-footer .ant-picker-ranges {
  overflow: auto;
}
.ant-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-ok .ant-btn {
  font-weight: 500;
}
.ant-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-ok .ant-btn.ant-btn-primary {
  background: var(--highlight-color);
  border: 0;
  box-shadow: none;
  height: auto;
  padding: 6px 12px;
  text-shadow: none;
}
.ant-picker-dropdown.ant-picker-dropdown-range .ant-picker-footer .ant-picker-footer-extra {
  max-width: 100%;
  padding: 0 12px;
}

form .form-otp .input-otp {
  width: 100%;
}
form .form-otp .input-otp input {
  border: solid 1px #ededed;
  border-radius: 4px;
  box-shadow: none;
  font-size: 16px;
  height: 50px;
  margin-right: 5px;
  outline: none;
  text-align: center;
  width: 50px;
}
form .form-otp .input-otp input:hover, form .form-otp .input-otp input:active, form .form-otp .input-otp input:focus {
  border-color: var(--highlight-color);
}
form .form-otp .input-otp input:last-of-type {
  margin-right: 0;
}
form .form-otp .input-otp input.is-invalid {
  background-image: none !important;
  border-color: var(--text-danger) !important;
  border-radius: 4px !important;
  box-shadow: none;
}
form .form-otp .input-otp input.is-required {
  border-color: var(--highlight-color) !important;
}

form .ant-radio-group .radio-label {
  color: #222;
  display: block;
  font-size: 14px;
  font-weight: 400;
}
form .ant-radio-wrapper {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
form .ant-radio-wrapper .ant-radio {
  font-size: 14px;
  height: 16px;
  position: absolute;
  top: 2px;
  width: 16px;
}
form .ant-radio-wrapper .ant-radio.ant-wave-target {
  width: 16px !important;
}
form .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  background-color: #fff !important;
}
form .ant-radio-wrapper span:nth-child(2) {
  width: inherit;
}
form .ant-radio-wrapper span:nth-child(2) > .radio-label {
  margin-left: 16px;
  position: relative;
}
form .ant-radio-wrapper span:nth-child(2) > .radio-label .ant-select .ant-select-arrow {
  display: inline-flex;
  flex-direction: row-reverse;
}
form .ant-radio-button-wrapper {
  border-color: var(--highlight-color);
  color: #222;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  line-height: 36px;
}
form .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled {
  opacity: 75% !important;
}
form .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background: var(--highlight-color);
  border: var(--highlight-color);
}
form .ant-radio-button-wrapper.ant-radio-button-wrapper-checked .ant-radio-button {
  color: #fff;
}
form .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover, form .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:focus, form .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:active {
  background: var(--highlight-hover);
  border-color: var(--highlight-hover);
  box-shadow: none !important;
  color: #fff;
  outline: 0;
}
form .ant-radio-button-wrapper:hover, form .ant-radio-button-wrapper:focus, form .ant-radio-button-wrapper:active {
  background: var(--highlight-color);
  border-color: var(--highlight-color);
  box-shadow: none !important;
  color: #fff;
  outline: 0;
}
form .ant-radio-wrapper {
  color: #222 !important;
  font-weight: 400;
}
form .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked .ant-radio-inner::after {
  background-color: var(--highlight-color) !important;
  opacity: 75%;
}
form .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: var(--highlight-color);
}
form .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: var(--highlight-color);
}
form .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:hover {
  border-color: var(--highlight-hover);
}
form label svg {
  font-size: 1.2em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  margin-top: 0;
  width: 0.8em;
}
form label.radio-label {
  color: #666;
  display: block;
  font-size: 14px;
  font-weight: 400;
}
form .form-radio-inline {
  border-bottom: 0;
  display: inline-flex;
  padding: 0 !important;
}
form .form-radio-inline label {
  color: #222;
}
form .form-radio-inline label.radio-label {
  font-size: 14px;
  font-weight: 500;
  padding-left: 0;
  padding-top: 0;
}
form .form-radio-inline .oplabel {
  font-size: 14px;
  font-weight: 400;
}
form .form-radio-inline .sublabel {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
form .form-radio-inline .subdesc {
  font-size: 14px;
}
form .form-radio-inline .ant-radio-group {
  margin-bottom: 5px;
  margin-top: 5px;
}
form .form-radio-vertical {
  display: block;
  margin-bottom: 0;
}
form .form-radio-vertical:last-of-type {
  margin-bottom: 0;
}
form .form-radio-vertical .ant-radio-wrapper {
  font-size: 14px;
  font-weight: 400;
}
form .form-inline {
  padding: 16px 24px !important;
}
form .form-inline .ant-radio-group label {
  font-size: 14px;
  margin-top: 8px !important;
}
form .form-inline .ant-radio-group label.radio-label {
  display: block;
  font-size: 14px;
}
form .ant-radio-group {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
}
form .ant-radio-group.ant-radio-group-solid {
  border-radius: 0;
  color: #222;
  height: 38px;
  line-height: 36px;
  margin: 0;
  padding: 0 4px;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper {
  border: solid 1px #ededed;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
  margin-top: 0 !important;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper:first-child {
  border-radius: 4px 0 0 4px;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper .ant-radio-button {
  outline: 0;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper .anticon {
  vertical-align: -0.25em !important;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper .anticon svg {
  margin-top: 0;
}
form .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper:focus-within {
  outline: 0;
}
form .ant-radio-group.ant-radio-group-solid.active {
  border-color: var(--highlight-color);
}
form .ant-radio-group .ant-radio-group-vertical {
  border: solid 1px #ededed;
  border-radius: 4px;
  display: block;
  height: auto;
  margin: 5px 0;
  overflow: hidden;
  padding: 16px 24px !important;
  position: relative;
  width: 100%;
  word-wrap: break-word;
}
form .ant-radio-group .ant-radio-group-vertical .ant-radio-wrapper {
  margin-bottom: 0;
  margin-top: 0 !important;
}
form .ant-radio-group .ant-radio-group-vertical .ant-radio-wrapper .ant-radio {
  margin-bottom: auto;
  margin-top: auto;
  padding-top: 0;
  top: 0;
}
form .ant-radio-group .ant-radio-group-vertical .ant-radio-wrapper span + span {
  width: 100%;
}
form .ant-radio-group .ant-radio-group-vertical .ant-radio-wrapper .oplabel {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
form .ant-radio-group .ant-radio-group-vertical .ant-radio-wrapper .opsublabel {
  color: var(--highlight-color);
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
  margin-top: 0;
}
form .ant-radio-group .ant-radio-group-vertical .ant-radio-wrapper .description {
  display: block;
  font-weight: 400;
  white-space: break-spaces;
  width: 100%;
  word-wrap: break-word;
}
form .ant-radio-group .ant-radio-group-vertical.active {
  border-color: var(--highlight-color);
}
form .ant-radio-group .ant-radio-group-box {
  border: solid 1px #ededed;
  border-radius: 4px;
  display: inline-block;
  height: 190px;
  margin: 0 5px;
  overflow: hidden;
  padding: 8px 12px !important;
  position: relative;
  width: 190px;
  word-wrap: break-word;
}
form .ant-radio-group .ant-radio-group-box .ant-radio-wrapper .oplabel {
  display: inline-block;
  font-size: 14px;
}
form .ant-radio-group .ant-radio-group-box .ant-radio-wrapper .opsublabel {
  color: #6c757d;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 25px;
  margin-left: 0;
  margin-top: 8px;
}
form .ant-radio-group .ant-radio-group-box .ant-radio-wrapper .description {
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 100px;
  margin-left: 0;
  margin-top: 5px;
  white-space: break-spaces;
  width: 150px;
  word-wrap: break-word;
}
form .ant-radio-group .ant-radio-group-box.active {
  border-color: var(--highlight-color);
}
form .ant-radio-group .ant-radio-group-box.process:first-of-type, form .ant-radio-group .ant-radio-group-box.wide:first-of-type {
  margin-left: 0;
}
form .ant-radio-group .ant-radio-group-box.process .opsublabel, form .ant-radio-group .ant-radio-group-box.wide .opsublabel {
  height: 0;
}
form .ant-radio-group .ant-radio-group-box.process .description, form .ant-radio-group .ant-radio-group-box.wide .description {
  font-size: 14px;
  font-weight: 400;
  margin-left: 25px;
  margin-right: 0;
  white-space: normal;
}
form .ant-radio-group .ant-radio-group-box.wide {
  height: auto;
  max-height: 160px;
  width: 250px;
}
form .ant-radio-group .ant-radio-group-box.wide .ant-radio-wrapper {
  display: flex;
  margin-top: 0;
}
form .ant-radio-group .ant-radio-group-box.wide .oplabel {
  font-size: 14px;
  font-weight: 500;
  vertical-align: top;
  white-space: normal;
  width: 190px;
}
form .ant-radio-group .ant-radio-group-box.wide .description {
  margin-left: 0;
  width: 180px;
}
form .ant-radio-group .ant-radio-group-box.process {
  height: auto;
  max-height: 160px;
  width: 240px;
}
form .ant-radio-group .ant-radio-group-box.process .radio-label {
  display: inline;
}
form .ant-radio-group .ant-radio-group-box.process .radio-label .oplabel {
  font-size: var(--font-family, "Fira Sans");
  font-weight: 500;
}
form .ant-radio-group .ant-radio-group-box.process .radio-label .description {
  font-size: 12px;
  max-width: 200px;
  width: inherit;
}

.ant-select,
.ant-select-dropdown {
  border-radius: 4px;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
  max-height: 80vh !important;
  width: 100% !important;
}
.ant-select .ant-select-clear,
.ant-select-dropdown .ant-select-clear {
  background-color: transparent;
  color: #222;
  right: 12px;
  top: 55%;
}
.ant-select .ant-select-show-search,
.ant-select .ant-select-focused,
.ant-select .ant-select-selector,
.ant-select-dropdown .ant-select-show-search,
.ant-select-dropdown .ant-select-focused,
.ant-select-dropdown .ant-select-selector {
  border-color: #ededed !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.ant-select .ant-select-show-search:hover, .ant-select .ant-select-show-search:focus,
.ant-select .ant-select-focused:hover,
.ant-select .ant-select-focused:focus,
.ant-select .ant-select-selector:hover,
.ant-select .ant-select-selector:focus,
.ant-select-dropdown .ant-select-show-search:hover,
.ant-select-dropdown .ant-select-show-search:focus,
.ant-select-dropdown .ant-select-focused:hover,
.ant-select-dropdown .ant-select-focused:focus,
.ant-select-dropdown .ant-select-selector:hover,
.ant-select-dropdown .ant-select-selector:focus {
  border-color: var(--highlight-color) !important;
  box-shadow: none !important;
  padding-bottom: 0;
}
.ant-select.ant-select-multiple .ant-select-arrow,
.ant-select-dropdown.ant-select-multiple .ant-select-arrow {
  margin-top: -3px;
}
.ant-select .ant-select-selector,
.ant-select-dropdown .ant-select-selector {
  border: 0;
  box-shadow: none !important;
  min-height: 38px;
  padding: 0 20px 0 8px !important;
}
.ant-select .ant-select-selector:focus,
.ant-select-dropdown .ant-select-selector:focus {
  height: auto;
}
.ant-select .ant-select-selector .ant-select-selection-item .anticon,
.ant-select-dropdown .ant-select-selector .ant-select-selection-item .anticon {
  vertical-align: -0.3em;
}
.ant-select .ant-select-selector .ant-select-selection-item .anticon svg,
.ant-select-dropdown .ant-select-selector .ant-select-selection-item .anticon svg {
  margin-top: 0;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item {
  margin-bottom: 2px;
  margin-top: 1px;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
  height: 28px;
  line-height: 25px;
  margin-bottom: 1px;
  margin-inline-end: 5px;
  margin-top: 2px;
  min-height: 28px;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search {
  margin: 0;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search input,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search input {
  height: 33px;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove {
  font-size: 12px;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg {
  background: #000;
  border: 1px solid #000;
  border-radius: 50%;
  color: #fff;
  margin-top: -1px;
  padding: 2px;
}
.ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg path,
.ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg path {
  stroke: #fff;
  stroke-width: 4em;
}
.ant-select .ant-select-arrow,
.ant-select-dropdown .ant-select-arrow {
  height: 8px;
  margin-top: 0;
}
.ant-select .ant-select-arrow .anticon-down,
.ant-select-dropdown .ant-select-arrow .anticon-down {
  color: #222;
}
.ant-select .ant-select-item.ant-select-item-option-selected,
.ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
  background-color: #e6f1ff;
  font-weight: 400;
}
.ant-select .ant-select-item .ant-select-item-option-content,
.ant-select-dropdown .ant-select-item .ant-select-item-option-content {
  white-space: break-spaces;
}
.ant-select .ant-select-item .ant-select-item-option-content .anticon svg,
.ant-select-dropdown .ant-select-item .ant-select-item-option-content .anticon svg {
  margin-top: -5px;
}
.ant-select.is-valid > .ant-select-selector,
.ant-select-dropdown.is-valid > .ant-select-selector {
  border-color: #158e37 !important;
}
.ant-select.is-valid::after,
.ant-select-dropdown.is-valid::after {
  padding-top: 10px;
  right: 35px;
}
.ant-select.is-invalid > .ant-select-selector,
.ant-select-dropdown.is-invalid > .ant-select-selector {
  border-color: var(--text-danger) !important;
}
.ant-select.is-required > .ant-select-selector,
.ant-select-dropdown.is-required > .ant-select-selector {
  border-color: var(--highlight-color) !important;
}
.ant-select.tree-select .ant-select-selection--single,
.ant-select-dropdown.tree-select .ant-select-selection--single {
  margin: -1px -1px 0;
}
.ant-select.ant-select-borderless,
.ant-select-dropdown.ant-select-borderless {
  font-size: 1.1em;
  margin-top: 10px !important;
  outline: 0;
  width: 130px;
}
.ant-select.ant-select-borderless .ant-select-selector,
.ant-select-dropdown.ant-select-borderless .ant-select-selector {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--highlight-color);
}
.ant-select.ant-select-borderless .ant-select-item-option-content,
.ant-select-dropdown.ant-select-borderless .ant-select-item-option-content {
  font-size: 14px;
}
.ant-select.ant-select-open > .ant-select-selection,
.ant-select-dropdown.ant-select-open > .ant-select-selection {
  border-color: var(--highlight-color) !important;
  box-shadow: none !important;
  padding-bottom: 0;
}
.ant-select .ant-select-selection:active, .ant-select .ant-select-selection:hover, .ant-select .ant-select-selection:focus,
.ant-select-dropdown .ant-select-selection:active,
.ant-select-dropdown .ant-select-selection:hover,
.ant-select-dropdown .ant-select-selection:focus {
  border-color: var(--highlight-color) !important;
  box-shadow: none !important;
  padding-bottom: 0;
}
.ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item,
.ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  color: #222;
  white-space: normal;
}
.ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active,
.ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active {
  background-color: #d8d8d8;
}
.ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-disabled,
.ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-disabled {
  color: #6c757d;
}
.ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected,
.ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected {
  background-color: #e6f1ff;
  font-weight: 400;
}
.ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
  color: var(--highlight-color);
}
.ant-select .anticon,
.ant-select-dropdown .anticon {
  margin-right: 5px;
}

.ant-select.w-47ch .ant-select-dropdown {
  width: 47ch !important;
}
.ant-select.w-47ch .ant-select-dropdown .btn-link {
  margin-right: 0 !important;
}
.ant-select.h-auto .ant-select-selector {
  height: auto;
}
.ant-select.h-auto .ant-select-arrow {
  margin-top: -2px;
}
.ant-select.h-auto .ant-select-selection-item {
  line-height: 12px;
  padding-bottom: 8px;
}
.ant-select.h-auto .ant-select-selection-item::first-line {
  line-height: 36px;
}
.ant-select.h-auto .ant-select-selection-item .blue {
  color: var(--icon-blue-light);
}
.ant-select.h-auto .ant-select-selection-item .orange {
  color: #f97300;
}
.ant-select.h-auto .ant-select-selection-item .green {
  color: #00c65b;
}
.ant-select.h-auto .ant-select-selection-item .purple {
  color: #a718eb;
}
.ant-select.h-auto .ant-select-selection-item .yellow {
  color: #edd500;
}
.ant-select.h-auto .ant-select-selection-item .violet {
  color: var(--violet-dark);
}
.ant-select.h-auto .ant-select-selection-item .red {
  color: #db0090;
}

.ant-select-tree,
.ant-tree-select-dropdown {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
}

.form-modal-filter {
  padding: 0 !important;
  position: relative;
  width: fit-content;
}
.form-modal-filter .modal-label {
  color: var(--highlight-color);
  font-weight: 500;
  left: 15px;
  padding-left: 16px;
  position: absolute;
  top: 8px;
  z-index: 99;
}
.form-modal-filter .modal-label.filter-active {
  color: var(--icon-blue);
}
.form-modal-filter .ant-select {
  left: 14px;
}
.form-modal-filter .ant-select .ant-select-selector {
  background-color: #f6faff;
  border: 0;
  color: var(--highlight-color) !important;
  padding-left: 100px !important;
}
.form-modal-filter .ant-select .ant-select-selector .ant-select-selection-search {
  inset-inline-start: 100px;
}
.form-modal-filter .ant-select .ant-select-selector .ant-select-selection-item {
  font-weight: 500;
}
.form-modal-filter .ant-select .ant-select-arrow {
  margin-top: -2px;
}
.form-modal-filter .ant-select .ant-select-arrow .anticon {
  color: var(--highlight-color);
}
.form-modal-filter .ant-select .ant-select-clear {
  margin-top: -4px;
}
.form-modal-filter .ant-select .ant-select-dropdown {
  min-width: 200px;
}

.form-filter,
.filter-search {
  position: relative;
}
.form-filter .sort-label,
.form-filter .filter-label,
.filter-search .sort-label,
.filter-search .filter-label {
  font-weight: 500;
  left: 15px;
  position: absolute;
  top: 14px !important;
  z-index: 99;
}
.form-filter .sort-label.filter-active,
.form-filter .filter-label.filter-active,
.filter-search .sort-label.filter-active,
.filter-search .filter-label.filter-active {
  color: var(--icon-blue);
}
.form-filter .filter-label,
.filter-search .filter-label {
  margin-right: 5px;
}
.form-filter .sort-label,
.filter-search .sort-label {
  font-weight: 400;
  top: 18px !important;
}
.form-filter .filter-value,
.filter-search .filter-value {
  background-color: var(--highlight-color);
  border-radius: 10px;
  color: #fff;
  display: inline;
  font-weight: 500;
  margin-left: 5px;
  padding-left: 7px;
  position: absolute;
  width: 45px !important;
  z-index: 99;
}
.form-filter .filter-value .btn-icon,
.filter-search .filter-value .btn-icon {
  display: inline;
  font-size: 10px;
  margin: 5px 0 0 5px !important;
  padding: 0 !important;
}
.form-filter .filter-value .btn-icon .anticon svg,
.filter-search .filter-value .btn-icon .anticon svg {
  font-size: 14px !important;
  vertical-align: 0;
}
.form-filter .ant-select.sort,
.filter-search .ant-select.sort {
  height: 38px !important;
  top: 3px !important;
}
.form-filter .ant-select.sort .ant-select-selector,
.filter-search .ant-select.sort .ant-select-selector {
  padding-left: 70px !important;
}
.form-filter .ant-select.sort .ant-select-selector .ant-select-selection-item,
.filter-search .ant-select.sort .ant-select-selector .ant-select-selection-item {
  font-weight: 500;
  left: 4px;
  padding-right: 5px;
  top: 0;
}
.form-filter .ant-select.sort .ant-select-arrow,
.filter-search .ant-select.sort .ant-select-arrow {
  margin-top: -3px !important;
}
.form-filter .ant-select.filter .ant-select-selector .ant-select-selection-item,
.filter-search .ant-select.filter .ant-select-selector .ant-select-selection-item {
  font-weight: 500;
  line-height: 34px;
  padding-right: 15px;
  padding-top: 2px;
}
.form-filter .ant-select.filter.filter-active > .ant-select-selector,
.filter-search .ant-select.filter.filter-active > .ant-select-selector {
  background-color: #e6f1ff !important;
}
.form-filter .ant-select.filter.filter-active > .ant-select-arrow svg,
.filter-search .ant-select.filter.filter-active > .ant-select-arrow svg {
  color: var(--icon-blue) !important;
}
.form-filter .ant-select.filter .ant-tree-select.filter.filter-active .ant-select-selector,
.filter-search .ant-select.filter .ant-tree-select.filter.filter-active .ant-select-selector {
  background-color: #e6f1ff !important;
}

.form-secondary .ant-select .ant-select-selector {
  border: 0;
  color: #222;
}
.form-secondary .ant-select .ant-select-selector:hover {
  background-color: #fafafa;
  color: #b7b7b7;
}

form .form-text-label {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  margin-right: 1em;
  margin-top: 2.2em;
}
form .form-text {
  color: #6c757d;
  font-size: 14px !important;
  margin-top: 0;
  padding: 16px 24px;
}
form .form-text:hover .btn-link.copy, form .form-text:active .btn-link.copy {
  color: #7c7c7c;
}
form .form-text:nth-of-type(odd) {
  background-color: #fafafa;
}
form .form-text:nth-of-type(even) {
  background-color: #fff;
}
form .form-text:last-of-type {
  margin-bottom: 0;
}
form .form-text.form-text-line {
  background-color: #fff;
  border-bottom: solid 1px #ededed;
  padding: 16px 24px;
}
form .form-text.form-text-line:last-of-type {
  border-bottom: solid 1px #ededed;
  padding-bottom: 1.25em;
}
form .form-text.form-text-line .text-label {
  color: #222;
  padding-left: 15px;
}
form .form-text.form-text-line .text-label .sublabel {
  color: #7c7c7c;
  font-weight: 400;
  padding-top: 5px;
}
form .form-text.form-text-line .text-value {
  color: #222;
  font-weight: 400 !important;
  white-space: pre-line;
}
form .form-text.form-text-line .text-value .text-muted {
  font-size: 14px;
}
form .form-text.form-text-line .text-value label {
  color: #222;
  font-size: 14px;
}
form .form-text.form-text-line .text-value .hover-value {
  background-color: #fff;
  border-radius: 2px;
  padding: 8px 0;
}
form .form-text.form-text-line .text-value .hover-value .btn-holder {
  display: none;
  margin: auto;
  text-align: right;
}
form .form-text.form-text-line .text-value .hover-value .btn-holder .btn {
  padding: 0;
}
form .form-text.form-text-line .text-value .hover-value:hover {
  background-color: #fafafa;
}
form .form-text.form-text-line .text-value .hover-value:hover .btn-holder {
  display: block;
}
form .form-text.form-text-line .alert-wrapper .anticon.ant-alert-icon {
  top: 10px;
}
form .form-text.form-text-line button {
  margin-bottom: -0.5em;
  margin-top: 0;
}
form .form-text.form-text-line button.ant-alert-close-icon {
  margin-top: -6px;
}
form .form-text.form-text-line button.btn-danger {
  font-size: 1em;
  margin-bottom: 0;
  margin-top: 0;
}
form .form-text.form-text-noline {
  background-color: transparent;
  border-bottom: 0;
  padding: 10px;
}
form .form-text.form-text-noline .text-label {
  color: #222;
  padding-left: 10px;
}
form .form-text.form-text-noline .text-value {
  color: #222;
  font-weight: 400 !important;
}
form .form-text.form-text-noline .text-value .text-muted {
  font-size: 14px;
}
form .form-text.form-text-noline .text-value label {
  color: #222;
  font-size: 14px;
}
form .form-text.form-text-total {
  background-color: transparent !important;
  margin-bottom: 0.5em;
  padding-top: 0;
}
form .form-text.form-text-total .text-label {
  color: #6c757d;
  font-size: 1em;
  font-weight: 400;
}
form .form-text.form-text-total .text-value {
  font-size: 1.2em;
  font-weight: 500 !important;
}
form .form-text.form-text-total .text-value .anticon {
  margin-right: 0.3em;
}
form .form-text.form-text-total .text-value .support-text {
  color: #6c757d;
  font-size: 0.8em;
  font-weight: 400;
  margin-left: 0.5em;
}
form .form-text.form-text-line-inverted {
  background-color: #fff !important;
  border-bottom: solid 1px #ededed;
  font-size: 14px !important;
  padding: 16px 24px;
}
form .form-text.form-text-line-inverted .text-label {
  color: #222;
  font-weight: 400;
}
form .form-text.form-text-line-inverted .text-value {
  color: #222;
  font-weight: 500;
  white-space: pre-line;
}
form .form-text.form-text-noline-inverted {
  background-color: transparent;
  border-bottom: 0;
  padding: 10px;
}
form .form-text.form-text-noline-inverted .text-label {
  color: #6c757d;
  font-weight: 400;
}
form .form-text.form-text-inverted {
  background-color: transparent !important;
}
form .form-text.form-text-inverted .text-label {
  color: #222;
  font-size: 14px !important;
  font-weight: 500;
}
form .form-text.form-text-inverted .text-value {
  font-size: 14px;
  font-weight: 400 !important;
  white-space: pre-line;
}
form .form-text.form-text-muted {
  background-color: transparent !important;
  font-size: 14px !important;
}
form .form-text.form-text-muted .text-label {
  color: #6c757d;
  font-weight: 400 !important;
}
form .form-text.form-text-muted .text-value {
  color: #222;
  font-weight: 400 !important;
}
form .form-text.form-text-muted .text-value .ant-breadcrumb {
  color: #222 !important;
  margin-bottom: 0;
  margin-top: 0;
}
form .form-text.form-text-muted .text-value .ant-breadcrumb .ant-breadcrumb-separator {
  padding-top: 6px;
}
form .form-text.form-text-muted .text-value .ant-breadcrumb .btn-link {
  font-weight: 400 !important;
  padding-left: 0;
  padding-right: 0;
}
form .form-text .text-label {
  font-weight: 500;
}
form .form-text .text-label svg {
  margin-right: 0.7em;
  margin-top: -0.35em;
}
form .form-text .text-value {
  font-weight: 400;
  white-space: pre-line;
}
form .form-text .text-value .markdown {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  margin-bottom: -6px !important;
}
form .form-text .text-value .markdown > table td,
form .form-text .text-value .markdown > table th {
  border: solid 1px #ededed;
  padding: 4px 8px;
}
form .form-text .text-value .markdown > blockquote {
  margin-block-end: -1.2em;
  margin-block-start: -1.2em;
  margin-bottom: 0 !important;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
form .form-text .text-value .markdown p {
  display: inline-block;
  margin-bottom: 8px !important;
}
form .form-text .text-value .markdown ol,
form .form-text .text-value .markdown ul {
  margin-bottom: 8px;
  margin-left: 8px;
  padding-inline-start: 0;
  white-space: initial;
}
form .form-text .text-value .markdown ol li,
form .form-text .text-value .markdown ul li {
  margin-left: 16px;
}
form .form-text .text-value .markdown a {
  color: var(--highlight-color);
  text-decoration: underline;
  transition: color 0.2s;
}
form .form-text .text-value .markdown a:hover {
  color: var(--highlight-hover);
  text-decoration: underline;
}
form .form-text .text-value p {
  display: inherit;
  font-size: 14px;
  margin-bottom: 0 !important;
}
form .form-text .text-value del {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
form .form-text .text-value svg {
  margin-top: 0;
}
form .form-text .text-value .ant-select-arrow svg {
  margin-top: 0;
}
form .form-text .inline .text-value {
  color: #222;
  font-weight: 500;
}
form .form-text .white-space-pre {
  white-space: pre-line;
}

.form-control.textarea {
  border: 0;
  font-size: 14px;
  height: 210px;
  padding: 0;
  width: 100%;
}
.form-control.textarea.disabled .CodeMirror {
  background-color: #f5f5f5;
  color: #b7b7b7;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.form-control.textarea.is-required .EasyMDEContainer .editor-toolbar,
.form-control.textarea.is-required .EasyMDEContainer .CodeMirror {
  border-color: var(--highlight-color) !important;
}
.form-control.textarea.is-valid .EasyMDEContainer .editor-toolbar,
.form-control.textarea.is-valid .EasyMDEContainer .CodeMirror {
  border-color: #158e37 !important;
}
.form-control.textarea.is-valid::after {
  display: none;
}
.form-control.textarea.is-invalid .EasyMDEContainer .editor-toolbar,
.form-control.textarea.is-invalid .EasyMDEContainer .CodeMirror {
  border-color: var(--text-danger) !important;
}
.form-control.textarea .editor-toolbar {
  background-color: transparent;
  border-color: #ededed;
  padding: 2px 5px;
}
.form-control.textarea .editor-toolbar button {
  max-width: 30px;
}
.form-control.textarea .editor-toolbar .side-by-side,
.form-control.textarea .editor-toolbar .fullscreen {
  display: none;
}
.form-control.textarea .CodeMirror {
  border-color: #ededed;
  font-size: 14px;
  height: 180px;
}
.form-control.textarea .CodeMirror:hover {
  border-color: var(--highlight-color) !important;
}
.form-control.textarea .CodeMirror .CodeMirror-placeholder {
  color: #6c757d;
  font-size: 13px;
}
.form-control.textarea .CodeMirror .CodeMirror-code {
  height: inherit;
}
.form-control.textarea .CodeMirror .CodeMirror-scroll {
  min-height: 140px !important;
}
.form-control.textarea .CodeMirror .CodeMirror-scroll .CodeMirror-sizer {
  min-height: 140px !important;
}
.form-control.textarea .editor-statusbar {
  background-color: transparent !important;
  display: none;
}

.form-group-copilot {
  border-radius: 8px;
  margin-bottom: 0;
  position: relative;
}
.form-group-copilot .loading {
  border-top: solid 1px #ededed;
  height: 89px;
  padding: 20px 10px;
}
.form-group-copilot .textarea {
  border-radius: 0 0 8px 8px !important;
  border-top: solid 1px #ededed;
  box-shadow: none !important;
  max-height: 89px;
  overflow-y: auto;
  padding: 12px 10px;
}
.form-group-copilot .textarea::placeholder {
  color: #b7b7b7;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
  left: 16px;
  position: absolute;
  top: 18px;
}
.form-group-copilot .textarea:hover, .form-group-copilot .textarea:active, .form-group-copilot .textarea:focus {
  border-color: #ededed !important;
}
.form-group-copilot .textarea:hover::placeholder, .form-group-copilot .textarea:active::placeholder, .form-group-copilot .textarea:focus::placeholder {
  display: none;
  font-family: var(--font-family, "Fira Sans") !important;
}
.form-group-copilot .btn-send {
  color: #b7b7b7;
  margin-right: 0 !important;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 18px;
  width: auto;
}

form .form-file-upload.form-inline label {
  font-weight: 500;
}
form .form-upload input [type=file]:disabled {
  cursor: not-allowed !important;
}
form .form-upload input:disabled {
  cursor: not-allowed !important;
}
form .form-upload input.input-upload {
  opacity: 0 !important;
}
form .form-upload .btn-upload {
  background-color: #fff;
  border: 0;
  color: #222;
  height: 35px;
  padding: 0;
  text-align: left;
  width: 85%;
}
form .form-upload.form-upload-inline {
  border-bottom: solid 1px #ededed;
  padding: 16px 24px;
}
form .form-upload.form-upload-inline label.upload-label {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  margin-left: 0;
  margin-top: 1em;
}
form .form-upload.form-upload-inline.form-group label {
  font-size: 14px;
  margin-left: 0;
  padding-top: 0;
}
form .form-upload.form-upload-borderless {
  border: 0;
  padding: 0;
}
form .form-upload.form-upload-card {
  background-color: #fafafa;
  border: dashed 1px #d8d8d8;
  border-radius: 4px;
  margin-bottom: 0;
  min-height: 225px;
  width: inherit;
}
form .form-upload.form-upload-card .upload-label {
  height: 219px;
  margin: 0;
}
form .form-upload.form-upload-card .upload-label .input-upload {
  height: inherit;
  z-index: 2;
}
form .form-upload.form-upload-card .upload-label .file-upload {
  background-color: transparent;
  border: 0;
  height: inherit;
  margin: auto;
}
form .form-upload.form-upload-card .upload-label .file-upload .input-label {
  height: inherit;
  margin: auto;
  padding-top: 70px;
  width: 70%;
}
form .form-upload.form-upload-card .upload-label .file-upload .input-label .anticon {
  display: block;
  font-size: 16px;
  margin-bottom: 6px;
}
form .form-upload.form-upload-preview {
  margin-bottom: 0;
  width: auto;
}
form .form-upload.form-upload-preview label {
  width: fit-content;
}
form .form-upload.form-upload-preview .file-preview {
  border: solid 1px #ededed !important;
  border-radius: 4px;
  color: var(--highlight-color) !important;
  display: inline-flex;
  margin-right: 10px;
  padding: 0 12px !important;
  width: auto !important;
}
form .form-upload.form-upload-preview .file-preview > button {
  height: 34px;
  width: auto !important;
}
form .form-upload.form-upload-preview .file-preview .btn-danger,
form .form-upload.form-upload-preview .file-preview .btn-icon-danger {
  padding-right: 10px;
}
form .form-upload label.upload-label {
  color: #222;
  display: block;
  font-size: 14px;
  text-align: left;
}
form .form-upload .file-upload {
  background-color: #fafafa;
  border: dotted 1px #ededed;
  border-radius: 4px;
  color: #222;
  font-size: 14px;
  height: 38px;
  position: relative;
  text-align: center;
}
form .form-upload .file-upload:focus, form .form-upload .file-upload:hover, form .form-upload .file-upload:active {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form .form-upload .file-upload .input-upload {
  cursor: pointer;
  height: 38px;
}
form .form-upload .file-upload .input-upload:disabled {
  color: #6c757d;
  cursor: not-allowed;
}
form .form-upload .file-upload .input-label {
  font-weight: 400;
  position: absolute;
  top: 8px;
  z-index: 1;
}
form .form-upload .file-upload .input-label .anticon-plus {
  color: #222 !important;
  font-size: 0.92em !important;
  font-weight: 500;
  margin-right: 10px;
  margin-top: 0;
  vertical-align: -0.05em;
}
form .form-upload .file-upload-dashed {
  background: #eff8ff;
  border: dashed 1px var(--highlight-color);
  border-radius: 4px;
  color: #222;
  font-size: 14px;
  height: 100px;
  position: relative;
  text-align: center;
}
form .form-upload .file-upload-dashed:focus, form .form-upload .file-upload-dashed:hover, form .form-upload .file-upload-dashed:active {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form .form-upload .file-upload-dashed.thin {
  height: 38px;
  min-height: 38px;
}
form .form-upload .file-upload-dashed.thin .input-label {
  top: 8px;
}
form .form-upload .file-upload-dashed.thin .input-label .anticon {
  display: inline-flex;
  margin-right: 10px;
}
form .form-upload .file-upload-dashed .input-upload {
  cursor: pointer;
  height: inherit;
}
form .form-upload .file-upload-dashed .input-label {
  cursor: pointer;
  font-weight: 400;
  position: absolute;
  top: 20px;
}
form .form-upload .file-upload-dashed .input-label[disabled] {
  cursor: not-allowed !important;
}
form .form-upload .file-upload-dashed .input-label .anticon {
  color: #222 !important;
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 0;
}
form .form-upload .file-upload-dashed-default {
  background: #fafafa;
  border: dashed 1px #d8d8d8;
  border-radius: 4px;
  color: #222;
  font-size: 14px;
  height: auto;
  min-height: 80px;
  padding: 16px;
  position: relative;
  text-align: center;
}
form .form-upload .file-upload-dashed-default:focus, form .form-upload .file-upload-dashed-default:hover, form .form-upload .file-upload-dashed-default:active {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form .form-upload .file-upload-dashed-default .input-upload {
  cursor: pointer;
  height: auto;
}
form .form-upload .file-upload-dashed-default .input-label {
  font-weight: 400;
  position: absolute;
  top: 20px;
}
form .form-upload .file-upload-dashed-default .input-label .anticon {
  color: #222 !important;
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 0;
}
form .form-upload .file-preview {
  border: solid 1px #ededed;
  border-radius: 4px;
  font-size: 14px;
  height: 38px;
  width: 100%;
}
form .form-upload .file-preview .filename {
  color: var(--highlight-color);
  margin-bottom: auto;
  margin-top: auto;
  padding-right: 0;
  padding-top: 1px;
}
form .form-upload .file-preview .filename .anticon.anticon-paper-clip {
  color: var(--highlight-color);
  margin-right: 10px;
  vertical-align: -0.1em;
}
form .form-upload .file-preview .filename button {
  padding-left: 0;
}
form .form-upload .file-preview .filebtn {
  margin-left: -0.8em;
  padding-left: 0;
  padding-right: 0;
}
form .form-upload .file-preview .btn-danger .anticon {
  vertical-align: -0.35em;
}
form .form-upload .file-view {
  border: 0;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 5px 0;
  position: relative;
}
form .form-upload .file-view:last-of-type {
  margin-bottom: 0;
}
form .form-upload .file-view button {
  margin: 0;
}
form .form-upload .file-view button.btn-float {
  position: absolute;
  right: 0;
  top: 0;
}

.react-pdf__Page .react-pdf__Page__canvas {
  display: initial !important;
}

.ant-select-tree,
.ant-tree-select-dropdown,
.ant-tree-select {
  border-radius: 4px;
  font-size: 14px !important;
}
.ant-select-tree .ant-select-empty,
.ant-tree-select-dropdown .ant-select-empty,
.ant-tree-select .ant-select-empty {
  color: #b7b7b7;
  padding: 0 8px;
}
.ant-select-tree .ant-select-clear,
.ant-tree-select-dropdown .ant-select-clear,
.ant-tree-select .ant-select-clear {
  right: 34px;
}
.ant-select-tree .ant-select-tree-list .ant-select-tree-treenode,
.ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-treenode,
.ant-tree-select .ant-select-tree-list .ant-select-tree-treenode {
  font-weight: 400;
  min-height: 32px;
  padding: 2px;
}
.ant-select-tree .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-switcher .ant-select-tree-switcher-icon,
.ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-switcher .ant-select-tree-switcher-icon,
.ant-tree-select .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-switcher .ant-select-tree-switcher-icon {
  font-size: 16px !important;
  margin: 8px 3px 0;
}
.ant-select-tree .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-title .anticon,
.ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-title .anticon,
.ant-tree-select .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-title .anticon {
  vertical-align: -0.3em;
}
.ant-select-tree .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-indent .ant-select-tree-indent-unit,
.ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-indent .ant-select-tree-indent-unit,
.ant-tree-select .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-indent .ant-select-tree-indent-unit {
  width: 12px;
}
.ant-select-tree .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-node-content-wrapper,
.ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-node-content-wrapper,
.ant-tree-select .ant-select-tree-list .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  min-height: 28px;
  padding: 5px 12px;
}
.ant-select-tree .ant-select-tree-list .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-selected,
.ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-selected,
.ant-tree-select .ant-select-tree-list .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-selected {
  background-color: #e6f1ff;
}

.form-border {
  margin: 10px 0;
  padding: 8px 16px;
}
.form-border.active {
  border: solid 1px var(--highlight-color);
  border-radius: 4px;
}

.ant-input {
  border-color: #ededed !important;
  font-family: var(--font-family, "Fira Sans") !important;
}

.required {
  color: #9e1d1d;
  content: "*";
  padding-left: 0.5em;
}

.help-text {
  color: #6c757d;
  font-size: 14px;
}
.help-text svg {
  margin-right: 0.5em;
  margin-top: -0.35em;
}
.help-text.icon-text {
  color: #222;
  cursor: default;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding-left: 5px;
}

h3 {
  color: #222;
  font-size: 1.3em;
  font-weight: 500;
  margin-left: 0.5em;
}

.form-control {
  border-color: #ededed;
  width: 100%;
}
@media (min-width: 576px) {
  .form-control {
    width: 100% !important;
  }
}
.form-control:active, .form-control:focus {
  border-color: var(--highlight-color) !important;
  box-shadow: none !important;
}

.form-search {
  margin-bottom: 1em;
}
.form-search.form-inline {
  background-color: transparent !important;
}
.form-search.form-inline label {
  margin-left: 0;
}
.form-search label {
  margin-left: 2px;
}
.form-search .search-content {
  background-color: #fafafa;
  border: solid 1px #ededed;
  border-radius: 4px;
  padding: 1em;
}
.form-search .search-content .btn-primary {
  margin-right: 8px !important;
}
.form-search .search-content .search-ph {
  color: #7c7c7c;
  font-weight: 400;
}
.form-search .search-content.is-required {
  border-color: var(--highlight-color);
}
.form-search .search-content.is-invalid {
  border-color: var(--text-danger);
}
.form-search .search-content.is-valid {
  border-color: #158e37;
  display: block;
}
.form-search .search-content.is-valid::after {
  display: none;
}

form {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
form .is-required .form-control {
  border-color: var(--highlight-color) !important;
}
form .is-valid {
  display: block;
  position: relative;
}
form .is-valid .form-control {
  background-image: none !important;
  border-color: #158e37 !important;
  border-radius: 4px !important;
  box-shadow: none;
}
form .is-valid::after {
  color: #158e37;
  content: "✓";
  display: inline-block;
  font-size: 14px;
  padding-top: 10px;
  position: absolute;
  right: 20px;
  top: 0;
}
form .is-valid.numbox::after {
  padding-top: 10px;
}
form .is-invalid .form-control {
  background-image: none !important;
  border-color: var(--text-danger) !important;
  border-radius: 4px !important;
  box-shadow: none;
}
form .ant-input-affix-wrapper {
  border-color: var(--text-danger) !important;
  box-shadow: none;
  display: flex;
}
form .ant-input-affix-wrapper input {
  margin-top: -6px !important;
}
form:hover, form:focus {
  border-color: var(--text-danger);
  box-shadow: none;
}
form .ant-input-suffix {
  right: 25px !important;
}
form .invalid-feedback {
  color: var(--text-danger);
  font-weight: 400;
}
form .input-group .input-group-prepend,
form .input-group .input-group-append {
  height: 38px;
  margin-top: 0;
}
form .input-group .input-group-prepend .input-group-text,
form .input-group .input-group-append .input-group-text {
  background-color: #f5f5f5;
  border-color: #ededed;
  font-size: 14px;
  height: 38px;
}
form .input-group .input-group-prepend .input-group-text:hover,
form .input-group .input-group-append .input-group-text:hover {
  border-color: var(--highlight-color);
}
form .input-group input.form-control {
  width: auto !important;
}
form .input-group input:hover {
  border-color: var(--highlight-color);
}
form .input-group .input-group-prepend .input-group-text {
  border-radius: 4px 0 0 4px !important;
}
form .input-group .input-group-append .input-group-text {
  background-color: #fff !important;
  border-radius: 0 4px 4px 0 !important;
}
form .input-group input {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
form .input-group input.appended {
  border-radius: 4px 0 0 4px !important;
  border-right: 0;
}
form .header-text {
  background-color: #fafafa;
  color: #6c757d;
  font-size: 14px;
  font-weight: 500;
  margin: 1.5em 0;
  padding: 0.7em 0;
}
form .subtext {
  color: #6c757d;
  font-size: 12px;
  margin-top: -0.5em;
  width: 350px;
}
form .ant-input-password {
  padding-bottom: 0;
  padding-top: 0;
}
form .ant-input-password.ant-input-affix-wrapper {
  border-color: #ededed !important;
}
form .ant-input-password.ant-input-affix-wrapper > input {
  padding-right: 30px;
}
form .ant-input-password.ant-input-affix-wrapper .ant-input-suffix {
  align-items: center;
  display: flex;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
form .ant-input-password > .ant-input {
  margin-left: -11px !important;
  padding-left: 11px !important;
}
form label {
  color: #222;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  padding-left: 0;
  text-align: left;
}
form label .ant-input {
  height: 38px;
}
form label.general-label {
  padding: 8px;
}
form label .input-group-prepend,
form label .input-group-append {
  height: 38px;
  margin-top: 0;
  z-index: 0;
}
form label .input-group-prepend button,
form label .input-group-append button {
  height: 38px;
}
form label .input-group-prepend .input-group-text,
form label .input-group-append .input-group-text {
  background-color: #f5f5f5;
}
form label .input-group-prepend .input-group-text:hover,
form label .input-group-append .input-group-text:hover {
  border-color: var(--highlight-color);
}
form label .input-group-prepend.bg-none .input-group-text,
form label .input-group-append.bg-none .input-group-text {
  background-color: transparent;
  border-right: 0;
  color: #7c7c7c;
  font-size: 14px;
  padding-right: 0;
}
form label.label-md {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}
form label.label-md::placeholder,
form label.label-md .ant-select-selection__placeholder {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 12px;
  font-weight: 100;
}
form label.label-md > .sublabel {
  font-size: 12px;
  font-weight: 400;
  margin-top: 0.5em;
}
form label.label-md > .subdesc {
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
}
form label .ant-input-prefix,
form label .ant-input-suffix {
  color: #222 !important;
  font-weight: 500;
  margin-top: 0;
}
form label .ant-input-prefix .anticon,
form label .ant-input-suffix .anticon {
  font-size: 14px;
  margin-top: 0;
}
form label .ant-input-prefix .anticon:hover, form label .ant-input-prefix .anticon:focus,
form label .ant-input-suffix .anticon:hover,
form label .ant-input-suffix .anticon:focus {
  color: var(--highlight-color) !important;
}
form label span.ant-input-password input.ant-input {
  height: 36px !important;
  margin-top: 0 !important;
}
form label span.ant-input-password, form label span.ant-input-affix-wrapper {
  height: 38px;
  margin-top: 0.4em;
}
form label span.ant-input-password .ant-input-prefix, form label span.ant-input-affix-wrapper .ant-input-prefix {
  margin-left: 0;
}
form label span.ant-input-password input.ant-input, form label span.ant-input-affix-wrapper input.ant-input {
  border: 0;
  font-size: 14px;
  height: 36px;
  margin-bottom: 0;
  margin-top: -18px;
}
form label span.ant-input-password input.ant-input:hover, form label span.ant-input-password input.ant-input:focus, form label span.ant-input-affix-wrapper input.ant-input:hover, form label span.ant-input-affix-wrapper input.ant-input:focus {
  box-shadow: none;
}
form ::placeholder,
form .ant-select-selection-placeholder {
  color: #b7b7b7 !important;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 13px !important;
  font-weight: 400;
  opacity: 1;
}
form .ant-input {
  padding: 4px 11px;
}
form textarea.form-control {
  height: auto !important;
}
form input,
form select,
form textarea,
form .ant-select,
form .ant-input,
form .ant-input-password,
form .ant-input-wrapper,
form .ant-input-affix-wrapper,
form .ant-input-group-wrapper {
  border-radius: 4px !important;
  width: 100%;
}
form input.form-control,
form select.form-control,
form textarea.form-control,
form .ant-select.form-control,
form .ant-input.form-control,
form .ant-input-password.form-control,
form .ant-input-wrapper.form-control,
form .ant-input-affix-wrapper.form-control,
form .ant-input-group-wrapper.form-control {
  color: #222;
  font-size: 14px;
  height: 38px;
  margin-bottom: 1em;
  width: 100%;
}
form input.form-control:last-of-type,
form select.form-control:last-of-type,
form textarea.form-control:last-of-type,
form .ant-select.form-control:last-of-type,
form .ant-input.form-control:last-of-type,
form .ant-input-password.form-control:last-of-type,
form .ant-input-wrapper.form-control:last-of-type,
form .ant-input-affix-wrapper.form-control:last-of-type,
form .ant-input-group-wrapper.form-control:last-of-type {
  margin-bottom: 0;
}
form input.form-control:hover, form input.form-control:focus,
form select.form-control:hover,
form select.form-control:focus,
form textarea.form-control:hover,
form textarea.form-control:focus,
form .ant-select.form-control:hover,
form .ant-select.form-control:focus,
form .ant-input.form-control:hover,
form .ant-input.form-control:focus,
form .ant-input-password.form-control:hover,
form .ant-input-password.form-control:focus,
form .ant-input-wrapper.form-control:hover,
form .ant-input-wrapper.form-control:focus,
form .ant-input-affix-wrapper.form-control:hover,
form .ant-input-affix-wrapper.form-control:focus,
form .ant-input-group-wrapper.form-control:hover,
form .ant-input-group-wrapper.form-control:focus {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form input.form-control:disabled,
form select.form-control:disabled,
form textarea.form-control:disabled,
form .ant-select.form-control:disabled,
form .ant-input.form-control:disabled,
form .ant-input-password.form-control:disabled,
form .ant-input-wrapper.form-control:disabled,
form .ant-input-affix-wrapper.form-control:disabled,
form .ant-input-group-wrapper.form-control:disabled {
  background-color: #f5f5f5;
  border-color: #ededed;
  color: #b7b7b7;
  opacity: 75%;
}
form input .ant-input-affix-wrapper,
form select .ant-input-affix-wrapper,
form textarea .ant-input-affix-wrapper,
form .ant-select .ant-input-affix-wrapper,
form .ant-input .ant-input-affix-wrapper,
form .ant-input-password .ant-input-affix-wrapper,
form .ant-input-wrapper .ant-input-affix-wrapper,
form .ant-input-affix-wrapper .ant-input-affix-wrapper,
form .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  height: 38px;
  padding: 0 11px;
}
form input .ant-input-affix-wrapper:hover, form input .ant-input-affix-wrapper:focus,
form select .ant-input-affix-wrapper:hover,
form select .ant-input-affix-wrapper:focus,
form textarea .ant-input-affix-wrapper:hover,
form textarea .ant-input-affix-wrapper:focus,
form .ant-select .ant-input-affix-wrapper:hover,
form .ant-select .ant-input-affix-wrapper:focus,
form .ant-input .ant-input-affix-wrapper:hover,
form .ant-input .ant-input-affix-wrapper:focus,
form .ant-input-password .ant-input-affix-wrapper:hover,
form .ant-input-password .ant-input-affix-wrapper:focus,
form .ant-input-wrapper .ant-input-affix-wrapper:hover,
form .ant-input-wrapper .ant-input-affix-wrapper:focus,
form .ant-input-affix-wrapper .ant-input-affix-wrapper:hover,
form .ant-input-affix-wrapper .ant-input-affix-wrapper:focus,
form .ant-input-group-wrapper .ant-input-affix-wrapper:hover,
form .ant-input-group-wrapper .ant-input-affix-wrapper:focus {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form input .ant-input-affix-wrapper > input,
form select .ant-input-affix-wrapper > input,
form textarea .ant-input-affix-wrapper > input,
form .ant-select .ant-input-affix-wrapper > input,
form .ant-input .ant-input-affix-wrapper > input,
form .ant-input-password .ant-input-affix-wrapper > input,
form .ant-input-wrapper .ant-input-affix-wrapper > input,
form .ant-input-affix-wrapper .ant-input-affix-wrapper > input,
form .ant-input-group-wrapper .ant-input-affix-wrapper > input {
  height: 36px !important;
}
form input .ant-input-group-addon,
form select .ant-input-group-addon,
form textarea .ant-input-group-addon,
form .ant-select .ant-input-group-addon,
form .ant-input .ant-input-group-addon,
form .ant-input-password .ant-input-group-addon,
form .ant-input-wrapper .ant-input-group-addon,
form .ant-input-affix-wrapper .ant-input-group-addon,
form .ant-input-group-wrapper .ant-input-group-addon {
  border-radius: 0 4px 4px 0 !important;
  padding: 0 5px 4px !important;
}
form input.ant-input-affix-wrapper-focused,
form select.ant-input-affix-wrapper-focused,
form textarea.ant-input-affix-wrapper-focused,
form .ant-select.ant-input-affix-wrapper-focused,
form .ant-input.ant-input-affix-wrapper-focused,
form .ant-input-password.ant-input-affix-wrapper-focused,
form .ant-input-wrapper.ant-input-affix-wrapper-focused,
form .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
form .ant-input-group-wrapper.ant-input-affix-wrapper-focused {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form .ant-input-group-wrapper {
  border: 0;
  height: 38px;
  padding: 0;
}
form .ant-input-group-wrapper .ant-input-group {
  height: 36px;
  width: 100%;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon {
  background-color: #fff;
  border-color: #ededed;
  border-radius: 4px !important;
  color: #222;
  height: 36px;
  max-height: 38px;
  padding: 0 !important;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group {
  margin-bottom: 0;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group label {
  font-size: 14px;
  height: 36px;
  margin-top: 0;
  padding-left: 0;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group label > div {
  margin-bottom: 0 !important;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select {
  margin: 0 !important;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector {
  border: 0;
  height: 36px;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector .ant-select-selection-search {
  height: 36px;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector .ant-select-selection-search input {
  height: inherit;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector .ant-select-selection-selected-value {
  padding-right: 5px !important;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-arrow {
  margin-right: -5px;
}
form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-arrow .anticon {
  margin-right: 0;
}
form .ant-input-group-wrapper .ant-input-group input {
  border: solid 1px #ededed;
  border-bottom-left-radius: 0 !important;
  border-radius: 4px;
  border-top-left-radius: 0 !important;
  font-size: 14px;
  height: 38px;
  top: 1px;
}
form .ant-input-group-wrapper .ant-input-group input:hover, form .ant-input-group-wrapper .ant-input-group input:focus, form .ant-input-group-wrapper .ant-input-group input:active {
  border-color: var(--highlight-color);
  box-shadow: none;
  outline: 0;
}
form .form-inline {
  background-color: #fff !important;
  border-bottom: solid 1px #ededed;
  display: block;
}
form .form-inline .ant-picker .ant-picker-input {
  margin-top: 0;
}
form .form-inline label {
  align-items: flex-start;
  justify-content: left;
  margin-top: 8px;
  text-align: left;
}
form .form-inline input,
form .form-inline textarea {
  height: 36px;
  margin-bottom: 0;
  margin-top: 0;
}
form li.ant-select-search--inline .ant-select-search__field {
  margin-left: 6px;
  padding: 0;
}
form .custom-file input.custom-file-input {
  height: 38px;
  z-index: 0;
}
form .custom-file input.custom-file-input:hover, form .custom-file input.custom-file-input:active, form .custom-file input.custom-file-input:focus {
  box-shadow: none;
}
form .custom-file label.custom-file-label {
  height: 38px;
  line-height: 2em;
  margin-top: -2px;
  padding-right: 6em;
  z-index: 0;
}
form .custom-file label.custom-file-label:hover, form .custom-file label.custom-file-label:active, form .custom-file label.custom-file-label:focus {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form .custom-file label.custom-file-label::after {
  height: 36px;
  line-height: 2em;
}
form .text-muted {
  font-size: 14px;
}
form .form-group {
  border-radius: 0;
  margin-bottom: 1rem;
  position: relative;
}
form .form-group .form-loading {
  display: block;
  position: absolute;
  right: 24px;
  top: 16px;
  z-index: 99;
}
form .form-group .form-loading svg {
  font-size: 18px;
}
form .form-group.form-inline {
  padding: 16px 24px !important;
}
form .form-group.form-inline.pt-0 {
  padding-top: 0 !important;
}
form .form-group.custom-row-mx-0 .row {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
form .form-group.inline {
  font-size: 14px;
  margin-bottom: 0;
  padding: 0.5em;
}
form .form-group.inline .ant-input-group-wrapper {
  border: 0;
  height: 38px;
  padding: 0;
  width: 100%;
}
form .form-group.inline label {
  font-size: 14px;
  font-weight: 500;
  margin-top: 9px;
}
form .form-group.inline label .anticon {
  margin-right: 0.5em;
}
form .form-group.inline input.form-control,
form .form-group.inline select.form-control,
form .form-group.inline textarea.form-control {
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 38px;
}
form .form-group.inline input.form-control:last-of-type,
form .form-group.inline select.form-control:last-of-type,
form .form-group.inline textarea.form-control:last-of-type {
  margin-bottom: 0;
}
form .form-group.inline input.form-control:hover, form .form-group.inline input.form-control:focus,
form .form-group.inline select.form-control:hover,
form .form-group.inline select.form-control:focus,
form .form-group.inline textarea.form-control:hover,
form .form-group.inline textarea.form-control:focus {
  border-color: var(--highlight-color);
  box-shadow: none;
}
form .form-group.inline input.form-control:disabled,
form .form-group.inline select.form-control:disabled,
form .form-group.inline textarea.form-control:disabled {
  background-color: #f5f5f5;
  border-color: #ededed;
}
form .form-group.inline input::placeholder,
form .form-group.inline select::placeholder,
form .form-group.inline textarea::placeholder {
  font-family: var(--font-family, "Fira Sans") !important;
  font-weight: 100;
}
form .form-group.inline textarea.form-control {
  height: auto;
}

.ant-layout-has-sider {
  font-family: var(--font-family, "Fira Sans") !important;
}
.ant-layout-has-sider .ant-layout-sider {
  background-color: #fff;
  border-right: solid 1px #ededed;
  flex: 0 0 240px !important;
  max-width: 240px !important;
  min-width: 240px !important;
  position: relative;
  width: 240px !important;
  z-index: 1050;
}
.ant-layout-has-sider .ant-layout-sider .btn-sider {
  background-color: transparent;
  border: 0;
  cursor: initial;
  height: 48px;
  left: 90%;
  margin-right: 0 !important;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 40px;
  transition: opacity 0.25s ease-in-out;
  width: 48px;
  z-index: 1049;
}
.ant-layout-has-sider .ant-layout-sider .btn-sider .anticon {
  background-color: #fff;
  border: solid 1px #ededed;
  border-radius: 50%;
  box-shadow: 0 1px 1px -2px #222;
  padding: 6px;
}
.ant-layout-has-sider .ant-layout-sider .btn-sider .anticon svg {
  margin-top: 0 !important;
  padding: 0;
}
.ant-layout-has-sider .ant-layout-sider .btn-sider:hover {
  cursor: pointer;
  opacity: 1;
}
.ant-layout-has-sider .ant-layout-sider .btn-sider span {
  margin-right: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container {
  height: 70vh;
  margin-bottom: 0;
  margin-top: 24px;
  max-height: 750px;
  overflow: hidden;
  padding: 0 24px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container:hover {
  overflow-y: auto;
}
@media (min-height: 600px) {
  .ant-layout-has-sider .ant-layout-sider .menu-container {
    padding-bottom: 60px;
  }
}
@media (max-height: 599px) {
  .ant-layout-has-sider .ant-layout-sider .menu-container {
    padding-bottom: 120px;
  }
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search {
  background-color: transparent;
  border: solid 1px #ededed;
  border-radius: 8px;
  color: #7c7c7c;
  font-size: 16px;
  height: 40px;
  margin: 4px 0;
  padding: 7px 8px;
  text-align: left;
  width: 100%;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search .anticon {
  margin-right: 6px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search .anticon svg {
  margin-top: -0.2em !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search:hover, .ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search.active {
  border: solid 1px var(--highlight-color) !important;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search:hover .search-icon, .ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search.active .search-icon {
  color: #7c7c7c;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search .search-icon {
  background-color: #ededed;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 4px;
  padding: 2px 3px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search .search-icon:last-child {
  margin-right: 0;
  padding: 2px 6px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search.collapsed {
  border: solid 1px #fff;
  height: 40px;
  padding: 12px 8px;
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search.collapsed:hover {
  border-color: var(--highlight-color);
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-search.collapsed .anticon svg {
  font-size: 24px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary {
  background-color: var(--highlight-color);
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  margin: 4px 0;
  padding: 7px 8px;
  text-align: left;
  width: 100%;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary .anticon {
  line-height: 16px;
  margin-right: 7px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary .anticon svg {
  font-size: 16px;
  margin-top: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary:hover {
  background-color: var(--highlight-dark);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary.collapsed {
  border: solid 1px var(--highlight-color);
  height: 40px;
  padding: 12px 8px;
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary.collapsed:hover {
  border-color: var(--highlight-dark);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .btn-nav-primary.collapsed .anticon svg {
  font-size: 24px;
  margin-top: -0.15em !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu {
  background-color: #fff;
  border: 0;
  margin: 0;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li {
  padding-left: 8px !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li svg {
  font-size: 16px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li:focus-visible {
  outline: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .beta {
  float: right;
  top: 0;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu {
  background-color: transparent;
  border-radius: 8px;
  color: #545454;
  font-size: 16px;
  font-weight: 500;
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu .ant-menu-submenu-title, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item .ant-menu-submenu-title, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title {
  margin: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu .ant-menu-submenu-title:active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item .ant-menu-submenu-title:active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title:active {
  background-color: transparent;
  color: #3c3c3c;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu .ant-menu-submenu-title:active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item .ant-menu-submenu-title:active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title:active .anticon svg {
  color: #3c3c3c;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu.ant-menu-item-active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:hover, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item.ant-menu-item-active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item:hover, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu:hover {
  background-color: #fafafa;
  color: #3c3c3c;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu.ant-menu-item-active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:hover .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item.ant-menu-item-active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item:hover .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu:hover .anticon svg {
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu.ant-menu-item-selected, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item:active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu:active, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected {
  background-color: #eef5ff;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:active::after, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu.ant-menu-item-selected::after, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item:active::after, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected::after, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu:active::after, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected::after {
  display: none;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu.ant-menu-item-selected .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item:active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu:active .anticon svg, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected .anticon svg {
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:active .btn-menu, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu.ant-menu-item-selected .btn-menu, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item:active .btn-menu, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected .btn-menu, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu:active .btn-menu, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected .btn-menu {
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu {
  padding: 0;
  text-align: left;
  width: 100%;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:hover, .ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li .btn-menu:active {
  background-color: transparent;
  color: var(--highlight-color) !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-item {
  border-radius: 8px;
  line-height: 16px;
  margin: 4px 0 !important;
  padding: 8px 8px 6px;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu {
  margin: 0 !important;
  padding: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title {
  border-radius: 8px;
  height: auto;
  line-height: 16px;
  padding: 6px 8px !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu .ant-menu-sub {
  margin: 0;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu .ant-menu-sub .ant-menu-item {
  color: #222;
  padding-left: 32px !important;
}
.ant-layout-has-sider .ant-layout-sider .menu-container .ant-menu li.ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title .anticon svg {
  background-color: transparent;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .profile-container {
  background-color: #fff;
  border-right: solid 1px #ededed;
  bottom: 0;
  height: 110px;
  position: fixed;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile {
  background-color: transparent;
  border-radius: 8px;
  color: #222;
  font-size: 14px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile .anticon {
  padding-top: 10px !important;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile .btn-avatar {
  margin-left: -8px;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile .btn-avatar svg {
  margin-top: -7px !important;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile.ant-dropdown-open, .ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile:hover, .ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile:active {
  background-color: #fafafa;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile.ant-dropdown-open .anticon, .ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile:hover .anticon, .ant-layout-has-sider .ant-layout-sider .profile-container .btn-profile:active .anticon {
  background-color: #fafafa;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .profile-container hr {
  margin: 0 -24px;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .navbar-nav .nav-item {
  margin-top: 10px;
}
.ant-layout-has-sider .ant-layout-sider .profile-container .ant-dropdown-trigger .btn-avatar {
  padding-top: 8px;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children {
  padding: 0;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .logo-container {
  height: 64px;
  margin-bottom: 24px;
  margin-top: 32px;
  padding: 0 24px;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .logo-container .navbar-brand {
  margin-right: 0;
  width: 100%;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .logo-container .navbar-brand .btn-nav-dropdown {
  background-color: #fff;
  height: 64px;
  position: relative;
  width: inherit;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .logo-container .navbar-brand .btn-nav-dropdown:last-of-type {
  margin-right: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .logo-container .navbar-brand .btn-nav-dropdown .image-container {
  display: inline-flex;
  left: 0;
  position: absolute;
  top: 0;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu {
  border-radius: 8px;
  font-size: 16px;
  width: auto;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-selected,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-selected {
  background-color: rgba(6, 118, 251, 0.1);
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: rotate(0deg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #7c7c7c;
  display: inline-block;
  margin-top: -3px;
  transform: rotate(0deg);
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  display: none;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-title,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-title {
  background-color: transparent;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-open.ant-menu-submenu-selected:active,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-open.ant-menu-submenu-selected:active {
  background-color: rgba(6, 118, 251, 0.1);
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-open .ant-menu-submenu-arrow,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .ant-menu-sub,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .ant-menu-sub {
  margin: 0;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .ant-menu-sub .ant-menu-item,
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item {
  color: #7c7c7c;
  padding-left: 32px !important;
}
.ant-layout-has-sider .ant-layout-sider .ant-layout-sider-children .profile-container {
  padding: 0 24px;
  width: 240px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed {
  flex: 0 0 72px !important;
  max-width: 72px !important;
  min-width: 72px !important;
  width: 72px !important;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .btn-sider {
  cursor: pointer;
  left: 66%;
  opacity: 1;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .btn-menu-round {
  border: solid 1px #ededed;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  margin-left: 5px;
  padding: 7px;
  width: 30px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children {
  padding: 0;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .logo-container {
  margin-top: 44px;
  padding: 0 16px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .logo-container .navbar-brand .btn-nav-dropdown {
  background-color: #fff;
  height: 40px;
  padding: 0;
  padding-top: 6px;
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .logo-container .navbar-brand .btn-nav-dropdown:last-of-type {
  margin-right: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container {
  padding: 0 0 0 16px;
}
@media (min-height: 600px) {
  .ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container {
    padding-bottom: 60px;
  }
}
@media (max-height: 599px) {
  .ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container {
    padding-bottom: 120px;
  }
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu {
  padding: 0 !important;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu {
  border-radius: 8px;
  font-size: 24px;
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .anticon,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .anticon {
  font-size: 24px;
  line-height: 28px;
  padding-left: 0 !important;
  vertical-align: 0;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .anticon svg,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .anticon svg {
  font-size: 24px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item .ant-menu-submenu-title .anticon svg,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu .ant-menu-submenu-title .anticon svg {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item:active, .ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-vertical, .ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-selected, .ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-item-selected,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu:active,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-vertical,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-selected,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-item-selected {
  padding-right: 24px;
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-selected,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-selected {
  background-color: rgba(6, 118, 251, 0.1);
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-item.ant-menu-submenu-selected .anticon svg,
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .menu-container .ant-menu .ant-menu-submenu.ant-menu-submenu-selected .anticon svg {
  background-color: transparent;
  color: var(--highlight-color);
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .profile-container {
  background-color: #fff;
  bottom: 0;
  height: 110px;
  left: 0;
  padding: 0 16px;
  width: 72px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .profile-container hr {
  margin: 0 -16px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .profile-container .nav-item .ant-badge {
  width: 40px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .profile-container .nav-item .ant-badge .btn-profile {
  padding: 6px 10px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .profile-container .btn-profile svg {
  font-size: 16px;
}
.ant-layout-has-sider .ant-layout-sider.ant-layout-sider-collapsed .profile-container .btn-profile .btn-avatar {
  padding: 5px 6px;
}
.ant-layout-has-sider .ant-layout {
  background: #fafafa;
  font-family: var(--font-family, "Fira Sans") !important;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-header {
  height: auto;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-header .title-container {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  padding: 0;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-header .title-container .beta {
  top: -6px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-header .children-container {
  padding: 0;
  text-align: right;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-header .children-container .btn {
  height: 40px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-header .children-container .btn:last-of-type {
  margin-right: 0 !important;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-title {
  margin-bottom: 0;
  margin-top: 10px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-title .ant-breadcrumb {
  font-size: 14px;
  padding: 0.5em 0 !important;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-title .ant-breadcrumb .ant-breadcrumb-link {
  font-weight: 500;
  line-height: 28px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-title .ant-breadcrumb .ant-breadcrumb-link .btn {
  padding: 0;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-title .ant-breadcrumb .ant-breadcrumb-link .btn:last-of-type {
  margin-right: 0 !important;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-title .ant-breadcrumb .active {
  font-size: 14px;
  line-height: 28px;
  margin-right: 10px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children {
  margin: 5px 0 15px;
  padding-bottom: 0;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title {
  display: inline-flex;
  font-size: 18px;
  height: 28px;
  padding-top: 0;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title .ant-input {
  height: 30px;
  margin-top: -20px;
  min-height: 30px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title .btn.btn-primary, .ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title .btn.btn-secondary {
  height: 30px;
  margin-top: -2px;
  padding-bottom: 3.5px;
  padding-top: 3.5px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title .btn.btn-link {
  border-radius: 4px;
  font-size: 18px;
  padding: 2px 4px !important;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title .btn.btn-link:hover {
  background-color: #f3f3f3;
  cursor: text;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .action-title .btn .ph-class {
  font-size: 18px !important;
  line-height: 20px;
}
.ant-layout-has-sider .ant-layout .ant-layout-content .nav-title-wrapper .nav-children .anticon {
  font-size: 18px;
}

.ant-menu-submenu-popup {
  border: 0 !important;
  border-radius: 8px;
  box-shadow: none;
}
.ant-menu-submenu-popup.ant-menu-light .ant-menu-item-active {
  color: #222;
}
.ant-menu-submenu-popup .ant-menu-sub {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 3px 10 -2px rgba(34, 34, 34, 0.1), 0 1px 4px -2px rgba(34, 34, 34, 0.1);
  color: #222;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 0 !important;
}
.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item {
  margin-bottom: 0 !important;
  margin-top: 0;
  padding: 8px 16px !important;
}

.ant-dropdown-menu-inline-collapsed-tooltip .ant-tooltip-content {
  display: none;
}

@media screen and (max-width: 768px) {
  .ant-layout {
    display: initial !important;
  }
  .btn-nav-dropdown {
    align-items: center;
    display: flex;
    height: 48px;
    margin-top: 8px !important;
    padding: 0 !important;
  }
  .btn-nav-dropdown .image-container {
    height: 100%;
    object-fit: contain;
  }
  .btn-nav-dropdown .image-container img {
    height: 100%;
  }
  .menu-container {
    margin-top: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px;
  }
  .menu-container .ant-menu {
    border: 0;
    color: #222;
    margin: 0;
  }
  .menu-container .ant-menu li {
    padding-left: 8px !important;
  }
  .menu-container .ant-menu li:focus-visible {
    outline: 0 !important;
  }
  .menu-container .ant-menu li .beta {
    float: right;
    top: 3px;
  }
  .menu-container .ant-menu li.ant-menu-item, .menu-container .ant-menu li.ant-menu-submenu {
    color: #7c7c7c;
    font-weight: 500;
  }
  .menu-container .ant-menu li.ant-menu-item .ant-menu-submenu-title, .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title {
    margin: 0 !important;
  }
  .menu-container .ant-menu li.ant-menu-item .ant-menu-submenu-title:active, .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title:active {
    background-color: #fafafa;
    color: #3c3c3c;
  }
  .menu-container .ant-menu li.ant-menu-item .ant-menu-submenu-title:active .anticon svg, .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title:active .anticon svg {
    color: #3c3c3c;
  }
  .menu-container .ant-menu li.ant-menu-item.ant-menu-item-active, .menu-container .ant-menu li.ant-menu-item:hover, .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-active, .menu-container .ant-menu li.ant-menu-submenu:hover {
    background-color: #fafafa;
    color: #3c3c3c;
  }
  .menu-container .ant-menu li.ant-menu-item:active, .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected, .menu-container .ant-menu li.ant-menu-submenu:active, .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected {
    background-color: rgba(6, 118, 251, 0.1);
    color: var(--highlight-color);
  }
  .menu-container .ant-menu li.ant-menu-item:active::after, .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected::after, .menu-container .ant-menu li.ant-menu-submenu:active::after, .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected::after {
    display: none;
  }
  .menu-container .ant-menu li.ant-menu-item:active .anticon svg, .menu-container .ant-menu li.ant-menu-item.ant-menu-item-selected .anticon svg, .menu-container .ant-menu li.ant-menu-submenu:active .anticon svg, .menu-container .ant-menu li.ant-menu-submenu.ant-menu-item-selected .anticon svg {
    color: var(--highlight-color);
  }
  .menu-container .ant-menu li.ant-menu-item {
    border-radius: 8px;
    line-height: 28px;
    margin: 4px 0 !important;
    padding: 8px 8px 6px;
  }
  .menu-container .ant-menu li.ant-menu-submenu {
    margin: 0 !important;
    padding: 0 !important;
  }
  .menu-container .ant-menu li.ant-menu-submenu .ant-menu-sub {
    margin: 0;
  }
  .menu-container .ant-menu li.ant-menu-submenu .ant-menu-sub .ant-menu-item {
    color: #222;
    padding-left: 32px !important;
  }
  .menu-container .ant-menu li.ant-menu-submenu .ant-menu-submenu-title {
    border-radius: 8px;
    height: auto;
    line-height: 28px;
    padding: 6px 8px !important;
  }
  .menu-container .ant-menu li.ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title .anticon svg {
    background-color: transparent;
    color: var(--highlight-color);
  }
  .menu-container .btn-nav-search {
    border: 0;
    font-size: 16px;
    height: 40px;
    margin: 4px 0;
    padding: 8px 8px 6px;
    text-align: left;
    width: 100%;
  }
  .menu-container .btn-nav-search .anticon {
    margin-right: 6px;
  }
  .menu-container .btn-nav-search.collapsed .anticon svg {
    font-size: 24px;
  }
  .nav-title-wrapper {
    margin-top: 0 !important;
    padding: 0 !important;
    position: initial !important;
  }
  .nav-title-wrapper .nav {
    margin-left: -20px;
    padding-left: 20px;
    width: 100vw;
  }
  .profile-container {
    padding: 0 10px;
  }
  .profile-container hr {
    margin: 0 -24px;
  }
  .profile-container .navbar-nav .nav-item {
    margin-top: 10px;
  }
  .profile-container .navbar-nav .nav-item:first-child {
    margin-left: -10px;
  }
  .profile-container .ant-dropdown-trigger {
    float: left;
    padding: 6px 12px 2px 0;
    text-align: left;
    width: 100%;
  }
  .profile-container .ant-dropdown-trigger:hover, .profile-container .ant-dropdown-trigger:active {
    background-color: #fafafa;
    color: var(--highlight-color);
  }
  .profile-container .ant-dropdown-trigger:hover .anticon, .profile-container .ant-dropdown-trigger:active .anticon {
    background-color: #fafafa;
    color: var(--highlight-color);
  }
  .tab-pane {
    margin-top: 20px !important;
  }
}
.loader-wrapper {
  display: flex;
  height: auto;
  justify-content: center;
  margin-bottom: 20px;
  min-height: 90px;
  position: relative;
  width: auto;
}
.loader-wrapper .loading-default {
  margin-bottom: -20px;
  margin-top: -20px;
}
.loader-wrapper .loader-pending {
  background: #e6f1ff;
  border-radius: 4px;
  height: 90px;
  position: absolute;
  width: 70px;
}
.loader-wrapper .loader-pending::before {
  background-image: radial-gradient(ellipse at center, transparent 24%, var(--highlight-color) 25%, var(--highlight-color) 64%, transparent 65%), linear-gradient(to bottom, transparent 34%, var(--highlight-color) 35%);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 12px 12px, 100% auto;
  box-shadow: 0 -3px rgba(0, 0, 0, 0.25) inset;
  content: "";
  height: 25px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -65%);
  width: 54px;
}
.loader-wrapper .loader-pending::after {
  animation: writeDown 2s ease-out infinite;
  background: linear-gradient(to bottom, var(--highlight-color) 30%, transparent 31%);
  background-size: 100% 16px;
  content: "";
  height: 60%;
  left: 50%;
  position: absolute;
  top: 20%;
  transform: translateX(-50%);
  width: 66%;
}
@keyframes writeDown {
  0% {
    height: 0%;
    opacity: 0;
  }
  20% {
    height: 0%;
    opacity: 1;
  }
  80% {
    height: 65%;
    opacity: 1;
  }
  100% {
    height: 65%;
    opacity: 0;
  }
}

.ant-skeleton .ant-skeleton-content h3.ant-skeleton-title {
  margin-left: 0;
}

body .mt-n1 {
  margin-top: -0.25rem !important;
}
body .mt-n2 {
  margin-top: -0.5rem !important;
}
body .mt-n3 {
  margin-top: -1rem !important;
}
body .mt-n4 {
  margin-top: -1.5rem !important;
}
body .mt-n5 {
  margin-top: -3rem !important;
}
body .ms-n05 {
  margin-left: -0.125rem !important;
}
body .ms-n1 {
  margin-left: -0.25rem !important;
}
body .ms-n2 {
  margin-left: -0.5rem !important;
}
body .ms-n25 {
  margin-left: -0.7rem !important;
}
body .ms-n3 {
  margin-left: -1rem !important;
}
body .ms-n4 {
  margin-left: -1.5rem !important;
}
body .ms-n5 {
  margin-left: -3rem !important;
}
body .me-n1 {
  margin-right: -0.25rem !important;
}
body .me-n2 {
  margin-right: -0.5rem !important;
}
body .me-n3 {
  margin-right: -1rem !important;
}
body .me-n4 {
  margin-right: -1.5rem !important;
}
body .me-n5 {
  margin-right: -3rem !important;
}
body .me-45 {
  margin-right: 2.25rem !important;
}
body .mb-n1 {
  margin-bottom: -0.25rem !important;
}
body .mb-n2 {
  margin-bottom: -0.5rem !important;
}
body .mb-n25 {
  margin-bottom: -0.7rem !important;
}
body .mb-n3 {
  margin-bottom: -1rem !important;
}
body .mb-n4 {
  margin-bottom: -1.5rem !important;
}
body .mb-n5 {
  margin-bottom: -3rem !important;
}
body .mx-n1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
body .mx-n2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
body .mx-n3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
body .mx-n4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
body .mx-n5 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
body .my-n1 {
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
}
body .my-n2 {
  margin-bottom: -0.5rem !important;
  margin-top: -0.5rem !important;
}
body .my-n3 {
  margin-bottom: -1rem !important;
  margin-top: -1rem !important;
}
body .my-n4 {
  margin-bottom: -1.5rem !important;
  margin-top: -1.5rem !important;
}
body .my-n5 {
  margin-bottom: -3rem !important;
  margin-top: -3rem !important;
}
body .m-n1 {
  margin: -0.25rem !important;
}
body .m-n2 {
  margin: -0.5rem !important;
}
body .m-n25 {
  margin: -0.75rem !important;
}
body .m-n3 {
  margin: -1rem !important;
}
body .m-n4 {
  margin: -1.5rem !important;
}
body .m-n5 {
  margin: -3rem !important;
}
body .mt-n05 {
  margin-top: -0.125rem !important;
}
body .ml-25 {
  margin-left: 0.7rem !important;
}
body .ml-45p {
  margin-left: 45%;
}
body .mx-n25 {
  margin-left: -0.7rem !important;
  margin-right: -0.7rem !important;
}
body .mx-n3em {
  margin-left: -1em !important;
  margin-right: -1em !important;
}
body .mx-n35em {
  margin-left: -1.7em !important;
  margin-right: -1.7em !important;
}
body .mt-n15em {
  margin-top: -1.5em !important;
}
body .mt-05 {
  margin-top: 0.125rem !important;
}
body .mt-15 {
  margin-top: 0.35rem !important;
}
body .mt-n15 {
  margin-top: -0.35rem !important;
}
body .mt-n25 {
  margin-top: -0.7rem !important;
}
body .mt-25 {
  margin-top: 0.7rem !important;
}
body .mb-n15 {
  margin-bottom: -0.35rem !important;
}
body .ms-n075 {
  margin-left: -0.15rem !important;
}
body .ms-n15 {
  margin-left: -0.35rem !important;
}
body .ms-n25 {
  margin-left: -0.7rem !important;
}
body .me-n075 {
  margin-right: -0.2rem !important;
}
body .me-n15 {
  margin-right: -0.35rem !important;
}
body .mt-075 {
  margin-top: 0.2rem !important;
}
body .my-05 {
  margin-bottom: 0.125rem !important;
  margin-top: 0.125rem !important;
}
body .my-n25 {
  margin-bottom: -0.7rem !important;
  margin-top: -0.7rem !important;
}

body .pt-05 {
  padding-top: 0.1rem !important;
}
body .ps-05 {
  padding-left: 0.1rem !important;
}
body .ps-45 {
  padding-left: 2.05rem !important;
}
body .pt-45 {
  padding-top: 2.05rem !important;
}
body .pt-075 {
  padding-top: 0.2rem !important;
}
body .pt-125 {
  padding-top: 0.3rem !important;
}
body .pt-15 {
  padding-top: 0.35rem !important;
}
body .ps-15 {
  padding-left: 0.35rem !important;
}
body .pe-15 {
  padding-right: 0.35rem !important;
}
body .ps-25 {
  padding-left: 0.7rem !important;
}
body .pe-25 {
  padding-right: 0.7rem !important;
}
body .ps-35 {
  padding-left: 1.35rem !important;
}
body .ps-45 {
  padding-left: 2.05rem !important;
}
body .pt-25 {
  padding-top: 0.7rem !important;
}
body .pt-35 {
  padding-top: 1.35rem !important;
}
body .pb-05 {
  padding-bottom: 0.125rem !important;
}
body .pb-15 {
  padding-bottom: 0.35rem !important;
}
body .pb-25 {
  padding-bottom: 0.7rem !important;
}
body .pb-45 {
  padding-bottom: 1.45em;
}
body .pt-95 {
  padding-top: 95px;
}
body .px-05 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}
body .px-15 {
  padding-left: 0.35rem !important;
  padding-right: 0.35rem !important;
}
body .px-25 {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}
body .px-35 {
  padding-left: 1.35rem !important;
  padding-right: 1.35rem !important;
}
body .px-45 {
  padding-left: 2.05rem !important;
  padding-right: 2.05rem !important;
}
body .py-15 {
  padding-bottom: 0.35rem !important;
  padding-top: 0.35rem !important;
}
body .py-25 {
  padding-bottom: 0.7rem !important;
  padding-top: 0.7rem !important;
}
body .p-24p {
  padding: 24px !important;
}

.alert-wrapper {
  margin-bottom: 5px;
  margin-top: 0;
}
.alert-wrapper.w-80 {
  margin-left: auto;
  margin-right: auto;
  width: 80% !important;
}
.alert-wrapper.w-80 .ant-alert {
  width: 100% !important;
}
.alert-wrapper.w-80 .ant-alert .anticon {
  top: 17px !important;
}
.alert-wrapper.w-80 .ant-alert .ant-alert-message {
  display: block;
  width: 100% !important;
}
.alert-wrapper.w-80 .ant-alert .ant-alert-message .alert-message {
  padding-top: 0.5em;
}
.alert-wrapper.w-80 .ant-alert.ant-alert-error .alert-message {
  color: var(--text-danger) !important;
  font-weight: 500;
}
.alert-wrapper.alert-rounded {
  margin: 0;
  padding: 0 16px 0 6px;
}
.alert-wrapper.alert-rounded .ant-alert {
  border-left: 0 !important;
  border-radius: 4px;
  padding: 8px 12px !important;
}
.alert-wrapper.alert-text {
  margin-bottom: 0;
  margin-top: 0;
}
.alert-wrapper.alert-text.alert-text-success {
  background: transparent;
  border: 0;
}
.alert-wrapper.alert-text.alert-text-success .alert-message {
  color: #158e37;
  font-size: 12px;
}
.alert-wrapper.alert-sm .alert-message {
  font-size: 14px;
}
.alert-wrapper.alert-sm .alert-message a {
  text-decoration: underline;
}
.alert-wrapper .ant-alert {
  border: 0;
  border-radius: 4px;
  font-family: var(--font-family, "Fira Sans");
  font-size: 14px;
  font-weight: 400;
  padding: 16px 24px;
  width: 100%;
}
.alert-wrapper .ant-alert.ant-alert-secondary {
  background-color: #ededed;
  border: 0;
  border-left: solid 4px #ededed;
  padding-left: 15px;
}
.alert-wrapper .ant-alert.ant-alert-error {
  background-color: #fef3f2;
  border: 0;
  border-left: solid 4px var(--text-danger);
}
.alert-wrapper .ant-alert.ant-alert-success {
  background-color: #edfdf3;
  border: 0;
  border-left: solid 4px #158e37;
}
.alert-wrapper .ant-alert.ant-alert-info {
  background-color: #e6f1ff;
  border: 0;
  border-left: solid 4px var(--highlight-color);
}
.alert-wrapper .ant-alert.ant-alert-info .anticon-info-circle svg {
  color: var(--highlight-icon-color);
}
.alert-wrapper .ant-alert.ant-alert-warning {
  border: 0;
  border-left: solid 4px #ff7214;
}
.alert-wrapper .ant-alert.ant-alert-warning .anticon-info-circle svg {
  color: #ff7214;
}
.alert-wrapper .ant-alert .ant-alert-message {
  display: inline-block;
  margin-left: -5px;
  width: 100%;
}
.alert-wrapper .ant-alert .ant-alert-message .alert-type {
  margin-right: 0;
  width: inherit;
  word-break: normal;
}
.alert-wrapper .ant-alert .ant-alert-message .alert-message {
  margin-left: 5px;
  width: 100%;
}
.alert-wrapper .ant-alert .ant-alert-message .alert-message button .anticon {
  font-size: 0.98em;
  margin-left: 5px !important;
}
.alert-wrapper .ant-alert .anticon {
  display: inline-block;
  position: relative;
}
.alert-wrapper .ant-alert .anticon.ant-alert-icon {
  left: 10px;
  margin-right: 0;
  position: absolute;
  top: 11px;
}
.alert-wrapper .ant-alert button.ant-alert-close-icon {
  font-weight: 500;
  margin-top: -2px;
  top: 0;
}
.alert-wrapper.alert-icon .ant-alert {
  padding-left: 30px;
}
.alert-wrapper.alert-icon .ant-alert .anticon {
  margin-top: 9px;
}

.ant-badge {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  vertical-align: middle !important;
}
.ant-badge.badge-box.ant-badge-status {
  background-color: #b7b7b7;
  border: 0;
  border-radius: 4px;
  padding: 2px 8px;
}
.ant-badge.badge-box.ant-badge-status .ant-badge-status-dot {
  display: none;
  height: 0;
  width: 0;
}
.ant-badge.badge-box.ant-badge-status .ant-badge-status-text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 0;
}
.ant-badge.ant-badge-status.badge-square .ant-badge-status-dot {
  border-radius: 4px;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.ant-badge.ant-badge-status .ant-badge-status-text {
  color: #222;
  font-size: 14px;
}
.ant-badge.ant-badge-status .ant-badge-status-dot {
  height: 8px;
  width: 8px;
}
.ant-badge.ant-badge-status .ant-badge-status-info, .ant-badge.ant-badge-status.ant-badge-status-info {
  background-color: var(--highlight-color);
}
.ant-badge.ant-badge-status .ant-badge-status-sent, .ant-badge.ant-badge-status.ant-badge-status-sent {
  background-color: var(--pb-status-sent);
}
.ant-badge.ant-badge-status .ant-badge-status-draft, .ant-badge.ant-badge-status.ant-badge-status-draft {
  background-color: #b7b7b7;
}
.ant-badge-status-completed .ant-badge.ant-badge-status.ant-badge-status-completed {
  background-color: #1ba745;
}
.ant-badge.ant-badge-status .ant-badge-status-deleted, .ant-badge.ant-badge-status.ant-badge-status-deleted {
  background-color: #3c3c3c;
}
.ant-badge.ant-badge-status .ant-badge-status-hold, .ant-badge.ant-badge-status.ant-badge-status-hold {
  background-color: #a718eb;
}
.ant-badge.ant-badge-status .ant-badge-status-success, .ant-badge.ant-badge-status.ant-badge-status-success {
  background-color: #158e37;
}
.ant-badge.ant-badge-status .ant-badge-status-error, .ant-badge.ant-badge-status.ant-badge-status-error {
  background-color: var(--text-danger);
}
.ant-badge.ant-badge-status .ant-badge-status-warning, .ant-badge.ant-badge-status.ant-badge-status-warning {
  background-color: #f97300;
}
.ant-badge.ant-badge-status .ant-badge-status-pending, .ant-badge.ant-badge-status.ant-badge-status-pending {
  background-color: var(--pb-status-pending);
}
.ant-badge.ant-badge-status .ant-badge-status-generated, .ant-badge.ant-badge-status.ant-badge-status-generated {
  background-color: var(--pb-status-generated);
}
.ant-badge.ant-badge-status .ant-badge-status-signed, .ant-badge.ant-badge-status.ant-badge-status-signed {
  background-color: var(--pb-status-signed);
}
.ant-badge.ant-badge-status .ant-badge-status-suggested, .ant-badge.ant-badge-status.ant-badge-status-suggested {
  background-color: #fffaeb;
  border: solid 1px #f97300;
  color: #f97300;
}
.ant-badge.ant-badge-status .ant-badge-status-suggested .ant-badge-status-text, .ant-badge.ant-badge-status.ant-badge-status-suggested .ant-badge-status-text {
  color: #f97300;
  font-size: 12px;
  line-height: 14px;
}
.ant-badge.ant-badge-status .ant-badge-status-zero, .ant-badge.ant-badge-status.ant-badge-status-zero {
  background-color: #03438f;
}
.ant-badge.ant-badge-status .ant-badge-status-one, .ant-badge.ant-badge-status.ant-badge-status-one {
  background-color: #2980e7;
}
.ant-badge.ant-badge-status .ant-badge-status-two, .ant-badge.ant-badge-status.ant-badge-status-two {
  background-color: #48b0fc;
}
.ant-badge.ant-badge-status .ant-badge-status-three, .ant-badge.ant-badge-status.ant-badge-status-three {
  background-color: #9bd2fa;
}
.ant-badge.ant-badge-status .ant-badge-status-four, .ant-badge.ant-badge-status.ant-badge-status-four {
  background-color: #055050;
}
.ant-badge.ant-badge-status .ant-badge-status-five, .ant-badge.ant-badge-status.ant-badge-status-five {
  background-color: #1f6f70;
}
.ant-badge.ant-badge-status .ant-badge-status-six, .ant-badge.ant-badge-status.ant-badge-status-six {
  background-color: #53a3a1;
}
.ant-badge.ant-badge-status .ant-badge-status-seven, .ant-badge.ant-badge-status.ant-badge-status-seven {
  background-color: #b0dcdc;
}
.ant-badge.ant-badge-status .ant-badge-status-eight, .ant-badge.ant-badge-status.ant-badge-status-eight {
  background-color: #710808;
}
.ant-badge.ant-badge-status .ant-badge-status-nine, .ant-badge.ant-badge-status.ant-badge-status-nine {
  background-color: #9f0000;
}
.ant-badge.ant-badge-status .ant-badge-status-ten, .ant-badge.ant-badge-status.ant-badge-status-ten {
  background-color: #c46766;
}
.ant-badge.ant-badge-status .ant-badge-status-eleven, .ant-badge.ant-badge-status.ant-badge-status-eleven {
  background-color: #d6a7a4;
}
.ant-badge.ant-badge-status .ant-badge-status-twelve, .ant-badge.ant-badge-status.ant-badge-status-twelve {
  background-color: #7b7a7a;
}
.ant-badge .ant-badge-count {
  background: var(--highlight-hover);
  box-shadow: none;
  font-weight: 500;
  margin-right: 3px;
}
.ant-badge.fs-13 .ant-badge-status-text {
  font-size: 13px;
}
.ant-badge.badge-default .ant-badge-count {
  background-color: #ededed;
  border-radius: 50%;
  color: #3c3c3c;
  font-size: 14px;
  height: auto;
  line-height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: auto;
}
.ant-badge.badge-default.info .ant-badge-count {
  background-color: var(--highlight-color);
  color: #fff;
}
.ant-badge.badge-default .ant-badge-multiple-words {
  padding: 0;
}

.ant-breadcrumb {
  font-size: 14px;
  font-family: var(--font-family, "Fira Sans");
  padding: 8px 0;
}
.ant-breadcrumb ol li {
  height: auto;
  max-height: 28px;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.ant-breadcrumb .ant-breadcrumb-link {
  color: #222;
  font-weight: 400;
  line-height: 22px;
}
.ant-breadcrumb .ant-breadcrumb-link a {
  line-height: 22px;
  margin-inline: 0;
  padding: 4px 0 0;
}
.ant-breadcrumb .ant-breadcrumb-link a:hover {
  background: transparent;
}
.ant-breadcrumb .ant-breadcrumb-separator {
  color: #222;
  line-height: 22px;
  padding-top: 3px;
}
.ant-breadcrumb .active {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.ant-breadcrumb .btn-link {
  font-size: 14px;
}

.btn {
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 0;
  margin-right: 8px;
  margin-top: auto;
  padding: 8px 16px;
}
.btn:active, .btn.active {
  border-color: transparent !important;
}
.btn.ant-select-selector {
  background-color: #fafafa !important;
  border: 0;
  margin-top: 0.5em !important;
}
.btn.ant-select-selector:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.btn.ant-select-selector .ant-select-selection-placeholder {
  color: #222 !important;
  font-weight: 500;
}
.btn.disabled, .btn:disabled {
  cursor: not-allowed !important;
  pointer-events: auto;
}
.btn:focus {
  box-shadow: none;
  outline: none;
}
.btn:last-of-type {
  margin-right: 8px !important;
}
.btn:only-of-type {
  margin-right: 8px !important;
}
.btn.btn + .btn {
  margin-right: 8px !important;
}
.btn.btn + .btn:last-of-type {
  margin-right: 0 !important;
}
.btn.btn + .btn:last-of-type.right-margin {
  margin-right: 8px !important;
}
.btn span.anticon {
  line-height: 1em;
}
.btn.close {
  font-size: 1.8em;
  padding: 10px 15px;
}
.btn.btn-small {
  padding: 6px 12px;
}
.btn.btn-extra-small {
  padding: 4px 8px;
}
.btn.btn-badge-box {
  border: 0 !important;
  font-size: 14px;
  line-height: 16px;
  margin-right: 0 !important;
  padding: 5px 8px;
}
.btn.h-form {
  height: 38px;
}
.btn.btn-form {
  height: 38px !important;
  margin-top: 6px;
  padding: 8px 12px !important;
}
.btn.btn-advanced {
  color: #222;
  font-size: 16px;
  line-height: 28px;
  padding: 0;
}
.btn.btn-advanced .anticon {
  margin-right: 10px;
}
.btn.btn-advanced.small {
  font-size: 14px;
  line-height: 24px;
}
.btn.btn-advanced:hover {
  text-decoration: underline;
}
.btn.btn-move {
  color: #222;
  line-height: 18px;
  padding: 6px 0 4px 4px;
}
.btn.btn-move:hover {
  cursor: move;
}
.btn.btn-move:disabled {
  border: 0;
  cursor: not-allowed;
}
.btn.btn-ellipsis {
  background-color: #fff;
  padding: 4px 8px;
}
.btn.btn-ellipsis:disabled {
  border: 0;
}
.btn.btn-primary {
  background-color: var(--highlight-color);
  border: solid 1px var(--highlight-color);
}
.btn.btn-primary:hover {
  background-color: var(--highlight-hover);
  border-color: var(--highlight-hover);
}
.btn.btn-primary:disabled, .btn.btn-primary.disabled {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #b7b7b7;
}
.btn.btn-primary.success {
  background-color: #1ba745;
  border-color: #1ba745;
  color: #fff;
}
.btn.btn-primary.warning {
  background-color: #f97300;
  border-color: #f97300;
  color: #fff;
}
.btn.btn-primary.error {
  background-color: var(--text-danger);
  border-color: var(--text-danger);
  color: #fff;
}
.btn.btn-primary.draft {
  background-color: #b7b7b7;
  border-color: #b7b7b7;
  color: #fff;
}
.btn.btn-primary.default {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #7c7c7c;
}
.btn.btn-primary.light {
  background-color: #fff;
  border-color: #fff;
  color: #222;
}
.btn.btn-primary.light:hover {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}
.btn.btn-secondary {
  background-color: #fff;
  border: solid 1px #ededed;
  color: var(--highlight-color);
  margin-right: 8px;
}
.btn.btn-secondary:active, .btn.btn-secondary:hover {
  background-color: #fff !important;
  border-color: #ededed !important;
  color: var(--highlight-text-hover) !important;
}
.btn.btn-secondary:disabled, .btn.btn-secondary.disabled {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #b7b7b7;
}
.btn.btn-secondary.black {
  color: #222;
}
.btn.btn-secondary.black:active, .btn.btn-secondary.black:hover {
  background-color: #ededed !important;
  color: #222 !important;
}
.btn.btn-secondary.black:active svg, .btn.btn-secondary.black:hover svg {
  color: #222 !important;
}
.btn.btn-secondary.blue-border {
  border-color: var(--highlight-color);
}
.btn.btn-secondary.blue-border:active, .btn.btn-secondary.blue-border:hover {
  border-color: var(--highlight-color) !important;
}
.btn.btn-secondary.purple {
  background-color: #fbf3ff;
  border-color: #a718eb;
  color: #a718eb;
}
.btn.btn-secondary.purple .anticon svg {
  color: #a718eb;
}
.btn.btn-secondary.purple:hover, .btn.btn-secondary.purple:active {
  border-color: #a718eb !important;
  color: #a718eb !important;
  opacity: 80%;
}
.btn.btn-secondary.danger {
  color: var(--btn-secondary-danger-color);
}
.btn.btn-secondary.danger:active, .btn.btn-secondary.danger:hover {
  background-color: #fff !important;
  border-color: #ededed !important;
  color: var(--text-danger-hover) !important;
}
.btn.btn-secondary.icon {
  height: 40px;
  padding: 8px !important;
  width: 40px;
}
.btn.btn-secondary.icon svg {
  color: var(--btn-secondary-icon-color);
}
.btn.btn-secondary.icon-large {
  height: 40px;
  padding: 8px !important;
  width: 40px;
}
.btn.btn-secondary.icon-large svg {
  font-size: 16px;
  margin-top: 0.1em !important;
  color: var(--btn-secondary-icon-color);
}
.btn.btn-secondary.icon-small {
  height: 34px;
  padding: 8px !important;
  width: 34px;
}
.btn.btn-secondary.icon-small svg {
  color: var(--btn-secondary-icon-color);
}
.btn.btn-secondary.selected {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
  color: #fff;
}
.btn.btn-avatar {
  background-color: var(--btn-avatar-bg);
  border: none;
  border-radius: 50%;
  color: var(--btn-avatar-color);
  display: inline-block;
  font-size: 12px;
  height: 28px;
  margin-bottom: 0;
  margin-right: 5px !important;
  padding: 6px 7px;
  width: 28px;
}
.btn.btn-avatar:active, .btn.btn-avatar:hover {
  background-color: #edfef3;
  color: #128e37;
  cursor: default;
}
.btn.btn-avatar > span {
  margin-right: 0 !important;
}
.btn.btn-avatar > span .anticon {
  line-height: 2em;
  vertical-align: -0.2em;
}
.btn.btn-avatar > span .anticon svg {
  margin-top: -8px !important;
}
.btn.btn-avatar.user {
  background-color: #e6f1ff;
  color: var(--icon-blue);
}
.btn.btn-avatar.user:hover {
  background-color: #e6f1ff;
  color: var(--icon-blue);
  cursor: default;
}
.btn.btn-avatar.file {
  background-color: #e6f1ff;
  color: var(--icon-blue);
}
.btn.btn-avatar.file:active, .btn.btn-avatar.file:hover {
  background-color: #e6f1ff;
  color: var(--icon-blue);
  cursor: default;
}
.btn.btn-avatar.file.disabled {
  background-color: #f5f5f5;
  color: #6c757d;
}
.btn.btn-avatar.folder {
  background-color: #fafafa;
  color: #222;
}
.btn.btn-avatar.folder:active, .btn.btn-avatar.folder:hover {
  background-color: #fafafa;
  color: #222;
  cursor: default;
}
.btn.btn-avatar.process {
  background-color: #faedff;
  color: #53007a;
}
.btn.btn-avatar.process:active, .btn.btn-avatar.process:hover {
  background-color: #faedff;
  color: #53007a;
  cursor: default;
}
.btn.btn-avatar.success {
  background-color: #ecfff5;
  color: #158e37;
}
.btn.btn-avatar.success:active, .btn.btn-avatar.success:hover {
  background-color: #ecfff5;
  color: #158e37;
  cursor: default;
}
.btn.btn-avatar.warning {
  background-color: transparent;
  color: #f97300;
}
.btn.btn-avatar.warning:hover {
  background-color: transparent;
  color: #f97300;
  cursor: default;
}
.btn.btn-avatar.error {
  background-color: #fef2f1;
  color: var(--text-danger);
}
.btn.btn-avatar.error:hover {
  background-color: #fef2f1;
  color: var(--text-danger);
  cursor: default;
}
.btn.btn-avatar.default {
  background-color: #f3f3f3;
  color: #b7b7b7;
}
.btn.btn-avatar.default:hover {
  background-color: #f3f3f3;
  color: #b7b7b7;
  cursor: default;
}
.btn.btn-avatar.console {
  background-color: #ecece8;
  color: #a3a08c;
}
.btn.btn-avatar.stacked {
  color: #fff;
  left: 35px;
  position: absolute;
  top: 30px;
}
.btn.btn-avatar.stacked:active, .btn.btn-avatar.stacked:hover {
  cursor: default;
}
.btn.btn-avatar.stacked.error {
  background-color: transparent;
  color: var(--text-danger);
}
.btn.btn-avatar.stacked.info {
  background-color: transparent;
  color: var(--highlight-color);
}
.btn.btn-avatar.stacked.pending {
  background-color: transparent;
  color: var(--highlight-color);
}
.btn.btn-avatar.stacked.success {
  background-color: transparent;
  color: #158e37;
}
.btn.btn-avatar.large {
  font-size: 16px;
  height: 36px;
  width: 36px;
}
.btn.btn-avatar.small {
  height: 24px;
  margin-left: 2px;
  width: 24px;
}
.btn.btn-avatar.xs {
  font-size: 14px;
  height: 16px;
  padding: 6px 0;
  width: 16px;
}
.btn.btn-link {
  background: none;
  border: 0;
  border-radius: 0;
  color: #222;
  margin-bottom: 1px;
  padding: 0.5em;
  text-decoration: none;
  text-transform: none;
}
.btn.btn-link:active, .btn.btn-link:hover {
  color: #222;
  text-decoration: underline;
}
.btn.btn-link:disabled, .btn.btn-link.disabled {
  color: #6c757d;
  pointer-events: auto;
}
.btn.btn-link.display {
  cursor: default;
  text-align: left;
  text-decoration: none;
}
.btn.btn-link.display:hover {
  text-decoration: none !important;
}
.btn.btn-link.display > .label {
  word-break: break-all;
}
.btn.btn-link.display > .label > .sublabel {
  color: #7c7c7c;
  font-size: 12px;
}
.btn.btn-link.display .description {
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 400;
}
.btn.btn-link.break {
  display: initial;
  width: 90%;
  word-break: break-word;
}
.btn.btn-link.copy {
  color: #fff;
}
.btn.btn-link.copy:active, .btn.btn-link.copy:hover {
  color: #7c7c7c;
}
.btn.btn-link.copy.copy-float {
  color: #6c757d;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 9;
}
.btn.btn-link.gray {
  color: #7c7c7c;
}
.btn.btn-link.gray:active, .btn.btn-link.gray:hover {
  color: #7c7c7c;
}
.btn.btn-link.blue {
  color: var(--highlight-color);
}
.btn.btn-link.blue:active, .btn.btn-link.blue:hover {
  color: var(--highlight-color);
}
.btn.btn-link.blue-hover:hover {
  color: var(--highlight-color);
}
.btn.btn-link.danger {
  color: var(--text-danger);
}
.btn.btn-link.danger:active, .btn.btn-link.danger:hover {
  color: var(--text-danger);
}
.btn.btn-link.success {
  color: #158e37;
}
.btn.btn-link.success:active, .btn.btn-link.success:hover {
  color: #158e37;
}
.btn.btn-link.inverted {
  color: #fff;
}
.btn.btn-link.inverted:active, .btn.btn-link.inverted:hover {
  color: #e6e6e6;
  text-decoration: none;
  text-transform: none;
}
.btn.btn-link.inverted.active {
  box-shadow: none;
  color: #e2b462;
}
.btn.btn-link.truncate .ph-class {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn.btn-link.no-last-margin:last-of-type {
  margin-right: 0 !important;
}
.btn.btn-tertiary {
  background-color: transparent;
  border: 0;
  color: #222;
}
.btn.btn-tertiary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary.active {
  background-color: #f3f3f3;
  color: #222;
}
.btn.btn-tertiary:disabled, .btn.btn-tertiary.disabled {
  background-color: #f3f3f3;
  color: #b7b7b7;
}
.btn.btn-tertiary.gray {
  color: #3c3c3c;
  font-weight: 400;
}
.btn.btn-filter {
  background-color: #ededed;
  border-color: #ededed;
  color: #222;
  font-weight: 400;
}
.btn.btn-filter:hover, .btn.btn-filter:focus, .btn.btn-filter.active {
  background-color: var(--highlight-color) !important;
  border-color: var(--highlight-color);
  box-shadow: none !important;
  color: #fff;
}
.btn.btn-danger {
  background-color: transparent;
  border: none;
  color: var(--text-danger);
}
.btn.btn-danger:disabled, .btn.btn-danger.disabled {
  opacity: 25%;
}
.btn.btn-danger:hover {
  background-color: #fef3f2;
}
.btn.btn-danger.btn-icon-danger:hover {
  background-color: transparent;
  color: var(--text-danger-hover) !important;
}
.btn.btn-danger.btn-icon-danger svg {
  font-size: 1.1em;
}
.btn.btn-danger.inverted {
  background-color: var(--text-danger);
  border: none;
  color: #fff;
}
.btn.btn-danger.inverted:hover {
  background-color: var(--text-danger);
}
.btn.btn-success {
  background-color: transparent;
  border: none;
  color: #158e37;
}
.btn.btn-success:disabled, .btn.btn-success.disabled {
  opacity: 25%;
}
.btn.btn-success:hover {
  background-color: #edfdf3;
}
.btn.btn-tag {
  background-color: #ededed;
  border-radius: 4px;
  color: #222;
  margin-bottom: 10px;
  margin-top: 0;
  vertical-align: top;
}
.btn.btn-tag.small {
  border: 0;
  margin: 0;
  padding: 1.2px 8px;
}
.btn.btn-tag.small .anticon {
  vertical-align: -0.06em;
}
.btn.btn-tag.small .anticon svg {
  color: #222;
  font-size: 9px;
}
.btn.btn-tag.display {
  background-color: #fafafa;
  border: solid 1px #ededed;
  color: #222;
}
.btn.btn-tag.display:disabled {
  color: #222;
  cursor: default;
  opacity: 1;
}
.btn.btn-tag.display:hover {
  background-color: #fafafa;
  cursor: default;
}
.btn.btn-tag:hover {
  background-color: #d4d4d4;
  color: #555555;
}
.btn.btn-tag .anticon svg {
  margin-right: 0 !important;
}
.btn.btn-icon {
  background-color: transparent;
  border: 0;
  color: #545454;
  padding: 8px 12px;
}
.btn.btn-icon > span {
  margin-right: 0 !important;
}
.btn.btn-icon svg {
  font-size: 18px;
}
.btn.btn-icon:disabled, .btn.btn-icon.disabled {
  background-color: transparent;
  color: #b7b7b7;
  cursor: not-allowed;
}
.btn.btn-icon:hover {
  background-color: #fafafa;
  color: #222;
}
.btn.btn-icon.white {
  color: #fff;
  padding-right: 1em;
  padding-top: 0.7em;
}
.btn.btn-icon.white:hover {
  background-color: transparent;
}
.btn.btn-icon.star {
  color: #b7b7b7;
  display: inline-flex;
  margin-bottom: 0;
  margin-left: 5px;
  margin-top: 0;
  padding: 0 !important;
}
.btn.btn-icon.star.active {
  color: #fedf8b;
  visibility: visible !important;
}
.btn.btn-icon.primary {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
  color: #fff;
  height: 38px;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  padding: 5px;
  width: 38px;
}
.btn.btn-icon.primary:hover {
  background-color: var(--highlight-hover);
}
.btn.btn-icon.secondary {
  background-color: #fff;
  border-color: #d8d8d8;
  color: var(--highlight-color);
  height: 38px;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  padding: 5px;
  width: 38px;
}
.btn.btn-icon.secondary:hover {
  color: var(--highlight-hover);
}
.btn.btn-icon.tertiary {
  background-color: transparent;
  border-color: transparent;
  color: #222;
  height: 38px;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  padding: 5px;
  width: 38px;
}
.btn.btn-icon.tertiary:hover {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #222;
}
.btn.page-link {
  background-color: #fff;
  border-color: #ededed;
  border-radius: 0;
  color: #222;
  font-weight: 400;
  height: 34px;
  padding: 0.4rem 0.75rem;
}
.btn.page-link.active {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
  color: #fff;
  font-weight: 500;
}
.btn.page-link.page-arrow {
  color: #222;
  padding: 0.4em 0.5em;
}
.btn.btn-name {
  max-width: inherit !important;
  min-width: 90px !important;
  text-align: left !important;
}
.btn.btn-name.max {
  max-width: 30ch !important;
}
.btn.btn-name.no-min {
  min-width: inherit !important;
}
.btn.btn-name.bordered-name {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #222;
  cursor: pointer;
  padding: 6px 12px !important;
  text-align: center !important;
}
.btn.btn-name.bordered-name .anticon {
  margin-right: 0.5em;
}
.btn svg {
  font-size: 14px;
  margin-top: -0.35em !important;
}
.btn.form-height {
  height: 38px;
}
.btn.btn-sign-control {
  border-radius: 4px;
  display: block;
  padding: 8px 12px;
  text-align: left;
}
.btn.btn-sign-control.blue {
  background-color: #e6f1ff;
  border-color: var(--icon-blue-light);
}
.btn.btn-sign-control.orange {
  background-color: #fffaeb;
  border-color: #ff7214;
}
.btn.btn-sign-control.green {
  background-color: #ecfff5;
  border-color: #00c65b;
}
.btn.btn-sign-control.purple {
  background-color: #fbf3ff;
  border-color: #a718eb;
}
.btn.btn-sign-control.yellow {
  background-color: #fffad1;
  border-color: #edd500;
}
.btn.btn-sign-control.violet {
  background-color: #eceeff;
  border-color: #0017ea;
}
.btn.btn-sign-control.red {
  background-color: #fff1fa;
  border-color: #db0090;
}

.btn-group .btn:first-child {
  margin-right: 0 !important;
}
.btn-group.btn-group-small .btn {
  height: 32px;
  padding: 4px 12px;
}
.btn-group.btn-group-small .btn .anticon {
  font-size: 14px !important;
  top: 4px;
}
.btn-group.btn-group-small .ant-dropdown-menu li .anticon {
  font-size: 16px !important;
  vertical-align: -0.2em;
}

.btn-bordered {
  border: solid 1px #ededed;
  border-radius: 4px;
  display: inline-flex !important;
  margin: 4px 6px 4px 0;
  padding: 4px 8px;
}

.card-float-holder {
  display: block;
  height: 100%;
  position: relative;
}
.card-float-holder .card-divider {
  border-left: 1px solid #ededed;
  height: calc(80vh - 120px);
  position: fixed;
  top: 175px;
  z-index: 99;
}
.card-float-holder .ant-space {
  display: block !important;
  height: 100%;
  margin-top: 0;
}
.card-float-holder .ant-space .ant-space-item {
  display: block;
  height: 100%;
  margin-top: 0;
  position: relative;
  width: 100%;
}

.card {
  border-color: #ededed;
  border-radius: 8px !important;
  margin-bottom: 24px;
}
.card h4 {
  font-size: 1.2em;
  font-weight: 500;
}
.card.active {
  border-color: var(--highlight-color);
}
.card.card-collapsed .card-header {
  border-radius: 8px !important;
  border-bottom: 0;
}
.card.card-collapsed .card-body {
  display: none !important;
}
.card.card-borderless {
  background-color: transparent;
  border: 0;
}
.card.card-borderless .icon-holder {
  margin-bottom: 10px;
}
.card.card-borderless .icon-holder .anticon {
  font-size: 24px;
}
.card.card-borderless .icon-holder .anticon.danger {
  color: var(--text-danger);
}
.card.card-borderless .card-title {
  font-size: 18px;
  font-weight: 500;
}
.card.card-borderless .card-desc {
  color: #7c7c7c;
  font-size: 14px;
  margin: 10px 0;
}
.card.card-fixed {
  height: 75vh;
  margin-bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.card.card-fixed.page {
  height: 87vh;
}
.card.card-fixed.page .card-header {
  height: 48px;
  padding: 10px 24px !important;
}
.card.card-fixed.page .card-header form {
  float: right;
  margin-top: -10px;
  padding-top: 0;
}
.card.card-fixed.page .card-body {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.card.card-fixed-footer {
  height: 87vh;
}
.card.card-fixed-footer .card-header {
  height: 48px;
  padding: 10px 24px !important;
}
.card.card-fixed-footer .card-body {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.card.card-fixed-footer .card-footer {
  height: 100px;
  margin-top: 0;
  padding-top: 0;
}
.card.card-disabled {
  background-color: #fafafa;
}
.card.card-disabled .card-body .ant-tag {
  cursor: not-allowed;
  opacity: 0.6;
}
.card.card-box {
  display: inline-block;
  height: 276px;
  position: relative;
  width: 259px;
}
.card.card-box .card-body {
  height: 100%;
  position: relative;
  text-align: center;
}
.card.card-box .card-body .img-container {
  display: flex;
  justify-content: center;
  max-height: 140px;
  min-height: 140px;
}
.card.card-box .card-body .img-container img {
  margin: auto;
}
.card.card-box .card-body .btn-container {
  bottom: 20px;
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.card.card-float {
  position: sticky;
  width: 100%;
}
.card.card-float-details {
  border: 0;
  height: auto;
  position: sticky;
  overflow: clip;
  top: 0;
  width: 100%;
}
.card.card-public {
  margin-left: auto;
  margin-right: auto;
}
.card.card-public .title {
  font-size: 18px;
  font-weight: 500;
  margin-left: 0;
  margin-bottom: 1em;
  margin-top: 1em;
  text-align: left;
}
.card.card-public .step-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.card.card-public p {
  margin-bottom: 2em;
}
.card.card-thin {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .card.card-thin {
    margin-left: 95px;
    margin-right: 95px;
  }
}
@media (min-width: 1300px) {
  .card.card-thin {
    margin-left: 150px;
    margin-right: 150px;
  }
}
@media (min-width: 1500px) {
  .card.card-thin {
    margin-left: 200px;
    margin-right: 200px;
  }
}
.card.card-thin .ant-skeleton .ant-skeleton-title {
  width: 300px;
}
.card.card-shadow {
  border: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.card.card-shadow .card-body .card-shadow-title {
  font-size: 1.2em;
  font-weight: 500;
}
.card.card-shadow .card-body .card-shadow-desc {
  color: #222;
  font-size: 0.95em;
  margin-bottom: 0.5em;
  padding-left: 2em;
}
.card.card-shadow .card-body .card-button {
  margin-bottom: auto;
  margin-top: auto;
  text-align: right;
}
.card.card-points {
  background: linear-gradient(301.26deg, #00295B -41.16%, #0065DF 100.54%);
  border: 0;
  box-shadow: 0 1px 5px rgba(152, 152, 152, 0.4);
  max-height: 205px;
}
.card.card-points .card-body {
  padding-left: 2em;
  padding-top: 1.5em;
}
.card.card-points .card-body .pt-label {
  color: #fec34d;
  font-weight: 400;
  font-size: 16px;
  margin: 1em 0 0.5em;
}
.card.card-points .card-body .pt-value {
  color: #fff;
  font-size: 72px;
  font-weight: 500;
}
.card.card-form {
  background-color: #fafafa;
}
.card.card-form.small-title h4 {
  color: var(--primary-color);
  font-size: 1em;
}
.card.card-form.small-title h4 .anticon {
  vertical-align: -0.05em;
}
.card.card-form .btn-icon {
  font-weight: 400;
}
.card.card-form .w-250 {
  min-width: 250px;
}
.card.card-form.white-bg {
  background-color: #fff;
}
.card.card-form.white {
  background-color: #fff;
  border: none;
  margin-top: 1em;
}
.card.card-form.borderless {
  background-color: #fff;
  border: none;
  margin-top: 1em;
}
.card.card-form.borderless h4 {
  padding-left: 1em;
}
.card.card-form.borderless h4 .anticon svg {
  margin-top: -8px;
}
.card.card-form.borderless.small-title h4 {
  color: #222;
  font-size: 1.1em;
}
.card.card-form.detached {
  background-color: transparent;
  border: none;
  margin-top: 2em;
}
.card.card-form.detached h4 {
  margin-left: -0.9em;
  padding-left: 0;
}
.card.card-form.detached .detached-content {
  background-color: #fff;
  padding: 10px 0;
}
.card.card-form.info {
  background-color: #fff;
  border: none;
}
.card.card-form.info .card-body {
  padding: 0;
}
.card.card-form.info .card-body h4 {
  background-color: #ededed;
  color: #6c757d;
  font-size: 14px;
  margin: 0;
  padding: 16px 10px;
}
.card.card-form .card-footer.with-top-border {
  border-top: solid 1px #ededed;
  padding-top: 1rem;
}
.card.card-form .card-list {
  margin: 20px 0;
}
.card.card-form .card-list .card-list-item {
  border: solid 1px #ededed;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
}
.card.card-form .card-list .card-list-item .card-list-header {
  background-color: #e6e6e6;
  border-radius: 5px;
  color: #222;
  font-size: 0.9em;
  margin-left: 10px;
  margin-top: -15px;
  padding: 4px 8px;
  position: absolute;
  z-index: 99;
}
.card.card-form .card-list .card-list-item .row {
  margin: 0;
}
.card.card-form .card-list .card-list-item .row .col-3 {
  border-right: solid 1px #ededed;
}
.card.card-form .card-list .card-list-item .row .col-3:hover, .card.card-form .card-list .card-list-item .row .col-3:focus, .card.card-form .card-list .card-list-item .row .col-3:active {
  background-color: #fafafa;
}
.card.card-form .card-list .card-list-item .row .col-3:last-of-type {
  border-right: 0;
}
.card.card-form .card-list .card-list-item .btn-list-item {
  padding: 15px 0;
  text-align: left;
  width: 100%;
}
.card.card-form .card-list .card-list-item .btn-list-item .title {
  color: #6c757d;
  font-size: 1em;
  font-weight: 400;
  height: 40px;
  margin-bottom: 5px;
  width: inherit;
  word-wrap: normal;
}
.card.card-form .card-list .card-list-item .btn-list-item .subtitle {
  color: #f97300;
  font-size: 24px;
  font-weight: 500;
}
.card.card-form .card-list .card-list-item .btn-list-item .subtitle.muted {
  color: #9a9a9a;
}
.card .card-header {
  border-bottom: solid 1px #ededed;
  border-radius: 8px 8px 0 0;
  color: var(--primary-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 2.3em;
  margin-bottom: 0.5em;
  padding-top: 16px;
}
.card .card-header.small-header {
  background-color: #fff;
  color: #222;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 12px 16px;
}
.card .card-header.small-header .title {
  font-size: 18px !important;
  line-height: 20px;
  min-height: 46px;
  padding: 12px 16px;
}
.card .card-header.small-header .title .btn-link {
  font-size: inherit;
  padding: 0;
}
.card .card-header.small-header .btn-tertiary .anticon {
  font-size: 14px;
}
.card .card-header.form-header {
  background-color: transparent;
  color: #222;
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 0;
  padding: 8px 16px;
}
.card .card-header.form-header .title {
  font-size: 16px !important;
  line-height: 28px;
}
.card .card-header.form-header .title .anticon {
  color: #7c7c7c;
  font-size: 14px;
}
.card .card-header.tab-header {
  background-color: transparent;
  color: #222;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 8px 24px 0;
}
.card .card-header.tab-header .title {
  font-size: 14px;
  line-height: 28px;
}
.card .card-header.tab-header .btn-holder {
  padding: 4px 0;
}
.card .card-header.blue-header {
  background-color: #fff;
  color: #222;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 16px 24px;
}
.card .card-header.blue-header.bh-16 {
  font-size: 16px;
}
.card .card-header.blue-header.bg-transparent {
  background-color: transparent;
  border-bottom: 0;
  font-size: 20px;
  padding-left: 0;
}
.card .card-header.blue-header .title {
  padding-top: 0;
  position: relative;
  top: 2px;
}
.card .card-header.blue-header .title .beta {
  top: -2px;
}
.card .card-header.blue-header .title > .anticon {
  vertical-align: -0.15em;
}
.card .card-header.blue-header .anticon {
  color: var(--highlight-icon-color);
  margin-right: 10px;
  vertical-align: 0.1em;
}
.card .card-header.blue-header .anticon svg {
  font-size: 20px;
}
.card .card-header.blue-header .btn-link {
  margin: 0 !important;
  padding: 0;
  padding-top: 0 !important;
}
.card .card-header.blue-header .btn-link .anticon {
  vertical-align: -0.13em;
}
.card .card-header.blue-header .btn-link:hover {
  cursor: pointer;
}
.card .card-header.blue-header .btn-link.blue {
  color: var(--highlight-color) !important;
}
.card .card-header.blue-header .btn-link.blue .anticon {
  color: var(--highlight-color) !important;
}
.card .card-header.blue-header .btn-link.danger {
  color: var(--text-danger) !important;
}
.card .card-header.blue-header .btn-link.danger .anticon {
  color: var(--text-danger) !important;
}
.card .card-header.blue-header .btn-link.back {
  margin: 0;
  margin-right: 0 !important;
  padding: 0;
}
.card .card-header.blue-header .btn-link.back .anticon {
  color: #222 !important;
}
.card .card-header.blue-header .btn-link.back .anticon svg {
  font-size: 16px;
  margin-top: 0 !important;
  vertical-align: -0.01em;
}
.card .card-header.blue-header .btn-secondary .anticon {
  color: inherit;
  vertical-align: -0.125em;
}
.card .card-header.blue-header .btn-secondary .anticon svg {
  font-size: 14px;
}
.card .card-header.blue-header .tooltip-header {
  color: #7c7c7c;
  margin-left: 10px;
}
.card .card-header.blue-header .tooltip-header svg {
  font-size: 14px;
}
.card .card-header.blue-header .ant-dropdown-trigger .anticon {
  color: #fff;
  margin-right: 0;
  vertical-align: -0.2em;
}
.card .card-header.blue-header .ant-dropdown-trigger .anticon svg {
  font-size: 14px;
}
.card .card-header.blue-header .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .anticon {
  color: #222;
  vertical-align: -0.125em;
}
.card .card-header.blue-header .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .anticon svg {
  font-size: 1em;
}
.card .card-header .btn-holder {
  display: inline;
  padding-top: 0;
}
.card .card-header .btn-holder .btn-icon {
  margin-bottom: 0;
}
.card .card-header .btn-holder .btn-link {
  color: #222 !important;
  font-size: 14px !important;
  padding: 0;
  padding-top: 14px;
}
.card .card-header .btn-holder .btn-link:last-of-type {
  margin-right: 0 !important;
}
.card .card-header .btn-holder .btn-link .anticon {
  color: #222;
  margin-right: 5px;
}
.card .card-header .btn-holder .btn-link .anticon svg {
  font-size: 14px !important;
  margin-top: -8px !important;
}
.card .card-title {
  margin-bottom: 0;
  padding: 12px;
  padding-bottom: 0;
}
.card .card-title h4 {
  font-size: 1.2em;
  font-weight: 500;
  width: max-content;
}
.card .card-title h4 .title-icon {
  margin-right: 0.1em;
  padding: 0.3em;
}
.card .card-title h4 .title-icon svg {
  margin-top: -7px;
}
.card .card-title.overview {
  background-color: #fafafa;
  left: 0;
  margin: 0.5rem auto;
  padding: 0.5rem 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
.card .card-title.overview h4 {
  font-size: 1.5em;
}
.card .card-title.overview h4 .title-icon {
  margin-right: 0.1em;
  margin-top: 10em;
  padding: 0.3em;
}
.card .card-title.overview .card-search {
  background-color: #fafafa;
}
.card .card-title.overview .card-search.focused {
  background-color: #fff;
}
.card .card-title.overview .card-search .icon.focused {
  background-color: #fff;
}
.card .card-title.overview form .ant-drawer-body h4 {
  font-size: 1.2em !important;
}
.card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: block;
  padding: 16px;
}
.card .card-body .hide {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.card .card-body .show {
  height: auto;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s, height 0.5s ease-in-out;
  visibility: visible;
}
.card .card-body.overview {
  background-color: #fafafa;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
}
.card .card-body.bordered {
  border: 1px solid #ededed;
  border-radius: 8px;
  box-shadow: none;
  padding: 1em;
}
.card .card-body.h-300 {
  max-height: 300px;
  min-height: 300px;
}
.card .card-body.h-300 > small {
  height: 40px;
  line-height: 1.5em;
}
.card .card-body .img-container {
  display: flex;
  justify-content: center;
  max-height: 120px;
  min-height: 120px;
}
.card .card-body .img-container img {
  margin: auto;
}
.card .card-body .card-subheader {
  align-items: center;
  background-color: #e9ecef;
  border-radius: 0.25em;
  color: #222;
  font-weight: 500;
  height: 50px;
  margin-bottom: 1em;
  padding: 0.5em 1em;
}
.card .card-body h3.public-title {
  color: #222;
  font-weight: 500;
  padding: 1em 0;
  text-align: center;
}
.card .card-body .breadcrumb + .breadcrumb {
  background-color: #fff;
  margin-top: -1em;
  padding-top: 0.25em;
}
.card .card-body .breadcrumb + .breadcrumb .breadcrumb-item {
  font-size: 80%;
}
.card .card-body .breadcrumb + .breadcrumb .breadcrumb-item.active {
  color: var(--primary-color);
}
.card .card-body .breadcrumb + .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.3em;
}
.card .card-body .breadcrumb + .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.3em;
}
.card .card-body .card > .card-footer {
  padding: 0.5em;
}
.card .card-body .file-container {
  margin: 1em;
}
.card .card-body .file-container .alert {
  margin-left: -1em;
  margin-right: -1em;
}
.card .card-body .file-container .file-body {
  padding: 1em 0;
}
.card .card-body .file-container .file-body:nth-of-type(even) {
  background-color: #e6e6e6;
}
.card .card-body .file-container .file-body:nth-of-type(odd) {
  background-color: #fff;
}
.card .card-body .file-container .file-body button.btn-link {
  padding-left: 0;
  padding-top: 0.63em;
  text-align: left;
}
.card .card-body .card-2fa {
  padding: 26px 18px;
}
.card .card-body .card-2fa h3 {
  font-size: 24px;
}
.card .card-body .card-2fa .card-2fa-body {
  font-size: 16px;
}
.card .card-footer {
  background: none;
  border-top: 0;
  direction: ltr;
  margin-top: 0.5em;
  padding: 0;
  padding-top: 0.5em;
  text-align: right;
}
.card .card-footer button,
.card .card-footer a {
  float: none;
}
.card .card-footer.form-footer {
  margin-top: 0;
  padding: 16px 24px;
}
.card .card-search {
  align-items: flex-end;
  background-color: #fff;
  border: solid 1px #ededed;
  border-radius: 0.25rem;
  display: flex;
  height: 2.8em;
  margin-top: 0;
  padding: 0 10px 1px;
  transition: 300ms;
  width: 100%;
  height: 38px;
}
.card .card-search.card-search-modal {
  border: 0;
  display: flex;
  float: none;
  margin-bottom: 10px;
  margin-top: 10px;
}
.card .card-search.card-search-modal .icon {
  color: #222;
  font-size: 16px;
  padding-top: 6px;
}
.card .card-search.card-search-modal .icon .anticon {
  vertical-align: -0.1em;
}
.card .card-search.card-search-modal .icon.focused {
  padding-top: 6px;
}
.card .card-search:hover, .card .card-search.focused {
  border-color: var(--highlight-color);
  width: 100%;
}
.card .card-search .icon {
  color: #6c757d;
  font-size: 16px;
  height: 36px;
  line-height: 18px;
  padding-right: 5px;
  padding-top: 6px;
}
.card .card-search .icon .anticon-search {
  vertical-align: -0.25em;
}
.card .card-search .icon .anticon-search svg {
  font-size: 16px;
}
.card .card-search .icon.focused {
  padding-top: 4px;
}
.card .card-search .textfield {
  height: 100%;
  position: relative;
  width: 100%;
}
.card .card-search .textfield input {
  border: 0;
  box-shadow: none;
  color: #222;
  font-size: 1em;
  height: 100%;
  outline: none;
  transition: 300ms;
  width: 100%;
}
.card .card-search .textfield input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.card .card-search .textfield input::placeholder {
  color: #b7b7b7;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  font-weight: 400;
}
.card .card-search .textfield span {
  color: #6c757d;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.card .card-search .textfield input[type=search] {
  -webkit-appearance: none;
}
.card .card-search .textfield input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  font-size: 12px;
}
.card .card-search .textfield input[type=search]::-webkit-search-decoration {
  display: none;
}
.card .card-search .clear-search .btn-icon {
  color: #222;
}
.card .card-search .clear-search .btn-icon svg {
  font-size: 16px;
}
@media (max-width: 990px) {
  .card .card-title h4 {
    width: auto;
  }
}
@media (max-width: 767.98px) {
  .card .card-title h4 {
    display: -webkit-box !important;
    font-size: 1em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: auto;
  }
}
@media (max-width: 991.98px) {
  .card .card-search {
    width: 100%;
  }
  .card .card-search.focused {
    width: 100%;
  }
}

.card-banner {
  background: linear-gradient(129deg, #f5ecff 14.09%, #dec1ff 127.11%);
  border: 1px solid #d3b2ff;
  border-radius: 8px;
  font-style: normal;
  margin-bottom: 15px;
  padding: 16px 24px;
}
.card-banner .banner-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 4px;
}
.card-banner.blue {
  background: var(--banner-blue-bg);
  border: 1px solid #c3defe;
  margin-bottom: 0;
  padding: 20px 24px;
}
.card-banner.blue .banner-title {
  color: var(--text-banner-blue);
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
.card-banner.blue .banner-desc {
  color: var(--text-banner-blue);
}
.card-banner.blue .btn-primary {
  background-color: var(--btn-primary-banner-blue-bg);
}
.card-banner.blue .btn-link {
  color: var(--btn-link-banner-blue);
}
.card-banner.yellow {
  background: var(--banner-yellow-bg);
  border: 1px solid var(--border-banner-yellow-color);
  margin-bottom: 0;
}
.card-banner.yellow .banner-title {
  color: #3c3c3c;
  margin-bottom: 10px;
}
.card-banner.yellow .banner-title .anticon svg {
  color: var(--icon-banner-yellow);
}
.card-banner.transparent {
  background: transparent;
  border: 0;
  margin-bottom: 0;
  padding: 0;
}
.card-banner.transparent .banner-title {
  color: var(--primary-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
.card-banner.borderless {
  border: 0;
  border-radius: 0;
}
.card-banner .banner-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.card-codemirror {
  height: 80vh;
}
.card-codemirror .CodeMirror {
  height: inherit;
}
.card-codemirror .CodeMirror .CodeMirror-lines {
  background-color: #ededed;
}

.card-panel {
  background-color: #fff;
  border: solid 1px #ededed;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 1.5em;
  padding: 1em;
}
.card-panel.active {
  border: solid 1px var(--highlight-color);
}
.card-panel:hover, .card-panel:focus {
  background-color: #fafafa;
  cursor: pointer;
}
.card-panel.card-panel-scroll {
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: inherit;
}
.card-panel.card-panel-scroll:hover, .card-panel.card-panel-scroll:focus {
  background-color: #fff;
  cursor: default;
}
.card-panel.card-panel-scroll iframe {
  height: calc(100vh - 65px);
}
.card-panel.card-panel-scroll.borderless {
  border: none;
}
.card-panel.card-panel-scroll.borderless iframe {
  border: none;
}
.card-panel.card-borderless {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.card-panel.card-borderless.active {
  border: solid 1px var(--highlight-color);
  border-radius: 0.3em;
}
.card-panel .card-panel-text {
  margin: 0;
  padding: 0;
  text-align: left;
}
.card-panel .card-panel-text .star {
  visibility: hidden;
}
.card-panel .card-panel-text:hover .star {
  visibility: visible;
}
.card-panel .card-panel-body {
  height: auto;
  max-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 500ms, visibility ease-in-out 100ms;
  visibility: hidden;
}
.card-panel .card-panel-body.expand {
  max-height: 600px;
  visibility: visible;
  overflow-y: auto;
}
.card-panel .card-panel-body.expand .ant-select-dropdown {
  margin-top: 20px !important;
  max-height: 250px !important;
}
.card-panel .card-panel-body .close-btn {
  position: absolute;
  right: 0;
}
.card-panel .card-panel-body .card-panel-content {
  height: inherit;
  padding: 1em 1em 0;
}
.card-panel .card-panel-body .card-panel-content .form-check .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
}
.card-panel .card-panel-body .card-panel-content .form-check .ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: var(--highlight-hover);
  border-color: var(--highlight-hover);
}
.card-panel .card-panel-body .card-panel-content .form-check .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #fff;
  left: 21%;
}
.card-panel .card-panel-body .card-panel-content small {
  font-size: 95% !important;
  width: 75%;
}
.card-panel .card-panel-body .card-panel-content .ant-tag {
  background-color: #ededed;
  border-color: #ededed;
  border-radius: 0.3em;
  color: #222;
  margin-bottom: 0.5em;
}
.card-panel .card-panel-body .card-panel-content .subtext-container {
  margin-left: -3px;
  margin-top: 0;
}
.card-panel .card-panel-body .card-panel-content .subtext-container .subtext {
  display: block;
  margin-left: 4em;
}
.card-panel .card-panel-body .card-panel-content .btn-icon {
  border-color: #ededed;
  margin-top: -1.5em;
}
.card-panel .card-panel-body .card-panel-content .btn-icon.center {
  margin-top: -0.5em;
}
.card-panel .card-panel-footer {
  background: none;
  text-align: right;
}

.ant-carousel {
  height: 130px;
  margin: 10px 0;
  position: relative;
}
.ant-carousel .slick-arrow {
  background: #fff;
  border: solid 1px #ededed;
  border-radius: 50%;
  color: #222;
  height: 50px;
  position: absolute;
  top: 45px;
  width: 50px;
  z-index: 99;
}
.ant-carousel .slick-arrow:hover {
  background: #fff;
  border-color: var(--highlight-color);
  color: #222;
}
.ant-carousel .slick-arrow.slick-arrow .anticon-arrow-left,
.ant-carousel .slick-arrow.slick-arrow .anticon-arrow-right {
  color: #222;
  font-size: 1.2em;
  height: 20px;
  width: 20px;
}
.ant-carousel .slick-arrow.slick-arrow .anticon-arrow-left svg,
.ant-carousel .slick-arrow.slick-arrow .anticon-arrow-right svg {
  height: inherit;
  width: inherit;
}
.ant-carousel .slick-arrow.slick-prev {
  left: -2%;
}
.ant-carousel .slick-arrow.slick-next {
  right: -2%;
}
.ant-carousel .slick-list,
.ant-carousel .slick-track {
  height: inherit;
}
.ant-carousel .slick-slide {
  height: 120px;
}
.ant-carousel .slick-slide .carousel-img {
  background-color: #fff;
  border: solid 1px #ededed;
  border-radius: 0.25rem;
  height: 120px;
  margin-right: 10px;
  padding: 20px 0;
  position: relative;
  transition: 0.15s all ease;
  width: 15.8% !important;
}
.ant-carousel .slick-slide .carousel-img .fallback {
  font-size: 16px;
  left: 49%;
  padding-left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.15s all ease;
}
.ant-carousel .slick-slide .carousel-img input[type=image],
.ant-carousel .slick-slide .carousel-img img {
  display: block;
  margin: auto;
  max-height: 120px;
  max-width: 170px;
}
.ant-carousel .slick-slide .carousel-img .car-sublabel {
  bottom: 10px;
  color: #6c757d;
  display: none;
  font-size: 0.9em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s all linear;
}
.ant-carousel .slick-slide .carousel-img .car-sublabel button {
  background-color: transparent;
  border: 0;
  color: #6c757d;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.ant-carousel .slick-slide .carousel-img .car-sublabel button:active, .ant-carousel .slick-slide .carousel-img .car-sublabel button:focus, .ant-carousel .slick-slide .carousel-img .car-sublabel button:hover {
  box-shadow: none;
  font-weight: 500;
}
.ant-carousel .slick-slide .carousel-img:hover {
  border-color: var(--highlight-color);
  cursor: pointer;
  padding-top: 10px;
}
.ant-carousel .slick-slide .carousel-img:hover .car-sublabel {
  display: block;
  top: 82%;
}
.ant-carousel .slick-slide .carousel-img:hover .fallback {
  top: 40%;
}

.ant-collapse {
  font-family: var(--font-family, "Fira Sans") !important;
}
.ant-collapse.ant-collapse-borderless {
  background-color: #fff;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header {
  height: 50px;
  padding: 14px 16px;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-badge {
  margin: 5px 10px;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .ant-badge .ant-badge-count {
  background: var(--highlight-color);
  margin-top: 7px;
}
.ant-collapse.ant-collapse-borderless.collapse-filter .ant-collapse-item {
  border: none;
}
.ant-collapse.ant-collapse-borderless.collapse-filter .ant-collapse-item .ant-collapse-header {
  box-shadow: none;
  border-bottom: 1px solid #ededed;
}
.ant-collapse.ant-collapse-borderless.collapse-filter .ant-collapse-item .ant-collapse-content {
  overflow: visible;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item-active .ant-collapse-header {
  box-shadow: 0 1px 2px 0 #ced4da;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item-active .ant-collapse-content {
  margin-top: 0;
  overflow-y: auto;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item-active .ant-collapse-content .ant-collapse-content-box {
  padding-top: 0;
  padding: 16px 32px;
}
.ant-collapse.ant-collapse-borderless .ant-collapse-item-disabled .ant-collapse-header .ant-badge .ant-badge-count {
  background: #d8d8d8;
}
.ant-collapse.collapse-doc-settings {
  border-color: #ededed;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
}
.ant-collapse.collapse-doc-settings > .ant-collapse-item {
  background-color: #fff;
  border-bottom: 1px solid;
  border-color: #ededed;
}
.ant-collapse.collapse-doc-settings > .ant-collapse-item:last-child {
  border-bottom: 0px;
  margin-bottom: 60px;
}
.ant-collapse.collapse-doc-settings > .ant-collapse-item.ant-collapse-item-active {
  background-color: #fafafa;
}
.ant-collapse.collapse-doc-settings > .ant-collapse-item.ant-collapse-item-active .ant-collapse-header-text {
  color: var(--icon-blue-light);
}
.ant-collapse.collapse-doc-settings .ant-collapse-content {
  background-color: #fafafa;
  border-color: #ededed;
}
.ant-collapse.collapse-doc-settings .ant-collapse-content .ant-collapse-content-box {
  padding: 12px 16px;
}
.ant-collapse.collapse-doc-settings .ant-collapse-header-text {
  align-items: center;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  word-break: break-all;
}
.ant-collapse.collapse-doc-settings .ant-collapse-header-text span svg {
  text-align: right;
}
.ant-collapse.collapse-doc-settings .ant-collapse-header-text span.success {
  color: #158e37;
}
.ant-collapse.collapse-doc-settings .ant-collapse-header-text span.warn {
  color: #f97300;
}
.ant-collapse.collapse-bg .ant-collapse-item {
  background-color: #fafafa;
  border-bottom: 0 !important;
  border-radius: 6px;
  margin-bottom: 8px;
}
.ant-collapse.collapse-bg .ant-collapse-item .ant-collapse-header {
  box-shadow: none;
  height: auto;
  margin-top: 4px;
  padding: 8px 16px;
}
.ant-collapse.collapse-bg .ant-collapse-item .ant-collapse-content {
  overflow: hidden;
}
.ant-collapse.collapse-bg .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0 16px 8px;
}

.copyright-container a, .copyright-container a:link, .copyright-container a:visited {
  color: #6c757d;
  text-decoration: none;
  text-transform: none;
}
.copyright-container a span.blue, .copyright-container a:link span.blue, .copyright-container a:visited span.blue {
  color: var(--primary-color);
}
.copyright-container a span.meg, .copyright-container a:link span.meg, .copyright-container a:visited span.meg {
  color: #a2a08c;
}
.copyright-container a.terms, .copyright-container a:link.terms, .copyright-container a:visited.terms {
  color: var(--primary-color) !important;
  font-weight: 500;
}

.ant-drawer {
  font-family: var(--font-family, "Fira Sans");
  transition: all 0.3s;
}
.ant-drawer.ant-drawer-left .ant-drawer-mask {
  background: transparent;
  pointer-events: none;
}
.ant-drawer.ant-drawer-right {
  z-index: 1050;
}
.ant-drawer.ant-drawer-right .ant-drawer-mask {
  z-index: 1060;
}
.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper {
  z-index: 1070;
}
.ant-drawer.ant-drawer-bottom {
  z-index: 1050;
}
.ant-drawer.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100% !important;
}
.ant-drawer .form-group .ant-input-affix-wrapper {
  display: inline-flex;
}
.ant-drawer .form-group .ant-input-affix-wrapper.form-control {
  border: solid 1px #ededed;
  height: 38px !important;
}
.ant-drawer .form-group .ant-input-affix-wrapper.form-control:hover {
  border-color: var(--highlight-color);
}
.ant-drawer .form-group .ant-input-affix-wrapper.form-control input {
  height: 35px !important;
  margin-top: -6px !important;
}
.ant-drawer .ant-drawer-content {
  overflow: hidden;
  position: relative;
  width: 100% !important;
}
.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body {
  height: 100%;
  padding-bottom: 20px;
}
.ant-drawer .ant-drawer-header {
  background: #fff;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  font-size: 18px !important;
  padding-left: 25px;
  padding-right: 25px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-drawer .ant-drawer-header .ant-drawer-title {
  font-size: 18px !important;
  font-weight: 500;
  text-align: left;
}
.ant-drawer .ant-drawer-header .ant-drawer-title .btn {
  font-size: 18px !important;
}
.ant-drawer .ant-drawer-body {
  margin-bottom: 0;
  min-height: 75%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  z-index: 1;
}
@media (min-height: 570px) {
  .ant-drawer .ant-drawer-body {
    min-height: 80%;
  }
}
@media (min-height: 750px) {
  .ant-drawer .ant-drawer-body {
    min-height: 85%;
  }
}
@media (min-height: 1100px) {
  .ant-drawer .ant-drawer-body {
    min-height: 90%;
  }
}
.ant-drawer .ant-drawer-body .card {
  min-height: inherit;
  position: relative;
}
.ant-drawer .ant-drawer-body form .ant-checkbox-wrapper:hover .ant-checkbox::after,
.ant-drawer .ant-drawer-body form .ant-checkbox-wrapper-checked:hover .ant-checkbox::after {
  top: 0 !important;
}
.ant-drawer .ant-drawer-close {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 0;
}
.ant-drawer .ant-drawer-content-wrapper {
  box-shadow: none !important;
}
@media (min-width: 576px) {
  .ant-drawer .ant-drawer-content-wrapper {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .ant-drawer .ant-drawer-content-wrapper {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .ant-drawer .ant-drawer-content-wrapper {
    width: 50% !important;
  }
}
@media (min-width: 1300px) {
  .ant-drawer .ant-drawer-content-wrapper {
    width: 35% !important;
  }
}
.ant-drawer .ant-drawer-content-wrapper .ant-drawer-title {
  font-size: 1.2em;
}
.ant-drawer .ant-drawer-content-wrapper .ant-drawer-title svg {
  font-size: 1em;
  margin-top: -0.5em;
}

.ant-dropdown {
  font-family: var(--font-family, "Fira Sans");
}
.ant-dropdown .anticon-down svg {
  font-size: 1em;
}
.ant-dropdown .ant-dropdown-menu {
  border-radius: 4px;
  max-height: 500px;
  min-width: 155px;
  overflow-y: auto;
  width: auto;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group {
  border-bottom: solid 1px #ededed;
  padding: 5px 0;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group:last-child {
  border-bottom: 0;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-title {
  color: #7c7c7c;
  font-size: 12px !important;
  font-weight: 400;
  padding-bottom: 0;
  text-align: left;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-list {
  margin: 0;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-list .ant-dropdown-menu-item {
  font-weight: 400;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-list .ant-dropdown-menu-item.btn-avatar.action .anticon {
  background-color: #faedff;
  border-radius: 50%;
  color: #53007a;
  height: 28px;
  padding: 8px 0 8px 7px;
  width: 28px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-list .ant-dropdown-menu-item.btn-avatar.action .anticon:active, .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-list .ant-dropdown-menu-item.btn-avatar.action .anticon:hover {
  background-color: #faedff;
  color: #53007a;
  cursor: default;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-badge .ant-badge-status-dot {
  top: 6px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content > span {
  display: inline-flex;
  width: 100%;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .anticon {
  width: auto;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .anticon {
  margin-right: 10px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .anticon svg {
  vertical-align: 0;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover, .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.active {
  background-color: #fafafa;
  font-weight: 500;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled {
  opacity: 25%;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover {
  font-weight: 500;
  background-color: #fff;
}
.ant-dropdown.dropdown-navbar {
  top: 95px !important;
}
.ant-dropdown.dropdown-navbar ul {
  background-color: #fff;
  border-radius: 4px;
  max-height: 400px;
  overflow: hidden;
  padding: 0;
  padding-left: 8px;
  width: 193px;
}
.ant-dropdown.dropdown-navbar ul li {
  background-color: #fff;
  border-bottom: solid 1px #fff;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group {
  max-height: 400px;
  padding: 0;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-title {
  color: #222;
  font-size: 14px !important;
  margin-left: -6px;
  margin-top: 10px;
  text-align: left;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul.ant-dropdown-menu-item-group-list {
  margin: 5px 0;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
  width: 183px;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul li {
  border: solid 1px transparent;
  cursor: pointer;
  margin-bottom: 5px;
  text-align: center;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul li:hover {
  border: solid 1px var(--highlight-color);
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul li .ant-dropdown-menu-title-content {
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul li .ant-dropdown-menu-title-content .image-container {
  cursor: pointer;
  height: 65px;
  position: relative;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul li .ant-dropdown-menu-title-content .image-container .fallback {
  padding-left: 0;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-group ul li .ant-dropdown-menu-title-content .image-container img {
  left: 0;
  position: relative;
  top: -10px;
}
.ant-dropdown.dropdown-navbar ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-dropdown.dropdown-navbar ul li:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-dropdown.dropdown-navbar ul li.ant-dropdown-menu-item-active, .ant-dropdown.dropdown-navbar ul li.active {
  background-color: #fff !important;
  border-color: #fff;
  border-radius: 4px;
}
.ant-dropdown.dropdown-white ul {
  background-color: #fff;
  border-radius: 4px;
  max-height: 450px;
  padding: 0;
  overflow-y: auto;
}
.ant-dropdown.dropdown-white ul li {
  font-size: 1em;
  padding: 6px 12px;
}

.ant-empty {
  font-family: var(--font-family, "Fira Sans");
  font-size: 14px;
  margin: 32px auto;
}
.ant-empty .ant-empty-image {
  height: 60px;
  margin: auto;
  width: 98px;
}
.ant-empty .ant-empty-description {
  color: #222;
  font-weight: 400;
  line-height: 20px;
  margin: 16px auto;
  text-align: center;
  width: auto;
}

.license {
  margin: auto;
  width: 500px;
}
.license .ant-result {
  padding: 0;
}
.license .ant-result .ant-result-icon {
  margin-top: 24px;
}
.license .ant-result .ant-result-title {
  font-size: 1.3em;
  font-weight: 500;
  padding: 0 10px;
}
.license .ant-result .ant-result-extra {
  margin-top: 24px;
}
.license .ant-result .ant-result-content {
  padding-top: 16px;
  padding-bottom: 16px;
}
.license.grey-bg {
  background-color: #fafafa;
  padding-top: 16px;
  padding-bottom: 16px;
}

.image-container {
  background-color: #fff;
  border: solid 1px #fff;
  border-radius: 0.25rem;
  height: 65px;
  position: relative;
  transition: 0.15s all ease;
}
.image-container .fallback {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  padding-left: 16px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.15s all ease;
  width: 120px;
  z-index: 9;
}

.list-empty {
  color: #7c7c7c;
  font-family: var(--font-family, "Fira Sans");
  font-size: 14px;
  font-weight: 400;
  margin: auto;
  padding: 16px 24px;
  text-align: center;
}

.list-loading {
  padding: 16px 24px;
}

ul.list {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
ul.list .btn-icon {
  height: 20px;
  margin-top: 0;
  padding: 0;
}
ul.list .btn-icon .anticon-close-circle {
  float: right;
  font-size: 0.92em;
  margin: 0;
}
ul.list li.list-item {
  background-color: #fff;
  border-top: solid 1px #ededed;
  color: #222;
  display: block;
  margin-bottom: -1px;
  padding: 0.75em 1.25em;
  position: relative;
}
ul.list li.list-item:last-child {
  border-bottom: solid 1px #ededed !important;
  border-radius: 0 0 4px !important;
}
ul.list li.list-item:hover, ul.list li.list-item:focus, ul.list li.list-item:active {
  background-color: #fafafa;
}
ul.list li.list-item:hover .btn-link.copy svg, ul.list li.list-item:focus .btn-link.copy svg, ul.list li.list-item:active .btn-link.copy svg {
  color: #7c7c7c;
}
ul.list li.list-item:hover .btn-link.copy:hover svg, ul.list li.list-item:hover .btn-link.copy:focus svg, ul.list li.list-item:hover .btn-link.copy:active svg, ul.list li.list-item:focus .btn-link.copy:hover svg, ul.list li.list-item:focus .btn-link.copy:focus svg, ul.list li.list-item:focus .btn-link.copy:active svg, ul.list li.list-item:active .btn-link.copy:hover svg, ul.list li.list-item:active .btn-link.copy:focus svg, ul.list li.list-item:active .btn-link.copy:active svg {
  color: #222;
}
ul.list li.list-item.active {
  background-color: #fafafa;
}
ul.list li.list-item.error {
  background: #fef2f1;
  border: 1px solid var(--text-danger) !important;
}
ul.list li.list-item.success {
  background: #edfdf3;
  border: solid 1px #1ba745 !important;
}
ul.list li.list-item.li-disabled {
  background-color: #f8f8f8;
  opacity: 0.6;
  cursor: not-allowed;
}
ul.list li.list-item.li-disabled:hover, ul.list li.list-item.li-disabled:focus, ul.list li.list-item.li-disabled:active {
  background-color: #f8f8f8;
  cursor: not-allowed;
}
ul.list li.list-item.li-disabled .btn-link.copy svg {
  color: #6c757d;
}
ul.list li.list-item.li-disabled .btn-link.copy:hover svg, ul.list li.list-item.li-disabled .btn-link.copy:focus svg, ul.list li.list-item.li-disabled .btn-link.copy:active svg {
  color: #6c757d;
}
ul.list li.list-item.li-disabled .list-content .title {
  color: #6c757d;
}
ul.list li.list-item.li-disabled .list-content .text {
  color: #6c757d;
}
ul.list li.list-item.li-disabled .list-content .subtext {
  color: #6c757d;
}
ul.list li.list-item .list-content {
  height: 100%;
  width: 100%;
}
ul.list li.list-item .list-content .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
ul.list li.list-item .list-content .title .star {
  vertical-align: -0.2em !important;
}
ul.list li.list-item .list-content .text {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.3em;
}
ul.list li.list-item .list-content .subtext {
  color: #6c757d;
  font-size: 0.75em;
  margin-top: 1em;
}
ul.list.list-stacked li.list-item {
  border: solid 1px #ededed;
  padding: 20px 15px;
}
ul.list.list-stacked li.list-item:first-child {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
ul.list.list-stacked li.list-item:last-child {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
ul.list.list-spaced li {
  margin: 4px 0;
}
ul.list.list-spaced li.list-item {
  border: solid 1px #ededed;
  border-radius: 4px;
  padding: 12px 16px;
}
ul.list.list-spaced li.list-item:last-child {
  border-bottom: solid 1px #ededed !important;
  border-radius: 4px !important;
}
ul.list.list-gaps li {
  margin: 4px 0;
}
ul.list.list-gaps li.list-item {
  border: solid 1px #ededed;
  border-radius: 8px;
  padding: 16px;
}
ul.list.list-gaps li.list-item:last-child {
  border-bottom: solid 1px #ededed !important;
  border-radius: 8px !important;
}
ul.list.list-gaps li.list-item .btn-secondary {
  margin-bottom: 0 !important;
  visibility: hidden;
}
ul.list.list-gaps li.list-item:hover {
  background-color: #f6faff !important;
  border-color: var(--highlight-color) !important;
}
ul.list.list-gaps li.list-item:hover .btn-secondary {
  visibility: visible;
}
ul.list.list-bordered li.list-item {
  border: solid 1px #ededed;
  border-radius: 0.25em;
  margin-bottom: 0.5em;
  padding: 0 1em 0 1.5em;
}
ul.list.list-bordered li.list-item svg {
  display: block;
}
ul.list.list-borderless li.list-item {
  border: 0;
  border-radius: 0;
  margin-bottom: 0.5em;
  padding: 16px 24px;
}
ul.list.list-borderless li:last-child {
  border: 0 !important;
}

.ant-menu {
  border: solid 1px #ededed;
  border-radius: 4px;
  font-family: var(--font-family, "Fira Sans") !important;
}
.ant-menu.ant-menu-vertical {
  padding: 8px;
}
.ant-menu.ant-menu-vertical .ant-menu-item {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 24px;
}
.ant-menu.ant-menu-vertical .ant-menu-item.active, .ant-menu.ant-menu-vertical .ant-menu-item.ant-menu-item-selected, .ant-menu.ant-menu-vertical .ant-menu-item:hover {
  background-color: #fafafa;
  color: var(--highlight-color);
}

.ant-notification {
  font-family: var(--font-family, "Fira Sans");
}

.ant-modal-root .ant-modal-mask {
  z-index: 1080;
}
.ant-modal-root .ant-modal-wrap {
  z-index: 1090;
}

.ant-modal {
  font-family: var(--font-family, "Fira Sans");
  margin: auto !important;
  max-height: 80vh;
}
.ant-modal .ant-modal-content {
  padding: 0;
}
.ant-modal .ant-modal-content .ant-modal-header {
  border-bottom: solid 1px #ededed;
  margin-bottom: 0;
  padding: 16px 24px;
}
.ant-modal .ant-select-dropdown {
  width: 92% !important;
}
.ant-modal.modal-static-height.close .ant-modal-close {
  top: 18px;
}
.ant-modal.modal-static-height .ant-modal-body {
  height: calc(80vh - 120px);
}
.ant-modal.modal-min-padding .ant-modal-body {
  padding: 4px 8px !important;
}
.ant-modal.modal-search {
  width: 740px !important;
}
.ant-modal.modal-search .ant-modal-content {
  background-color: white;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-header {
  height: 56px;
  padding: 2px 18px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body {
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -ms-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  min-height: calc(80vh - 120px) !important;
  opacity: 1;
  overflow-x: hidden;
  padding: 0;
  position: relative;
  transition: opacity 150ms ease-in;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .modal-spin {
  height: calc(80vh - 120px);
  padding-top: 150px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .basic-icon-tabs {
  background-color: #fff;
  border-bottom: solid 1px #ededed;
  padding: 0 24px;
  position: fixed;
  width: 740px;
  z-index: 99;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content {
  padding: 12px 18px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content:first-child {
  margin-top: 50px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content .title {
  color: #7c7c7c;
  font-weight: 500;
  line-height: 24px;
  padding-left: 6px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content .btn-modal-small {
  border: solid 1px #ededed;
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-right: 8px !important;
  padding: 6px 8px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content .btn-modal-small:last-child {
  margin-right: 0 !important;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content .btn-modal-small:hover, .ant-modal.modal-search .ant-modal-content .ant-modal-body .search-content .btn-modal-small:active {
  border-color: var(--highlight-color);
  color: var(--highlight-color);
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .ant-table {
  border: 0 !important;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .ant-table table {
  overflow-x: hidden;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .ant-table table .ant-table-tbody td {
  border: 0;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-body .ant-empty {
  height: calc(80vh - 120px);
  padding-top: 150px;
}
.ant-modal.modal-search .ant-modal-content .ant-modal-footer {
  height: 0;
  padding: 0;
}
.ant-modal.modal-search.search-empty .ant-modal-content {
  background-color: transparent;
  bottom: calc(45vh - 120px);
  box-shadow: none;
}
.ant-modal.modal-search.search-empty .ant-modal-content .ant-modal-header {
  border-radius: 4px;
}
.ant-modal.modal-search.search-empty .ant-modal-content .ant-modal-body {
  display: none;
  height: 56px;
  min-height: calc(80vh - 120px) !important;
  opacity: 0;
  overflow: hidden;
  padding: 0;
}
.ant-modal .ant-modal-content {
  border-radius: 4px;
  height: auto !important;
  max-height: 80vh !important;
}
.ant-modal .ant-modal-content .ant-select-dropdown {
  font-size: 14px !important;
  width: calc(100% - 50px) !important;
}
.ant-modal .ant-modal-content .ant-select-multiple .ant-select-arrow {
  margin-top: -3px;
}
.ant-modal .ant-modal-content .ant-modal-close:focus {
  outline: none !important;
}
.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  color: #222;
  font-size: 1.1em;
  margin-top: -0.1em;
}
.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x:focus {
  outline: none !important;
}
.ant-modal .ant-modal-content iframe {
  min-height: 70vh;
}
.ant-modal .ant-modal-content .ant-modal-header {
  border-radius: 4px 4px 0 0;
  color: #222;
  min-height: 50px;
}
.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 14px;
}
.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title h5.modal-title {
  font-size: 1rem;
}
.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title .header-btns {
  margin-top: -30px;
  text-align: right;
}
.ant-modal .ant-modal-content .ant-modal-body {
  color: #222;
  font-size: 14px;
  max-height: calc(80vh - 120px);
  min-height: 90px;
  overflow-y: auto;
  padding: 16px 24px;
}
.ant-modal .ant-modal-content .ant-modal-body .fw-500 {
  font-weight: 500;
}
.ant-modal .ant-modal-content .ant-modal-body .modal-alert {
  margin: -20px -24px 0;
}
.ant-modal .ant-modal-content .ant-modal-body .modal-alert .ant-alert {
  width: 100%;
}
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked {
  margin-left: 0;
}
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper span:nth-child(2),
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked span:nth-child(2) {
  position: absolute;
  top: 0;
}
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper:hover .ant-checkbox::after,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper:hover .ant-checkbox-checked::after,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked:hover .ant-checkbox::after,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked:hover .ant-checkbox-checked::after {
  visibility: hidden !important;
}
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox-checked,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox-checked {
  top: 3px;
}
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox-checked:hover .ant-checkbox-inner,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox:hover .ant-checkbox-inner,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox-checked:hover .ant-checkbox-inner {
  top: 0;
}
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox:hover input, .ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox:hover::after,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox-checked:hover input,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper .ant-checkbox-checked:hover::after,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox:hover input,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox:hover::after,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox-checked:hover input,
.ant-modal .ant-modal-content .ant-modal-body form .form-check .ant-checkbox-wrapper-checked .ant-checkbox-checked:hover::after {
  top: -3px;
}
.ant-modal .ant-modal-content .ant-modal-body form label {
  color: #222;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
.ant-modal .ant-modal-content .ant-modal-body form .custom-file {
  height: 38px;
  line-height: 2em;
  padding-right: 6em;
  z-index: 0;
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag {
  background-color: #e6e6e6;
  border-radius: 0;
  color: #222;
  margin-bottom: 1em;
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag svg {
  color: var(--primary-color);
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag.search-tag {
  border-radius: 4px;
  margin-bottom: 0;
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag.search-tag .anticon-close svg {
  width: 10px;
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag.ant-tag-checkable.ant-tag-checkable-checked {
  border: 1px solid var(--highlight-color);
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
}
.ant-modal .ant-modal-content .ant-modal-body .ant-tag .text-highlight {
  color: var(--highlight-color);
}
.ant-modal .ant-modal-content .ant-modal-body .ant-select .anticon,
.ant-modal .ant-modal-content .ant-modal-body .ant-select-dropdown .anticon {
  margin-right: 5px;
}
.ant-modal .ant-modal-content .ant-modal-footer {
  border-top: 0;
  padding: 10px 16px;
}

.nav-title-wrapper {
  background-color: #fff;
  box-shadow: none;
  border-bottom: solid 1px #ededed;
  left: 72px;
  margin: -32px 0;
  margin-bottom: 0;
  min-height: 87px;
  padding: 0 40px;
  position: fixed;
  top: 32px;
  transition: left 0.15s linear;
  width: auto;
}
.nav-title-wrapper.sticky {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  top: -20px;
}
.nav-title-wrapper.expanded {
  left: 240px;
}
.nav-title-wrapper.pinned .nav-right-children {
  display: none;
}
.nav-title-wrapper.nav-btn-margin .nav-title > button {
  margin-top: 2px !important;
}
.nav-title-wrapper.env-title {
  margin-top: -32px;
}
.nav-title-wrapper.env-title .nav-title {
  margin-top: 20px;
}
.nav-title-wrapper.thin {
  max-height: 60px;
  min-height: 60px;
}
.nav-title-wrapper.thin .ant-breadcrumb .active,
.nav-title-wrapper.thin .ant-breadcrumb .btn {
  font-size: 18px !important;
  line-height: 22px;
}
.nav-title-wrapper .nav-title {
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
}
.nav-title-wrapper .nav-title .btn .ph-class {
  font-size: 18px !important;
  line-height: 20px;
}
.nav-title-wrapper .nav-title .btn:hover .ph-class {
  text-decoration: underline;
}
.nav-title-wrapper .nav-title .action-title {
  display: inline-block;
  height: 60px;
  padding-top: 5px;
}
.nav-title-wrapper .nav-title .action-title .btn-tertiary:disabled, .nav-title-wrapper .nav-title .action-title .btn-tertiary.disabled {
  background-color: #fff;
  color: #222;
}
@media (max-width: 768px) {
  .nav-title-wrapper .nav-title {
    overflow-x: auto;
  }
}
.nav-title-wrapper .nav-children {
  margin-left: 48px;
  padding-bottom: 1em;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .nav-title-wrapper .nav-children {
    overflow-x: auto;
  }
}
.nav-title-wrapper .nav-children .btn-link {
  margin-right: 0 !important;
}
.nav-title-wrapper .nav-children .action-holder {
  display: inline-block;
  margin-top: 0;
}
.nav-title-wrapper .nav-children .more-holder.pinned .ant-divider,
.nav-title-wrapper .nav-children .more-holder.pinned .action-holder {
  display: none;
}
@media (max-width: 768px) {
  .nav-title-wrapper .nav-children .more-holder.pinned .ant-divider,
  .nav-title-wrapper .nav-children .more-holder.pinned .action-holder {
    display: inline-block !important;
  }
}
.nav-title-wrapper .nav-children .more-holder .action-holder {
  margin-top: 0 !important;
}
.nav-title-wrapper .nav-children .more-holder .action-holder button {
  padding: 0;
}
.nav-title-wrapper .nav-children .more-holder .action-holder button:hover {
  text-decoration: none;
}
.nav-title-wrapper .nav-title-tabs {
  font-size: 14px;
}
.nav-title-wrapper .nav-right-children {
  display: block;
  text-align: right;
}
.nav-title-wrapper .nav-right-children.action-holder {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .nav-title-wrapper .nav-right-children.action-holder {
    display: none;
  }
}
.nav-title-wrapper .basic-icon-tabs {
  border-bottom: 0;
  overflow-x: auto;
}
.nav-title-wrapper .basic-icon-tabs li .nav-item {
  border-radius: 0;
  font-size: 14px;
  line-height: 24px;
  padding: 1em 0;
}
.nav-title-wrapper .basic-icon-tabs li .nav-item.active {
  box-shadow: 0 3px 0 0 var(--highlight-color);
  padding: 1em 0 0.8em !important;
}
.nav-title-wrapper .basic-icon-tabs li .nav-item.active .anticon svg {
  color: var(--highlight-color) !important;
}

.nav-mt {
  margin-top: 96px;
}

.nav-title-menu {
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  margin: 0;
  padding: 0 0 1rem;
  width: 100%;
}
.nav-title-menu .btn:last-of-type {
  margin-right: 0 !important;
}
.nav-title-menu .title-children {
  margin-top: -4px;
  text-align: right;
}
@media (max-width: 730px) {
  .nav-title-menu .title-children {
    margin-top: 10px;
  }
}

.nav-form-search .anticon.anticon-search svg {
  font-size: 14px;
}
.nav-form-search .form-group {
  width: 100%;
}
.nav-form-search .form-group.nav-search {
  padding-left: 0 !important;
}
.nav-form-search .form-group.nav-search input {
  border: 0;
  margin: 0;
}
.nav-form-search .form-group.nav-search input::placeholder {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 16px !important;
}
.nav-form-search .btn-clear {
  float: right;
  padding-top: 10px;
}
.nav-form-search .btn-clear .btn {
  margin-right: 0 !important;
}

.page-count {
  color: #222;
  display: inline-block;
  font-weight: 500;
  margin-right: 1em;
}

nav {
  display: inline-block;
  padding-top: 4px;
}
nav ul.pagination {
  margin-bottom: 0;
}
nav ul.pagination li {
  margin-left: 5px;
  margin-right: 5px;
}
nav ul.pagination li.page-item button {
  border-radius: 5px !important;
  font-weight: 500;
}
nav ul.pagination li.page-item.separator button {
  border: 0;
}
nav ul.pagination li.page-item.separator button .anticon {
  font-size: 1.5em;
  margin-right: -5px;
  margin-top: 5px;
}
nav ul.pagination li.page-item.active a.page-link {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
  color: #fff;
  padding: 0.5rem 0.75rem 0.4em;
}
nav ul.pagination li.page-item a.page-link {
  color: var(--highlight-color);
  padding: 0.5rem 0.75rem 0.25em;
}

.ant-popconfirm {
  position: absolute;
  z-index: 9999 !important;
}
.ant-popconfirm .ant-popover-content {
  margin: auto;
  width: 75%;
}
.ant-popconfirm .ant-popover-content .ant-popover-message {
  padding: 4px 0;
}
.ant-popconfirm .ant-popover-content .ant-popover-message .anticon {
  top: 7px;
}
.ant-popconfirm .ant-popover-content .ant-popover-message .ant-popover-message-title {
  padding-left: 24px;
}
.ant-popconfirm .ant-popover-content .ant-popover-buttons .ant-btn {
  box-shadow: none;
}
.ant-popconfirm .ant-popover-content .ant-popover-buttons .ant-btn:hover {
  background-color: transparent;
  border-color: #222;
}
.ant-popconfirm .ant-popover-content .ant-popover-buttons .ant-btn.ant-btn-sm {
  height: 28px;
  padding: 2px 7px;
}
.ant-popconfirm .ant-popover-content .ant-popover-buttons .ant-btn.ant-btn-primary {
  background-color: var(--highlight-color);
  border: 0;
  text-shadow: none;
}
.ant-popconfirm .ant-popover-content .ant-popover-buttons .ant-btn.ant-btn-primary:hover {
  background-color: var(--highlight-hover);
  border-color: var(--highlight-hover);
}

.ant-popover {
  font-family: var(--font-family, "Fira Sans");
}
.ant-popover .ant-popover-content .ant-popover-inner {
  border-radius: 4px;
  padding: 0;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-title {
  border-bottom: 0;
  color: #222;
  font-size: 14px !important;
  font-weight: 500;
  padding: 16px 16px 4px;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  font-size: 14px !important;
  min-width: 450px;
  overflow-y: auto;
  padding: 0;
  padding-bottom: 8px !important;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .form-text {
  padding: 4px 16px;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-table {
  max-height: 50vh;
  overflow-y: auto;
}

.ant-progress {
  font-size: 14px;
}
.ant-progress .ant-progress-outer {
  padding-right: 0;
}
.ant-progress .ant-progress-outer .ant-progress-inner {
  background: linear-gradient(90deg, #ebebeb 0%, rgba(237, 237, 237, 0.33) 101.58%);
}
.ant-progress .ant-progress-outer .ant-progress-inner .ant-progress-bg {
  background-color: var(--highlight-color);
  border-radius: 0px 4px 4px 0px;
}
.ant-progress .ant-progress-text {
  display: none;
}
.ant-progress.progress-success .ant-progress-inner .ant-progress-bg {
  background-color: #1ba745;
}
.ant-progress.progress-complete .ant-progress-inner .ant-progress-bg {
  border-radius: 4px;
}

.card.card-progress {
  border: 0;
}
.card.card-progress .ant-progress {
  margin-left: -30px;
  margin-top: 0;
}
.card.card-progress .ant-progress .ant-progress-outer .ant-progress-inner {
  height: 4px;
}
.card.card-progress .card-body {
  margin: auto;
  min-width: 472px;
  padding: 36px 0;
  text-align: center;
}
.card.card-progress .card-body .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin: 24px auto;
}
.card.card-progress .card-body .title .ant-spin .ant-spin-text {
  color: #3c3c3c;
}
.card.card-progress .card-body .title .ant-spin .ant-spin-dot svg {
  vertical-align: inherit;
}
.card.card-progress .card-body .title .anticon-check-circle {
  color: #1ba745;
  margin-right: 8px;
}
.card.card-progress .card-body .title .anticon-check-circle svg {
  vertical-align: inherit;
}
.card.card-progress .card-body .title .anticon-exclamation-circle {
  color: var(--text-danger);
  margin-right: 8px;
}
.card.card-progress .card-body .title .anticon-exclamation-circle svg {
  vertical-align: inherit;
}
.card.card-progress .card-body .title .subtitle {
  color: #7c7c7c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
  margin-top: 8px;
}

.progress-container .progress-bar {
  background-color: transparent;
  display: inline-block;
  height: 38px;
  position: relative;
  width: 100%;
}
.progress-container .progress-bar .inner {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  width: 100%;
}
.progress-container .progress-bar .inner .status {
  border-right-color: #fff !important;
  display: inline-block;
  height: 38px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.progress-container .progress-bar .inner .status:last-child {
  border-right-color: #fff !important;
}
.progress-container .progress-bar .inner .status:hover, .progress-container .progress-bar .inner .status:focus {
  border: solid 1px var(--highlight-color) !important;
}
.progress-container .progress-bar .inner .status.default {
  background-color: #fafafa;
  border: solid 1px #fafafa;
}
.progress-container .progress-bar .inner .status.pending {
  background-color: var(--pb-status-pending);
  border: solid 1px var(--pb-status-pending);
}
.progress-container .progress-bar .inner .status.generated {
  background-color: var(--pb-status-generated);
  border: solid 1px var(--pb-status-generated);
}
.progress-container .progress-bar .inner .status.sent {
  background-color: var(--pb-status-sent);
  border: solid 1px var(--pb-status-sent);
}
.progress-container .progress-bar .inner .status.signed {
  background-color: var(--pb-status-signed);
  border: solid 1px var(--pb-status-signed);
}
.progress-container .progress-bar .inner .status.zero {
  background-color: #03438f;
  border: solid 1px #03438f;
}
.progress-container .progress-bar .inner .status.one {
  background-color: #2980e7;
  border: solid 1px #2980e7;
}
.progress-container .progress-bar .inner .status.two {
  background-color: #48b0fc;
  border: solid 1px #48b0fc;
}
.progress-container .progress-bar .inner .status.three {
  background-color: #9bd2fa;
  border: solid 1px #9bd2fa;
}
.progress-container .progress-bar .inner .status.four {
  background-color: #055050;
  border: solid 1px #055050;
}
.progress-container .progress-bar .inner .status.five {
  background-color: #1f6f70;
  border: solid 1px #1f6f70;
}
.progress-container .progress-bar .inner .status.six {
  background-color: #53a3a1;
  border: solid 1px #53a3a1;
}
.progress-container .progress-bar .inner .status.seven {
  background-color: #b0dcdc;
  border: solid 1px #b0dcdc;
}
.progress-container .progress-bar .inner .status.eight {
  background-color: #710808;
  border: solid 1px #710808;
}
.progress-container .progress-bar .inner .status.nine {
  background-color: #9f0000;
  border: solid 1px #9f0000;
}
.progress-container .progress-bar .inner .status.ten {
  background-color: #c46766;
  border: solid 1px #c46766;
}
.progress-container .progress-bar .inner .status.eleven {
  background-color: #d6a7a4;
  border: solid 1px #d6a7a4;
}
.progress-container .progress-bar .inner .status.twelve {
  background-color: #7b7a7a;
  border: solid 1px #7b7a7a;
}
.progress-container .progress-description {
  margin-top: 1.8em;
  text-align: center;
}
.progress-container .progress-description .description-item {
  display: inline-block;
  margin-left: 1.5em;
  margin-right: 1.5em;
  text-align: left;
}
.progress-container .progress-description .description-item .desc-label {
  color: #6c757d;
}
.progress-container .progress-description .description-item .ant-badge {
  color: #222;
  font-weight: 500;
}

.ant-result {
  font-family: var(--font-family, "Fira Sans");
}
.ant-result.result-lg {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.ant-result.result-lg .ant-result-title {
  font-size: 1.2em;
}

.ant-spin .anticon-loading svg {
  color: var(--highlight-color);
}
.ant-spin .ant-spin-text {
  color: #222;
  display: inline-block !important;
  font-size: 1.1em;
  font-weight: 500;
  margin-left: 10px;
}

.box-spinner-wrapper {
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  height: 200px;
  justify-content: center;
  padding: 2em;
}
.box-spinner-wrapper.spinner-upload {
  background-color: #fafafa;
  border: dashed 1px #d8d8d8;
  border-radius: 4px;
  box-shadow: none;
  min-height: 225px;
}
.box-spinner-wrapper .ant-spin {
  margin-bottom: auto;
  margin-top: auto;
}
.box-spinner-wrapper .ant-spin .ant-spin-text {
  font-size: 1.2em;
}
.box-spinner-wrapper.with-description {
  display: block;
  height: 150px;
  justify-content: unset;
}
.box-spinner-wrapper.with-description .ant-spin {
  margin-bottom: 0.7em;
  margin-top: 1em;
  text-align: left;
}
.box-spinner-wrapper.with-description .spin-description {
  color: #b7b7b7;
  display: block;
  font-size: 1em;
}

.card-spinner {
  height: inherit;
  margin: auto;
}
.card-spinner .ant-spin {
  margin: auto;
}

.viewer-spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.steps-center {
  align-items: center;
  background-color: #ededed;
  border-radius: 4px;
  margin: auto;
  text-align: center;
  width: 95%;
}

.steps-footer {
  background-color: #fff;
  border: solid 1px #ededed;
  border-radius: 0;
  box-shadow: none;
  padding: 12px 16px;
  padding-left: 90px;
  position: fixed;
  transition: all 0.2s linear;
  width: 100%;
}
.steps-footer.expanded {
  padding-left: 256px;
}

.ant-steps {
  font-family: var(--font-family, "Fira Sans");
  font-size: 14px !important;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.ant-steps.ant-steps-bg {
  background-color: transparent;
  margin: 1em auto;
  padding: 1em;
  width: 70%;
}
.ant-steps.ant-steps-bg .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon, .ant-steps.ant-steps-bg .ant-steps-item.ant-steps-item-active .ant-steps-item-icon {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.ant-steps.ant-steps-bg .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title, .ant-steps.ant-steps-bg .ant-steps-item.ant-steps-item-active .ant-steps-item-content .ant-steps-item-title {
  color: var(--primary-color);
}
.ant-steps.ant-steps-blue {
  background-color: transparent;
  margin: 0 auto;
  width: 45%;
  padding: 1em;
}
.ant-steps.ant-steps-blue.w-60 {
  width: 60%;
}
.ant-steps.ant-steps-blue .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon, .ant-steps.ant-steps-blue .ant-steps-item.ant-steps-item-active .ant-steps-item-icon {
  background-color: var(--steps-blue);
  border-color: var(--steps-blue);
}
.ant-steps.ant-steps-blue .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title, .ant-steps.ant-steps-blue .ant-steps-item.ant-steps-item-active .ant-steps-item-content .ant-steps-item-title {
  color: var(--steps-blue);
}
.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
  background-color: #d8d8d8;
  border: 0;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  line-height: 34px;
}
.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
  font-family: var(--font-family, "Fira Sans") !important;
}
.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
  color: #d8d8d8;
  font-size: 14px !important;
  font-weight: 450;
}
.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title::after {
  background-color: #d8d8d8;
}
.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon, .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
}
.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon svg, .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon svg {
  vertical-align: 0;
}
.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon, .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title, .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-content .ant-steps-item-title {
  color: var(--highlight-color);
}

.switch-wrapper {
  display: inline;
}
.switch-wrapper.switch-inline label {
  margin-bottom: 0.5em;
}
.switch-wrapper.switch-light .active {
  color: #222;
  font-weight: 400;
}
.switch-wrapper.switch-form-inline {
  padding: 1em 0;
}
.switch-wrapper.switch-form-inline .right,
.switch-wrapper.switch-form-inline .left {
  color: #222 !important;
  font-size: 14px;
  font-weight: 500;
}
.switch-wrapper label {
  color: #222;
  font-size: 0.93em;
  font-weight: 500;
  margin-bottom: 1.5em;
}
.switch-wrapper .switch-sublabel {
  font-size: 14px;
  margin-top: 0.1em;
}
.switch-wrapper .switch {
  display: inline;
}
.switch-wrapper .left,
.switch-wrapper .right {
  color: #222;
  display: inline-block;
  font-size: 14px;
  text-transform: none;
  vertical-align: baseline;
  width: max-content;
}
.switch-wrapper .left.switch-form-label,
.switch-wrapper .right.switch-form-label {
  color: #222 !important;
  font-size: 13px;
  font-weight: 500;
  word-wrap: break-word;
}
.switch-wrapper .left .btn.btn-icon,
.switch-wrapper .right .btn.btn-icon {
  color: var(--primary-color);
  line-height: 0;
  margin-top: 0.3em;
  padding: 0.5em;
}
.switch-wrapper .left {
  margin-right: 5px;
}
.switch-wrapper .right {
  margin-left: 5px;
}
.switch-wrapper .active {
  color: #222;
  font-weight: 500;
}
.switch-wrapper .ant-switch {
  background-color: #d8d8d8;
  margin-top: 0;
  font-family: var(--font-family, "Fira Sans") !important;
}
.switch-wrapper .ant-switch.ant-switch-checked {
  background-color: var(--highlight-color) !important;
}

.switch-form {
  height: 100%;
  margin-bottom: auto;
  margin-top: auto;
}
.switch-form label {
  margin-top: 8px !important;
}
.switch-form .switch-wrapper {
  display: block;
  height: auto;
  min-height: 36px;
}
.switch-form .switch-wrapper label {
  margin-top: 0 !important;
}
.switch-form .switch-wrapper .switch {
  display: inline;
  line-height: 36px;
  margin-top: 0;
}
.switch-form .switch-wrapper .right,
.switch-form .switch-wrapper .left {
  display: inline;
  font-size: 14px;
  font-weight: 400;
  padding-top: 8px;
  vertical-align: baseline;
}
.switch-form .switch-wrapper .right.active,
.switch-form .switch-wrapper .left.active {
  color: #222;
  font-weight: 500;
}
.switch-form .switch-wrapper .right {
  margin-left: 1em;
}
.switch-form .switch-wrapper .left {
  margin-right: 1em;
}

.tabs li .li-disabled:hover, .tabs li.li-disabled:hover {
  cursor: not-allowed;
}
.tabs li .li-disabled a.disabled,
.tabs li .li-disabled .nav-item.disabled, .tabs li.li-disabled a.disabled,
.tabs li.li-disabled .nav-item.disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.nav-tabs {
  border-bottom: 0;
  margin-bottom: -1px;
  overflow-x: scroll;
  overflow-y: hidden;
  overflow: -moz-scrollbars-none;
  padding-bottom: 1px;
  -ms-overflow-style: none;
}
.nav-tabs::-webkit-scrollbar {
  display: none;
}
.nav-tabs li {
  margin-bottom: -1px;
  z-index: 1;
}
.nav-tabs li.li-disabled:hover {
  cursor: not-allowed;
}
.nav-tabs li > a,
.nav-tabs li > .nav-item {
  color: #6c757d;
}
.nav-tabs li > a:disabled,
.nav-tabs li > .nav-item:disabled {
  cursor: not-allowed;
}
.nav-tabs li > a.active,
.nav-tabs li > .nav-item.active {
  color: var(--highlight-color) !important;
  font-weight: 500;
}

.tab-contents .tab-pane {
  position: relative;
}
.tab-contents .tab-pane .ant-spin {
  margin-bottom: 1em;
  margin-top: 1em;
}

.float-extra {
  margin-top: 15px;
  position: absolute;
  right: 2rem;
}

.underscore-tabs {
  border-bottom: solid 1px #ededed;
  margin-bottom: 1px;
}
.underscore-tabs li {
  text-align: center;
  width: 100%;
}
.underscore-tabs li.li-disabled:hover {
  cursor: not-allowed;
}
.underscore-tabs li > a,
.underscore-tabs li > .nav-item {
  border: 0 !important;
  border-radius: 0;
  color: #b7b7b7;
  font-weight: 500;
  margin-right: 0;
  padding: 1.2em 0 1em;
  width: inherit;
}
.underscore-tabs li > a.active,
.underscore-tabs li > .nav-item.active {
  box-shadow: 0 3px 0 0 var(--highlight-color);
  color: var(--highlight-color) !important;
  padding: 1.2em 0 1em;
}
.underscore-tabs li > a.active a, .underscore-tabs li > a.active .nav-item,
.underscore-tabs li > .nav-item.active a,
.underscore-tabs li > .nav-item.active .nav-item {
  color: var(--highlight-color);
}
.underscore-tabs li > a:hover,
.underscore-tabs li > .nav-item:hover {
  color: var(--highlight-color) !important;
}
.underscore-tabs.dark li > a,
.underscore-tabs.dark li > .nav-item {
  color: #222 !important;
}

.underscore-tab-contents {
  margin-top: -1em;
}
.underscore-tab-contents .tab-pane .ant-spin {
  margin-bottom: 1em;
  margin-top: 1em;
}
.underscore-tab-contents .tab-pane .card {
  background-color: #fafafa;
  border: 0;
  padding: 1em 0.5em;
}

.basic-icon-tabs {
  border-bottom: solid 1px #ededed;
}
.basic-icon-tabs:focus-visible {
  outline: 0 !important;
}
.basic-icon-tabs li:focus-visible {
  outline: 0 !important;
}
.basic-icon-tabs li > a,
.basic-icon-tabs li > .nav-item {
  border: 0 !important;
  border-radius: 0;
  color: #b7b7b7;
  font-size: 1em;
  font-weight: 500;
  margin-right: 2em !important;
  padding: 1em 0;
}
.basic-icon-tabs li > a > .anticon svg,
.basic-icon-tabs li > .nav-item > .anticon svg {
  margin-right: 0.5em;
  margin-top: -6px;
}
.basic-icon-tabs li > a:hover,
.basic-icon-tabs li > .nav-item:hover {
  color: var(--highlight-color) !important;
}
.basic-icon-tabs li > a.active,
.basic-icon-tabs li > .nav-item.active {
  box-shadow: 0 3px 0 0 var(--highlight-color);
  color: var(--highlight-color) !important;
  font-weight: 500;
  padding: 1em 0 0.8em;
}
.basic-icon-tabs li > a:disabled,
.basic-icon-tabs li > .nav-item:disabled {
  color: #ededed;
}

.header-tabs {
  padding: 8px 0 0;
  overflow-x: auto;
}
.header-tabs li {
  padding-right: 32px;
}
.header-tabs li > .nav-item {
  border: 0 !important;
  border-radius: 0;
  color: #b7b7b7;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 16px;
  padding: 0 0 16px;
}
.header-tabs li > .nav-item.btn {
  margin-right: 0 !important;
}
.header-tabs li > .nav-item:hover {
  color: var(--highlight-color) !important;
}
.header-tabs li > .nav-item.active {
  box-shadow: 0 3px 0 0 var(--highlight-color);
  color: var(--highlight-color) !important;
}
.header-tabs li > .nav-item:disabled {
  color: #ededed;
}

.text-tabs li.li-disabled:hover {
  cursor: not-allowed;
}
.text-tabs li > a,
.text-tabs li > .nav-item {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #b7b7b7;
  font-size: 16px;
  font-weight: 500;
}
.text-tabs li > a:first-of-type,
.text-tabs li > .nav-item:first-of-type {
  padding-left: 0;
}
.text-tabs li > a:hover,
.text-tabs li > .nav-item:hover {
  color: #7c7c7c !important;
  text-decoration: underline;
}
.text-tabs li > a.active,
.text-tabs li > .nav-item.active {
  color: #222;
}
.text-tabs li > a:disabled,
.text-tabs li > .nav-item:disabled {
  color: #ededed;
}

.data-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 30ch;
  white-space: nowrap;
}

.table-wrapper + .table-wrapper {
  margin-top: 0;
}
.table-wrapper + .table-wrapper.table-spacer {
  margin-top: 1em;
}

.table-header {
  display: table;
  width: 100%;
}
.table-header.default-header {
  background-color: #fafafa;
  border: solid 1px #ededed;
  border-bottom: 0;
  border-radius: 6px;
  margin-top: 0;
}
.table-header.default-header .th-data {
  border: 0;
  color: #939ba2;
  display: table-cell;
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: break-word;
  padding: 16px;
}

.table-empty {
  background-color: #fafafa;
  border: dashed 1px #ededed;
  border-radius: 4px;
  color: #7c7c7c;
  padding: 18px;
  text-align: center;
}

.table-title {
  background-color: #fff;
  border: solid 1px #ededed;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  height: 48px;
  margin: 0;
  padding: 0;
}
.table-title .table-actions {
  background-color: #e6f1ff;
  border-radius: 6px 6px 0 0;
  height: 48px;
  margin-bottom: 0;
  padding: 8px 16px;
  position: relative;
}
.table-title .table-actions .selection {
  font-weight: 500;
  padding-top: 8px;
}
.table-title .table-actions .actions {
  padding-right: 0;
  text-align: right;
}
.table-title .table-actions .actions .btn {
  margin-bottom: 0;
}

.table-subtitle {
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 400;
}

.ant-table-wrapper .ant-table {
  border: solid 1px #ededed;
  border-radius: 6px;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  line-height: 16px;
}
.ant-table-wrapper .ant-table.ant-table-small table tr td {
  padding: 6px !important;
}
.ant-table-wrapper .ant-table.ant-table-small table tr.ant-table-measure-row td {
  padding: 0 !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container {
  border-left: 0;
  border-right: 0;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container table tr td,
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container table tr th {
  border-color: #ededed !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container table tr td:last-child,
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container table tr th:last-child {
  border-right: 0 !important;
}
.ant-table-wrapper .ant-table .ant-table-container {
  border-radius: 6px;
}
.ant-table-wrapper .ant-table .ant-table-container::before {
  width: 0;
}
.ant-table-wrapper .ant-table .ant-table-container::after {
  box-shadow: none !important;
}
.ant-table-wrapper .ant-table .ant-table-footer {
  background: #fff;
  border-radius: 0 0 6px 6px !important;
}
.ant-table-wrapper .ant-table .ant-table-content {
  border-radius: 6px;
  overflow-x: hidden !important;
}
.ant-table-wrapper .ant-table table {
  background-color: #f3f3f3;
  border: solid 1px #ededed;
  border-radius: 6px !important;
  border-spacing: 0;
}
.ant-table-wrapper .ant-table table .ant-table-tbody {
  background-color: #fff;
  border-radius: 0;
  transition: all 0.15s ease-in-out;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr {
  height: 56px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr.border-0 td {
  border-bottom: 0;
  border-radius: 0 0 6px 6px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:last-child {
  border-radius: 0 0 6px 6px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr.disabled > td {
  color: #6c757d;
  cursor: not-allowed;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td {
  padding: 12px 16px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .copy,
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .btn-ellipsis,
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .star,
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .btn-modal-small {
  visibility: hidden;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .copy {
  color: #7c7c7c;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .copy.copy-shown {
  visibility: visible;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .dot-info {
  background-color: var(--highlight-color);
  border-radius: 50%;
  height: 10px;
  left: 5px;
  position: absolute;
  top: 43%;
  width: 10px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .ant-dropdown {
  position: fixed !important;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .ant-select .ant-select-dropdown {
  position: fixed !important;
  width: inherit !important;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td .btn {
  margin-right: 0 !important;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover {
  cursor: default;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .copy,
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .btn-ellipsis,
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .star,
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .btn-modal-small {
  visibility: visible;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .btn-link,
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .address-type {
  text-decoration: underline;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .btn-link.display,
.ant-table-wrapper .ant-table table .ant-table-tbody tr:hover td .address-type.display {
  text-decoration: none;
}
.ant-table-wrapper .ant-table table .ant-table-thead th::before,
.ant-table-wrapper .ant-table table .ant-table-tbody th::before {
  width: 0 !important;
}
.ant-table-wrapper .ant-table table .ant-table-thead .ant-table-row-selected td,
.ant-table-wrapper .ant-table table .ant-table-tbody .ant-table-row-selected td {
  background-color: #f6faff;
}
.ant-table-wrapper .ant-table table .ant-table-thead .ant-checkbox-wrapper,
.ant-table-wrapper .ant-table table .ant-table-tbody .ant-checkbox-wrapper {
  font-family: var(--font-family, "Fira Sans") !important;
}
.ant-table-wrapper .ant-table table .ant-table-thead .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked::after,
.ant-table-wrapper .ant-table table .ant-table-tbody .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked::after {
  height: 0;
}
.ant-table-wrapper .ant-table table .ant-table-thead .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,
.ant-table-wrapper .ant-table table .ant-table-tbody .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
}
.ant-table-wrapper .ant-table table .ant-table-row {
  cursor: default;
}
.ant-table-wrapper .ant-table table .ant-table-row:hover .text-hover-highlight, .ant-table-wrapper .ant-table table .ant-table-row:active .text-hover-highlight, .ant-table-wrapper .ant-table table .ant-table-row:focus .text-hover-highlight {
  color: var(--highlight-color);
}
.ant-table-wrapper .ant-table table .ant-table-row.row-success {
  background-color: #edfdf3;
  color: #158e37;
}
.ant-table-wrapper .ant-table table .ant-table-row.row-success td {
  background-color: inherit !important;
  color: inherit !important;
}
.ant-table-wrapper .ant-table table .ant-table-thead {
  background-color: #f3f3f3;
  border-radius: 6px;
  height: 48px;
}
.ant-table-wrapper .ant-table table .ant-table-thead tr th {
  background-color: #f3f3f3;
  border-bottom: solid 1px #ededed;
  border-top: 0;
  border-radius: 6px 6px 0 0 !important;
  color: #545454;
  font-size: 14px;
  font-weight: 500;
}
.ant-table-wrapper .ant-table table .ant-table-thead tr th.ant-table-row-cell-last > span {
  width: 100%;
}
.ant-table-wrapper .ant-table table .ant-table-thead tr th.ant-table-row-cell-last > span .form-group {
  margin-bottom: 0;
}
.ant-table-wrapper .ant-table table .ant-table-tbody {
  height: 56px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: #fafafa;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td {
  color: #222;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td:first-child {
  padding-left: 24px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr td:last-child {
  padding-right: 24px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody tr > td.ant-table-row-expand-icon-cell > button {
  padding-left: 0;
  padding-right: 0;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .bb-0 td {
  border-bottom: 0;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .fw-500 {
  font-weight: 500;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .tr-thin {
  line-height: 32px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .tr-thin td .row > :first-child {
  padding-right: 0.25rem;
  max-width: 52px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .tr-thin td .row > :nth-child(2) {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0.25rem;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .tr-thin td .row > :nth-child(2) .text-container {
  display: block;
  line-height: 16px;
  max-height: none;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .tr-thin td .row > :nth-child(2) .text-container .text-truncate {
  display: inline-block;
  font-weight: 500;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 4px;
  white-space: nowrap;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .tr-thin td:first-child {
  padding: 8px;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .select-center td {
  vertical-align: middle;
}
.ant-table-wrapper .ant-table table .ant-table-tbody .select-center td label {
  display: flex;
}
.ant-table-wrapper .ant-table-placeholder {
  border-radius: 0;
  color: #a6a7a6;
  height: 50px;
}
.ant-table-wrapper .ant-table-placeholder .ant-table-expanded-row-fixed {
  color: #7c7c7c !important;
  width: 100% !important;
}
.ant-table-wrapper.th-thin table thead th {
  padding: 12px 16px;
}
.ant-table-wrapper.table-last-b0 .ant-table {
  border: 0;
}
.ant-table-wrapper.table-last-b0 .ant-table table tr:last-child > td {
  border-bottom: 0;
}
.ant-table-wrapper.borderless table {
  border: 0;
}
.ant-table-wrapper.table-actions-active .ant-table,
.ant-table-wrapper.table-actions-active .ant-table-content,
.ant-table-wrapper.table-actions-active table {
  border-radius: 0 0 6px 6px !important;
}
.ant-table-wrapper.table-footer-active .ant-table-content,
.ant-table-wrapper.table-footer-active .ant-table-container,
.ant-table-wrapper.table-footer-active table {
  border-radius: 6px 6px 0 0 !important;
}
.ant-table-wrapper.colored .ant-table {
  border: 0;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table {
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table tr.border-error td:first-child {
  border-left: solid 5px var(--text-danger);
  padding-left: 19px;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table tr.border-success td:first-child {
  border-left: solid 5px #158e37;
  padding-left: 19px;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table tr.border-info td:first-child {
  border-left: solid 5px var(--highlight-color);
  padding-left: 19px;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table tr.border-transparent td:first-child {
  border-left: solid 5px transparent;
  padding-left: 19px;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table tr.border-default td:first-child {
  border-left: solid 5px #b7b7b7;
  padding-left: 19px;
}
.ant-table-wrapper.colored .ant-table .ant-table-content table tr:last-child td {
  border-bottom: 0;
}
.ant-table-wrapper.colored.border-bottom:last-child td {
  border-bottom: solid 1px #ededed;
}
.ant-table-wrapper.table-gaps {
  background-color: transparent;
}
.ant-table-wrapper.table-gaps .ant-table {
  background-color: transparent;
  border: 0;
  border-spacing: 0 1px;
}
.ant-table-wrapper.table-gaps .ant-table .ant-table-tbody tr:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-table-wrapper.table-gaps .ant-table .ant-table-tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.ant-table-wrapper.table-gaps .ant-table .ant-table-tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.ant-table-wrapper.table-gaps .ant-table-content table {
  background-color: transparent;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: -14px;
}
.ant-table-wrapper.table-gaps .ant-table-content table thead {
  display: none;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr {
  box-shadow: none;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr:last-child td {
  border-bottom: solid 1px #ededed !important;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr:hover td {
  background-color: #fff !important;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr td {
  background-color: #fff;
  border-bottom: solid 1px #ededed;
  border-top: solid 1px #ededed;
  box-shadow: none;
  padding-left: 10px;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr td .btn-avatar {
  padding: 7px;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr td:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-weight: 500;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr td:last-child {
  border-bottom-right-radius: 4px;
  border-right: solid 1px #ededed;
  border-top-right-radius: 4px;
  font-weight: 500;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-default td:first-child {
  border-left: solid 7px #ededed;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-default:hover td, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-default.selected td {
  border-top: solid 1px var(--highlight-color);
  border-bottom: solid 1px var(--highlight-color) !important;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-default:hover td:first-child, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-default.selected td:first-child {
  border-left: solid 7px var(--highlight-color);
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-default:hover td:last-child, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-default.selected td:last-child {
  border-right: solid 1px var(--highlight-color);
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-error td:first-child {
  border-left: solid 7px var(--text-danger);
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-error:hover td, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-error.selected td {
  border-top: solid 1px var(--text-danger);
  border-bottom: solid 1px var(--text-danger) !important;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-error:hover td:last-child, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-error.selected td:last-child {
  border-right: solid 1px var(--text-danger);
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-warning td:first-child {
  border-left: solid 7px #ff7214;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-warning:hover td, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-warning.selected td {
  border-top: solid 1px #ff7214;
  border-bottom: solid 1px #ff7214 !important;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-warning:hover td:last-child, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-warning.selected td:last-child {
  border-right: solid 1px #ff7214;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-info td:first-child {
  border-left: solid 7px var(--highlight-color);
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-info:hover td, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-info.selected td {
  border-top: solid 1px var(--highlight-color);
  border-bottom: solid 1px var(--highlight-color) !important;
}
.ant-table-wrapper.table-gaps .ant-table-content table tr.border-info:hover td:last-child, .ant-table-wrapper.table-gaps .ant-table-content table tr.border-info.selected td:last-child {
  border-right: solid 1px var(--highlight-color);
}
.ant-table-wrapper.table-gaps.default .ant-table {
  border-radius: 8px;
}
.ant-table-wrapper.table-gaps.default .ant-table .ant-table-content tr td:first-child {
  border-left: solid 1px #ededed;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.ant-table-wrapper.table-gaps.default .ant-table .ant-table-content tr td:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.ant-table-wrapper.table-gaps.default .ant-table .ant-table-content tr td .btn-secondary {
  visibility: hidden;
}
.ant-table-wrapper.table-gaps.default .ant-table .ant-table-content tr:hover td {
  background-color: #f6faff !important;
  border-color: var(--highlight-color) !important;
}
.ant-table-wrapper.table-gaps.default .ant-table .ant-table-content tr:hover td .btn-secondary {
  visibility: visible;
}
.ant-table-wrapper.table-pointer .ant-table {
  border: 0;
}
.ant-table-wrapper.table-pointer .ant-table table tr {
  cursor: pointer;
}
.ant-table-wrapper.table-pointer .ant-table table tr td {
  cursor: pointer;
}
.ant-table-wrapper.table-pointer .ant-table table tr:last-child > td {
  border-bottom: 0;
}
.ant-table-wrapper.table-fixed .ant-table-content {
  overflow-x: hidden !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content {
  border-radius: 0 0 8px 8px !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table {
  border: 0;
  border-radius: 0 !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table thead,
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table tbody {
  border-radius: 0 !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table thead tr th,
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table thead tr td,
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table tbody tr th,
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table tbody tr td {
  border-radius: 0 !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table tbody tr:last-child {
  border-radius: 0 0 8px 8px !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px !important;
}
.ant-table-wrapper.table-border-0 .ant-table-container .ant-table-content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px !important;
}

.row-selection .ant-table-cell:first-child {
  padding: 0 0 0 8px !important;
}
.row-selection .ant-checkbox-wrapper .ant-checkbox {
  padding: 24px 12px;
}
.row-selection .ant-checkbox-wrapper .ant-checkbox-checked::after {
  border: none !important;
}
.row-selection .ant-checkbox-wrapper .ant-checkbox-inner::after {
  inset-inline-start: 40%;
}

.table-responsive {
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.table-responsive :-moz-any(#content, #appcontent) browser {
  margin-bottom: -14px !important;
  margin-right: -14px !important;
  overflow-x: auto;
  overflow-y: auto;
}
.table-responsive::-webkit-scrollbar {
  display: none;
}
.table-responsive .ant-table .ant-table-content {
  overflow-x: auto !important;
}

@-moz-document url-prefix() {
  .table-responsive {
    margin-bottom: 0 !important;
  }
}
.table-revamp .ant-table-row-level-1 td:first-child {
  position: relative !important;
}
.table-revamp .ant-table-row-level-1 .ant-table-row-indent {
  width: 40px !important;
}
.table-revamp .ant-table-row-level-1 td:first-child::before {
  content: "";
  position: absolute;
  left: 70px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #ededed;
  z-index: 1;
}
.table-revamp .ant-table-row-level-1 td:first-child::after {
  content: "";
  position: absolute;
  left: 70px;
  top: -1px;
  bottom: 50%;
  width: 15px;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-bottom-left-radius: 8px;
  z-index: 2;
}
.table-revamp .ant-table-row-level-1:last-child td:first-child::before, .table-revamp .ant-table-row-level-1:not(:has(+ .ant-table-row-level-1)) td:first-child::before {
  display: none;
}
.table-revamp .ant-table-row-level-0 {
  font-weight: 500;
  background-color: #f3f3f3;
}
.table-revamp .d-none {
  display: none !important;
}

.table-filter {
  background-color: var(--table-filter-bg1);
  border: solid 1px #ededed;
  border-radius: 6px;
  font-family: var(--font-family, "Fira Sans");
  max-height: 60px;
  margin-bottom: 16px;
  padding: 12px 12px 3px;
  transition: max-height 0.15s ease-out;
}
.table-filter.filters-active {
  max-height: 500px;
  transition: max-height 0.25s ease-in;
}
.table-filter.filters-active .btn-secondary {
  border-color: var(--highlight-color);
  color: var(--highlight-color);
}
.table-filter.filters-active .btn-secondary svg {
  color: var(--highlight-color);
}
.table-filter:hover {
  border-color: var(--highlight-color);
}
.table-filter .card-search {
  border: 0 !important;
}
.table-filter .card-search .icon {
  line-height: 18px !important;
}
.table-filter .card-search .icon svg {
  color: #222 !important;
  font-size: 16px !important;
}
.table-filter .card-search .textfield input::placeholder {
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px !important;
}
.table-filter .filters {
  text-align: start;
}
.table-filter .filters .form-filter-select {
  border-bottom: 0;
  display: inline-block;
  font-size: 13px;
  height: 40px;
  margin-bottom: 8px;
  margin-right: 8px;
  max-width: 240px;
  min-width: 145px;
  padding: 0;
  text-align: left;
  top: 0;
  width: fit-content;
}
.table-filter .filters .form-filter-select.single {
  top: -10px;
}
.table-filter .filters .form-filter-select:last-child {
  margin-right: 0;
}
.table-filter .filters .form-filter-select:last-child .ant-select .ant-select-dropdown {
  min-width: fit-content;
  width: 100%;
}
.table-filter .filters .form-filter-select.filter-search-select {
  margin-bottom: -3px !important;
  top: -6px;
}
.table-filter .filters .form-filter-select.filter-search-select .ant-select-selector .ant-select-selection-wrap {
  height: inherit;
}
.table-filter .filters .form-filter-select.filter-search-select .ant-select-selector .ant-select-selection-wrap .ant-select-selection-overflow {
  top: -3px;
}
.table-filter .filters .form-filter-select.filter-search-select .ant-select-selector .ant-select-selection-wrap .ant-select-selection-overflow .ant-select-selection-overflow-item {
  display: inline-flex !important;
}
.table-filter .filters .form-filter-select.filter-search-select .ant-select-selector .ant-select-selection-wrap .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
  display: none !important;
}
.table-filter .filters .form-filter-select.filter-search-select.single {
  top: -10px;
}
.table-filter .filters .form-filter-select.filter-search-select.filter-search-active .filter-label {
  display: none !important;
}
.table-filter .filters .form-filter-select.filter-search-select .filter-label.filter-active {
  top: 5px !important;
}
.table-filter .filters .form-filter-select.filter-search-select .ant-select-multiple.filter-active {
  top: -5px;
}
.table-filter .filters .form-filter-select.filter-search-select .ant-select-selection-search-input {
  color: var(--table-filter-color1);
}
.table-filter .filters .form-filter-select .filter-label {
  font-weight: 500;
  left: 16px;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 10px !important;
  z-index: 1;
  color: var(--table-filter-color1);
}
.table-filter .filters .form-filter-select .filter-label.filter-active {
  color: var(--table-filter-color2);
  top: 24px;
}
.table-filter .filters .form-filter-select .filter-value {
  background-color: var(--highlight-color);
  border-radius: 10px;
  color: #fff;
  display: inline;
  font-weight: 500;
  height: 20px;
  margin-left: 8px;
  padding-left: 7px;
  pointer-events: auto;
  position: absolute;
  width: 40px !important;
  z-index: 99;
}
.table-filter .filters .form-filter-select .filter-value span {
  width: 12px;
}
.table-filter .filters .form-filter-select .filter-value .btn-icon {
  display: inline-flex;
  font-size: 10px;
  height: 16px;
  margin: 5px 0 0 6px !important;
  padding: 0 !important;
  width: 16px;
}
.table-filter .filters .form-filter-select .filter-value .btn-icon .anticon svg {
  font-size: 16px !important;
  vertical-align: 0;
}
.table-filter .filters .form-filter-select .ant-select,
.table-filter .filters .form-filter-select .ant-tree-select {
  border-radius: 4px;
  display: inline-flex;
  height: 40px;
  position: relative;
  background-color: var(--table-filter-bg2);
}
.table-filter .filters .form-filter-select .ant-select .ant-select-selector,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-selector {
  background-color: var(--table-filter-bg2);
  border: 0;
  border-radius: 4px;
  padding: 6px 12px 6px 16px !important;
}
.table-filter .filters .form-filter-select .ant-select .ant-select-selector .ant-select-selection-placeholder,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-selector .ant-select-selection-placeholder {
  color: var(--table-filter-color1) !important;
  font-size: 13px;
  font-weight: 500;
}
.table-filter .filters .form-filter-select .ant-select .ant-select-selector .ant-select-selection-item,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-selector .ant-select-selection-item {
  color: var(--table-filter-color1);
  font-size: 13px;
  font-weight: 500;
}
.table-filter .filters .form-filter-select .ant-select .ant-select-arrow,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-arrow {
  font-size: 14px;
  height: 16px;
  margin-top: 0;
  right: 12px;
  top: 12px;
  width: 16px;
}
.table-filter .filters .form-filter-select .ant-select .ant-select-clear,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-clear {
  top: 50%;
}
.table-filter .filters .form-filter-select .ant-select .ant-select-dropdown,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-dropdown {
  width: 240px !important;
}
.table-filter .filters .form-filter-select .ant-select .ant-select-dropdown .ant-select-item .ant-select-item-option-content,
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-dropdown .ant-select-item .ant-select-item-option-content {
  display: inline-block;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-filter .filters .form-filter-select .ant-select.filter .ant-select-selection-overflow .ant-select-selection-overflow-item,
.table-filter .filters .form-filter-select .ant-tree-select.filter .ant-select-selection-overflow .ant-select-selection-overflow-item {
  display: none;
}
.table-filter .filters .form-filter-select .ant-select:hover .ant-select-selector,
.table-filter .filters .form-filter-select .ant-tree-select:hover .ant-select-selector {
  background-color: var(--table-filter-bg3);
  cursor: pointer;
}
.table-filter .filters .form-filter-select .ant-select:disabled .ant-select-selector, .table-filter .filters .form-filter-select .ant-select.disabled .ant-select-selector,
.table-filter .filters .form-filter-select .ant-tree-select:disabled .ant-select-selector,
.table-filter .filters .form-filter-select .ant-tree-select.disabled .ant-select-selector {
  cursor: not-allowed;
}
.table-filter .filters .form-filter-select .ant-select.filter-active .ant-select-selector,
.table-filter .filters .form-filter-select .ant-tree-select.filter-active .ant-select-selector {
  background-color: var(--table-filter-bg4);
}
.table-filter .filters .form-filter-select .ant-tree-select .ant-select-clear {
  right: 12px;
}
.table-filter .filters .form-filter-select .ant-tree-select .ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-list-holder .ant-select-tree-switcher {
  width: 16px;
}
.table-filter .filters .form-filter-select .ant-tree-select .ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-list-holder .ant-select-tree-switcher .ant-select-tree-switcher-icon {
  margin: 8px 3px;
}
.table-filter .filters .form-filter-select .ant-tree-select .ant-tree-select-dropdown .ant-select-tree-list .ant-select-tree-list-holder .ant-select-tree-indent .ant-select-tree-indent-unit {
  width: 12px;
}
.table-filter .filters .form-filter-date {
  border-bottom: 0;
  display: inline-block;
  font-size: 13px;
  height: 40px;
  margin-bottom: 8px;
  margin-right: 8px;
  max-width: 240px;
  min-width: 145px;
  padding: 0;
  text-align: left;
  top: -10px;
  width: fit-content;
}
.table-filter .filters .form-filter-date .filter-label {
  color: var(--table-filter-color1);
  font-weight: 500;
  left: 16px;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 10px !important;
  z-index: 1;
}
.table-filter .filters .form-filter-date .filter-label:hover {
  cursor: pointer;
}
.table-filter .filters .form-filter-date .filter-label.filter-active {
  display: none;
}
.table-filter .filters .form-filter-date .ant-picker,
.table-filter .filters .form-filter-date .ant-picker-range {
  background-color: var(--table-filter-bg2);
  border-radius: 4px !important;
  border: 0 !important;
  display: inline-flex;
  height: 40px;
  padding: 6px 12px 6px 16px !important;
  position: relative;
}
.table-filter .filters .form-filter-date .ant-picker:hover,
.table-filter .filters .form-filter-date .ant-picker-range:hover {
  background-color: var(--table-filter-bg3);
  cursor: pointer;
}
.table-filter .filters .form-filter-date .ant-picker:hover .ant-picker-input > input,
.table-filter .filters .form-filter-date .ant-picker-range:hover .ant-picker-input > input {
  cursor: pointer;
}
.table-filter .filters .form-filter-date .ant-picker.ant-picker-disabled,
.table-filter .filters .form-filter-date .ant-picker-range.ant-picker-disabled {
  cursor: not-allowed;
}
.table-filter .filters .form-filter-date .ant-picker.ant-picker-disabled .ant-picker-input > input,
.table-filter .filters .form-filter-date .ant-picker-range.ant-picker-disabled .ant-picker-input > input {
  cursor: not-allowed;
}
.table-filter .filters .form-filter-date .ant-picker .ant-picker-range-separator,
.table-filter .filters .form-filter-date .ant-picker-range .ant-picker-range-separator {
  visibility: hidden;
}
.table-filter .filters .form-filter-date .ant-picker.filter.filter-active,
.table-filter .filters .form-filter-date .ant-picker-range.filter.filter-active {
  background-color: var(--table-filter-bg5) !important;
}
.table-filter .filters .form-filter-date .ant-picker.filter-active .ant-picker-range-separator,
.table-filter .filters .form-filter-date .ant-picker-range.filter-active .ant-picker-range-separator {
  visibility: visible;
}
.table-filter .filters .form-filter-date .ant-picker.filter-active .ant-picker-input > input,
.table-filter .filters .form-filter-date .ant-picker-range.filter-active .ant-picker-input > input {
  color: var(--table-filter-color1);
  font-weight: 500;
}
.table-filter .filters .btn-link {
  margin-top: -22px !important;
}
.table-filter .sort-container {
  float: right;
  margin-top: -10px;
  padding: 10px 0;
  text-align: start;
}
.table-filter .sort-container button {
  border-radius: 6px;
  margin: 0 12px;
}
.table-filter .sort-container button .btn-form {
  margin-top: 6px;
}
.table-filter .sort-container button.btn + .btn {
  margin-left: 0 !important;
}
.table-filter .sort-container button:last-child {
  margin-right: 0 !important;
}
.table-filter .sort-container .form-filter-select {
  display: inline-flex;
  max-width: 240px;
  min-width: 140px;
  padding: 0;
  position: relative;
}
.table-filter .sort-container .form-filter-select .sort-label {
  font-weight: 400;
  left: 15px;
  position: absolute;
  top: 8px !important;
  z-index: 99;
}
.table-filter .sort-container .form-filter-select .sort-label.filter-active .btn:first-child {
  color: var(--icon-blue);
}
.table-filter .sort-container .form-filter-select .filter-value {
  background-color: var(--highlight-color);
  border-radius: 10px;
  color: #fff;
  display: inline;
  font-weight: 500;
  margin-left: 5px;
  padding-left: 7px;
  position: absolute;
  width: 45px !important;
  z-index: 99;
}
.table-filter .sort-container .form-filter-select .filter-value .btn-icon {
  display: inline;
  font-size: 10px;
  margin: 5px 0 0 5px !important;
  padding: 0 !important;
}
.table-filter .sort-container .form-filter-select .filter-value .btn-icon .anticon svg {
  font-size: 14px !important;
  vertical-align: 0;
}
.table-filter .sort-container .form-filter-select .ant-select.sort {
  border-radius: 6px;
  height: 38px !important;
  top: 0 !important;
}
.table-filter .sort-container .form-filter-select .ant-select.sort .ant-select-selector {
  padding-left: 70px !important;
}
.table-filter .sort-container .form-filter-select .ant-select.sort .ant-select-selector .ant-select-selection-item {
  font-weight: 500;
  left: 4px;
  padding-right: 5px;
  top: 0;
}
.table-filter .sort-container .form-filter-select .ant-select.sort .ant-select-arrow {
  margin-top: -3px !important;
}

.table-sort .ant-table-content table .ant-table-thead tr {
  cursor: default;
}
.table-sort .ant-table-content table .ant-table-tbody tr td .btn-move {
  visibility: hidden;
}
.table-sort .ant-table-content table .ant-table-tbody tr:hover td .btn-move {
  visibility: visible;
}

.ant-tag {
  background-color: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
  border-radius: 4px;
  color: #222 !important;
  font-family: var(--font-family, "Fira Sans") !important;
  line-height: 16px;
  overflow: hidden;
  padding: 4px 8px;
  white-space: break-spaces !important;
  width: auto;
  word-wrap: break-word;
}
.ant-tag-error {
  background-color: #fef2f1 !important;
  color: var(--text-danger) !important;
}
.ant-tag-error span {
  align-items: center;
  display: inline-flex;
}
.ant-tag i {
  float: none;
  padding-right: 0.25em;
  vertical-align: top;
  margin-top: 6px;
}
.ant-tag.tag-toggle {
  cursor: pointer;
}
.ant-tag.tag-toggle.active {
  background-color: var(--highlight-color) !important;
  border-color: var(--highlight-color) !important;
  color: #fff !important;
}
.ant-tag .anticon.anticon-close svg {
  background: #000;
  border: 1px solid #000;
  border-radius: 50%;
  color: #fff;
  padding: 2px;
}
.ant-tag .anticon.anticon-close svg path {
  stroke: #fff;
  stroke-width: 4em;
}
.ant-tag .text-highlight {
  color: var(--highlight-color) !important;
}
.ant-tag.envelope-tag {
  border-radius: 4px !important;
  font-size: 14px;
  min-height: 32px;
  height: 100%;
  padding: 6px 10px;
}
.ant-tag.envelope-tag .anticon svg {
  color: var(--highlight-color) !important;
}
.ant-tag.envelope-tag.white {
  background-color: #fff !important;
}
.ant-tag.bordered:hover, .ant-tag.bordered:active {
  border: solid 1px #222 !important;
}
.ant-tag.search-tag {
  background-color: #fff !important;
  border-color: #ededed !important;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 12px;
  height: 38px;
  margin-bottom: 4px;
  padding: 2px 8px;
}
.ant-tag.search-tag .anticon {
  line-height: 1.15;
  vertical-align: top;
}
.ant-tag.search-tag .anticon.anticon-user, .ant-tag.search-tag .anticon.anticon-bank {
  margin-bottom: 0;
  margin-top: 8px;
  vertical-align: -0.125em !important;
}
.ant-tag.search-tag .anticon.anticon-close {
  font-size: 10px;
  margin-top: 10px;
}
.ant-tag.search-tag .anticon.anticon-close svg {
  padding: 1px;
}
.ant-tag.search-tag .btn-link .tag-label:hover, .ant-tag.search-tag .btn-link .tag-label:active {
  text-decoration: underline;
}
.ant-tag.search-tag .tag-label {
  display: inline-block;
  font-weight: 500;
  line-height: 30px;
}
.ant-tag.search-tag .tag-label .tag-sublabel {
  display: none;
  margin-top: 0;
}
.ant-tag.step {
  border: 0;
  color: #fff !important;
  font-weight: 500;
  line-height: 20px;
  padding: 4px 8px;
  text-align: center;
}
.ant-tag.step.one {
  background-color: #e6f1ff !important;
  color: #000 !important;
}
.ant-tag.step.two {
  background-color: var(--highlight-color) !important;
}
.ant-tag.step.three {
  background-color: var(--highlight-hover) !important;
}
.ant-tag.step.four {
  background-color: var(--bluemeg-primary) !important;
}
.ant-tag.step.btn {
  cursor: pointer;
}
.ant-tag.process-tag {
  border-radius: 4px !important;
  margin-bottom: 0;
  padding: 0.5em;
}
.ant-tag.process-tag.modal-tag {
  margin-bottom: 0.5em !important;
}
.ant-tag.process-tag.modal-tag .anticon svg {
  color: #222 !important;
  font-size: 1.15em;
  margin-top: -2px;
}
.ant-tag.process-tag input[type=checkbox] {
  width: 15px;
}
.ant-tag.process-tag .subtag {
  color: #6c757d;
  margin-top: 4px;
}
.ant-tag.process-tag .anticon {
  float: left;
  margin-top: 5px;
}
.ant-tag.process-tag .anticon svg {
  color: #222 !important;
  font-size: 1.15em;
  margin-top: -2px;
}
.ant-tag.process-tag .anticon.anticon-close {
  float: right;
  font-size: 0.95em;
}
.ant-tag.success-tag {
  background-color: #19a744 !important;
  color: #fff !important;
}
.ant-tag.success-tag .subtag {
  color: #fff !important;
}
.ant-tag.success-tag .anticon svg {
  color: #fff !important;
}
.ant-tag.error-tag {
  background-color: var(--text-danger) !important;
  color: #fff !important;
}
.ant-tag.error-tag .subtag {
  color: #fff !important;
}
.ant-tag.error-tag .anticon svg {
  color: #fff !important;
}
.ant-tag.ant-tag-checkable {
  background-color: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
  border-radius: 4px;
  color: #222 !important;
  margin-bottom: 2px;
  padding: 4px 10px;
}
.ant-tag.ant-tag-checkable.ant-tag-checkable-checked {
  background-color: #ededed !important;
}

.thumbnail-wrapper img {
  width: 100%;
}
.thumbnail-wrapper svg {
  width: 100%;
}

.thumbnail-empty {
  font-weight: 500;
  margin: auto;
  margin-bottom: 16px;
  width: 50%;
}
.thumbnail-empty.icon-auto svg {
  width: auto;
}
.thumbnail-empty .ant-empty-description .anticon {
  vertical-align: 0.06em;
}

.card.card-doc-thumbnail {
  background-color: #f3f3f3;
  border-radius: 0 !important;
  height: 225px;
  margin-bottom: 16px;
}
.card.card-doc-thumbnail .card-header {
  height: 150px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
.card.card-doc-thumbnail .card-header .btn-thumbnail {
  background-color: #f3f3f3;
  box-sizing: border-box;
  margin-right: 0 !important;
  opacity: 1;
  padding: 0;
}
.card.card-doc-thumbnail .card-header .btn-thumbnail svg,
.card.card-doc-thumbnail .card-header .btn-thumbnail img {
  width: 100%;
}
.card.card-doc-thumbnail .card-header .btn-view {
  background-color: #fff;
  border: solid 1px #ededed;
  border-radius: 4px;
  box-shadow: 0px 3px 10px -2px rgba(34, 34, 34, 0.1), 0px 1px 4px -2px rgba(34, 34, 34, 0.1);
  color: #222;
  font-size: 14px;
  left: 50%;
  line-height: 16px;
  opacity: 0;
  padding: 8px 12px;
  position: absolute;
  top: 65px;
  transform: translate(-50%, -50%);
  visibility: hidden;
  z-index: 1;
}
.card.card-doc-thumbnail .card-header:hover {
  background-color: #d8d8d8;
  transition: all 0.3s ease-in-out;
}
.card.card-doc-thumbnail .card-header:hover .btn-view {
  opacity: 1;
  visibility: visible;
}
.card.card-doc-thumbnail .card-header:hover .btn-thumbnail {
  opacity: 0.5;
}
.card.card-doc-thumbnail .card-body {
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 14px !important;
  height: 75px;
  padding: 14px 24px 12px;
}
.card.card-doc-thumbnail .card-body .doc-title > div {
  font-weight: 500;
  margin-bottom: 5px;
}
.card.card-doc-thumbnail .card-body .doc-title > div.ant-skeleton {
  margin: 4px -10px;
}
.card.card-doc-thumbnail .card-body .doc-title.muted * {
  color: #d9d9d9 !important;
}
.card.card-doc-thumbnail .card-body .doc-title .ant-badge-status-text {
  font-size: 14px !important;
}
.card.card-doc-thumbnail .card-doc-container {
  border-radius: 0 !important;
  padding: 10px 0;
}
.card.card-doc-thumbnail .card-doc-container:hover {
  background-color: #d8d8d8;
  transition: all 0.3s ease-in-out;
}

.custom-timeline {
  font-family: var(--font-family, "Fira Sans");
  background: #fafafa;
  padding: 24px;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item {
  position: relative;
  display: flex;
  align-items: center;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-label {
  flex: 0 0 10% !important;
  max-width: 10% !important;
  text-align: right;
  padding-right: 16px;
  position: absolute;
  top: 0;
  transform: none;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-head {
  position: absolute;
  left: 10%;
  background: transparent;
  top: 0;
  transform: translateX(-50%);
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-head .timeline-header-icon {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6f1ff;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-head .timeline-head-first {
  background: #fff;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  border-radius: 9999px;
  padding: 8px 16px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-width: 120px;
  transform: translate(0, -50%);
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-head .timeline-head-first .timeline-year {
  display: flex;
  align-items: center;
  gap: 12px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-head .timeline-head-first .timeline-year h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #222;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-head .timeline-head-first .timeline-year .timeline-badge {
  background: var(--highlight-hover);
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-tail {
  position: absolute;
  left: 10%;
  width: 2px;
  top: 24px;
  bottom: 0;
  background: #d9d9d9;
  margin: 0 !important;
  padding: 0 !important;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-tail:last-child {
  display: none;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content {
  flex: 0 0 90% !important;
  max-width: 90% !important;
  margin-left: 0 !important;
  padding-left: 32px;
  position: relative;
  left: 10% !important;
  width: 90% !important;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-item-content-first {
  min-height: 50px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-card {
  background: white;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-header .timeline-event-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
  line-height: 1.4;
  flex: 1;
  margin-right: 16px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-header .timeline-event-status {
  flex-shrink: 0;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status {
  flex-shrink: 0;
  display: flex;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 16px;
  color: white;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  background: var(--highlight-color);
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .status-badge:hover {
  opacity: 0.8;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .status-badge .status-arrow {
  font-size: 10px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .status-badge.completed {
  background: #19a744 !important;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .status-badge.upcoming {
  background: var(--highlight-color) !important;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .status-badge.ongoing {
  background: #edd500 !important;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .timeline-event-toggle {
  color: #000;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 12px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-status .timeline-event-toggle:hover {
  color: #40a9ff;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-details .timeline-event-detail-item {
  display: flex;
  margin-bottom: 8px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-details .timeline-event-detail-item:last-child {
  margin-bottom: 0;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-details .timeline-event-detail-item .detail-label {
  font-weight: 500;
  color: #8c8c8c;
  margin-right: 8px;
  min-width: 100px;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-details .timeline-event-detail-item .detail-value {
  color: #262626;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-details .timeline-event-detail-item .detail-value.link {
  color: #1890ff;
  cursor: pointer;
}
.custom-timeline .timeline-events .ant-timeline .ant-timeline-item .ant-timeline-item-content .timeline-event-details .timeline-event-detail-item .detail-value.link:hover {
  text-decoration: underline;
}

.ant-notification {
  top: 70px !important;
  z-index: 2020 !important;
}
.ant-notification .ant-notification-notice {
  border-radius: 4px;
  padding: 16px;
}
.ant-notification .ant-notification-notice.toast-error {
  background-color: #fef3f2;
}
.ant-notification .ant-notification-notice.toast-error .ant-notification-notice-message {
  color: var(--text-danger);
}
.ant-notification .ant-notification-notice.toast-error .ant-notification-notice-message .anticon.anticon-exclamation-circle {
  color: var(--text-danger);
  vertical-align: -0.0125em;
}
.ant-notification .ant-notification-notice.toast-info {
  background-color: #e6f1ff;
}
.ant-notification .ant-notification-notice.toast-info .ant-notification-notice-message {
  color: var(--highlight-color);
}
.ant-notification .ant-notification-notice.toast-info .ant-notification-notice-message .anticon.anticon-exclamation-circle {
  color: var(--highlight-color);
  vertical-align: 0;
}
.ant-notification .ant-notification-notice.toast-success {
  background-color: #edfef3;
}
.ant-notification .ant-notification-notice.toast-success .ant-notification-notice-message {
  color: #128e37;
}
.ant-notification .ant-notification-notice.toast-success .ant-notification-notice-message .anticon.anticon-exclamation-circle {
  color: #128e37;
  vertical-align: 0;
}
.ant-notification .ant-notification-notice.toast-warning {
  background-color: #fffaeb;
}
.ant-notification .ant-notification-notice.toast-warning .ant-notification-notice-message {
  color: #ff7214;
}
.ant-notification .ant-notification-notice.toast-warning .ant-notification-notice-message .anticon.anticon-exclamation-circle {
  color: #ff7214;
  vertical-align: 0;
}
.ant-notification .ant-notification-notice.toast-no-title .ant-notification-notice-content .ant-notification-notice-message {
  display: none;
}
.ant-notification .ant-notification-notice.toast-link .ant-notification-notice-description {
  width: auto !important;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content {
  color: #222;
  font-size: 14px;
  width: 95%;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message .toast-icon {
  display: inline-block;
  margin-right: 8px;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message .toast-icon .anticon {
  vertical-align: 0.1em;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-description {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  margin-left: 22px;
  width: 99%;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-description .message-container {
  display: flex;
  max-width: 98%;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-description .message-container .toast-desc {
  display: inline-block;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-description .message-container .toast-desc.break {
  white-space: pre-line;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-btn {
  float: left;
  margin: 10px 20px 0;
}
.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-btn button {
  margin: 0 !important;
  margin-top: -2px !important;
  padding: 0;
}
.ant-notification .ant-notification-notice .ant-notification-notice-close {
  font-weight: 500;
  margin-top: -4px;
  right: 16px;
  width: 16px;
}

.disabled {
  cursor: not-allowed;
}

/* Tooltip */
.ant-tooltip {
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-family: var(--font-family, "Fira Sans");
  font-size: 14px;
  max-width: 500px !important;
}
.ant-tooltip .ant-tooltip-arrow {
  display: none;
}
.ant-tooltip .ant-tooltip-arrow::before {
  background-color: #222;
}
.ant-tooltip .ant-tooltip-inner {
  background-color: #222;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  min-height: 20px;
  padding: 2px 8px;
}

.disabled-tooltip {
  opacity: 25%;
}

.ant-tooltip-disabled-compatible-wrapper {
  background-color: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
  color: #b7b7b7;
}
.ant-tooltip-disabled-compatible-wrapper.btn-link {
  background-color: transparent !important;
}
.ant-tooltip-disabled-compatible-wrapper button {
  background: transparent;
  border: none;
  font-weight: inherit;
  padding: 0;
}
.ant-tooltip-disabled-compatible-wrapper button .anticon {
  opacity: 60%;
}
.ant-tooltip-disabled-compatible-wrapper button:disabled {
  background-color: inherit;
  border-color: none;
  color: #b7b7b7;
}

/* Popover */
.ant-popover {
  font-family: var(--font-family, "Fira Sans");
  max-width: 500px !important;
  min-width: 250px !important;
}
.ant-popover .ant-popover-content {
  width: inherit;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-title {
  font-size: 0.92em;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  font-size: 0.9em;
  padding-bottom: 2px;
}

.ant-tree {
  color: #222;
  font-family: var(--font-family, "Fira Sans") !important;
  font-size: 14px;
  font-weight: 500;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode {
  border-radius: 4px;
  margin: 2px 0;
  padding: 0;
  width: 100%;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode::before {
  bottom: 2px;
  top: 2px;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode:hover {
  background-color: #f3f3f3;
  color: var(--highlight-color);
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-switcher {
  color: #222;
  padding: 6px 8px;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-switcher .anticon {
  font-size: 14px;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-switcher.ant-tree-switcher-noop {
  display: none;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-node-content-wrapper {
  padding: 6px 8px;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
  color: var(--highlight-color);
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-node-content-wrapper > span:first-child {
  width: 0;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode .ant-tree-node-content-wrapper > span:first-child .anticon {
  display: none;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode.ant-tree-treenode-switcher-open .ant-tree-switcher {
  color: #222;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode.ant-tree-treenode-switcher-open .ant-tree-node-selected {
  color: var(--highlight-color);
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode.ant-tree-treenode-selected {
  background-color: #f3f3f3;
  color: var(--highlight-color);
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode.ant-tree-treenode-selected::before {
  background: #f3f3f3;
  color: #222;
}
.ant-tree .ant-tree-list .ant-tree-list-holder .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-selected {
  background-color: transparent;
  color: var(--highlight-color);
}

.notification-card {
  border-radius: 0.25rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.notification-card > .notification-container {
  border-left-color: var(--primary-color);
  border-left-style: solid;
  border-left-width: 10px;
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin: 0;
  border-radius: 0.25rem;
}
.notification-card > .notification-container.debit {
  border-left-color: #428f01;
}
.notification-card > .notification-container.credit {
  border-left-color: #a80c05;
}

.icon-action {
  background-color: #faedff;
  border-radius: 50%;
  color: #a718eb !important;
  height: 28px;
  padding: 0.5em 0.6em;
  width: 28px;
}
.icon-action > svg {
  margin-top: 0 !important;
}