/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*
.cxq-spinner.cxq-spinner--doubleBounce
  .cxq-spinner-hexagon
  .cxq-spinner-hexagon


.cxq-spinner.cxq-spinner--rotatePlane
  .cxq-spinner-hexagon

.cxq-spinner.cxq-spinner--waveStretchDelay
  .cxq-spinner-hexagon
  .rects
    .rect
    .rect
    .rect
    .rect
    .rect
*/
.cxq-spinner {
  position: relative;
  text-align: left;
  width: 103.92px;
  height: 120px;
  margin: auto;
}

.cxq-spinner-hexagon {
  position: absolute;
  width: 103.92px;
  height: 60px;
  border-radius: 0.5;
  background: var(--falcon-primary);
  opacity: 0.5;
  top: 30px;
}

.cxq-spinner-hexagon:before,
.cxq-spinner-hexagon:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: "";
}

.cxq-spinner-hexagon:before {
  transform: rotate(60deg);
}

.cxq-spinner-hexagon:after {
  transform: rotate(-60deg);
}

.cxq-spinner--rotatePlane .cxq-spinner-hexagon {
  animation: rotatePlane 2s infinite ease-in-out;
}

.cxq-spinner--doubleBounce .cxq-spinner-hexagon {
  animation: doubleBounce 2s infinite ease-in-out;
}

.cxq-spinner--doubleBounce .cxq-spinner-hexagon:nth-child(2) {
  animation-delay: -1s;
}

.cxq-spinner--waveStretchDelay .rects {
  width: 103.92px;
  height: 40px;
  text-align: center;
  position: relative;
  top: 40px;
}

.cxq-spinner--waveStretchDelay .rect {
  position: relative;
  height: 100%;
  width: 3px;
  display: inline-block;
  background-color: #009cff;
  opacity: 0.2;
  animation: waveStretchDelay 1.2s infinite ease-in-out;
}
.cxq-spinner--waveStretchDelay .rect:nth-child(1) {
  animation-delay: -1.2s;
}
.cxq-spinner--waveStretchDelay .rect:nth-child(2) {
  animation-delay: -1.1s;
}
.cxq-spinner--waveStretchDelay .rect:nth-child(3) {
  animation-delay: -1s;
}
.cxq-spinner--waveStretchDelay .rect:nth-child(4) {
  animation-delay: -0.9s;
}
.cxq-spinner--waveStretchDelay .rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes doubleBounce {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes waveStretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
:root.light,
:root .light {
  --falcon-heading-color: #343a40;
}

:root .dropdown-menu {
  --falcon-dropdown-item-padding-x: 0.75rem;
  --falcon-dropdown-item-padding-y: 0.35rem;
}
:root .spinner-border {
  --falcon-spinner-width: 2rem;
  --falcon-spinner-height: 2rem;
  --falcon-spinner-vertical-align: -0.125em;
  --falcon-spinner-border-width: 0.185rem;
  --falcon-spinner-animation-speed: 0.65s;
  --falcon-spinner-animation-name: spinner-border;
  border: var(--falcon-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
:root .spinner-border-sm {
  --falcon-spinner-width: 14px;
  --falcon-spinner-height: 14px;
  --falcon-spinner-border-width: 0.145em;
}

a:hover {
  /* color: var(--falcon-link-hover-color); */
  text-decoration: none;
}

.nav-link {
  font-weight: 500;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--falcon-backdrop-zindex);
  background-color: rgba(0, 0, 0, 0.08);
}

.ellipsis-animated {
  margin: 20px;
  font-size: 36px;
  font-family: sans-serif;
}

.ellipsis-animated:after {
  display: inline-block;
  animation: dotty steps(1, end) 1s infinite;
  content: "";
}

@keyframes dotty {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
.theme-control-toggle .theme-control-toggle-label {
  height: 28px;
  width: 28px;
  background-color: transparent;
  color: var(--falcon-gray-600);
}

.theme-control-toggle .theme-control-toggle-label:hover {
  background-color: var(--falcon-gray-300);
  color: var(--falcon-primary);
}

.btn {
  box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
  -webkit-appearance: none;
}
.btn:not([class*=btn-outline-]) {
  border: 0;
}
.btn:active, .btn:active:focus, .btn:active:hover {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
  transform: scale(1);
  opacity: 0.85;
}
.btn.bg-white:hover {
  color: #495057;
}
.btn.btn-link {
  box-shadow: none;
  font-weight: 600;
}
.btn.btn-link:hover, .btn.btn-link:focus {
  box-shadow: none;
}
.btn.btn-round {
  border-radius: 1.875rem;
}
.btn.btn-icon-only {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.5rem 0.5rem;
}
.btn.btn-icon-only .bi {
  display: inline-flex;
}
.btn.btn-sm.btn-icon-only {
  width: 1.5875rem;
  height: 1.5875rem;
  padding: 0.3rem 0.3rem;
}
.btn.btn-sm i {
  font-size: 0.5rem;
}
.btn.btn-lg.btn-icon-only {
  width: 3.25rem;
  height: 3.25rem;
  padding: 1rem 1rem;
}
.btn.btn-lg i {
  font-size: 1.2rem;
  position: relative;
  top: 2px;
}
.btn.btn-rounded {
  border-radius: 1.875rem;
}

.btn-check:checked + .btn svg .color-background {
  fill: #fff;
}
.btn-check:checked + .btn:hover svg .color-background {
  fill: #0b1727;
}

.icon-move-right i {
  transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
}
.icon-move-right:hover i, .icon-move-right:focus i {
  transform: translateX(5px);
}

.icon-move-left i {
  transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
}
.icon-move-left:hover i, .icon-move-left:focus i {
  transform: translateX(-5px);
}

.btn-primary,
.btn.bg-gradient-primary {
  box-shadow: 0 3px 3px 0 rgba(245, 124, 0, 0.15), 0 3px 1px -2px rgba(245, 124, 0, 0.2), 0 1px 5px 0 rgba(245, 124, 0, 0.15);
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  background-color: #f57c00;
  border-color: #f57c00;
  box-shadow: 0 14px 26px -12px rgba(245, 124, 0, 0.4), 0 4px 23px 0 rgba(245, 124, 0, 0.15), 0 8px 10px -5px rgba(245, 124, 0, 0.2);
}
.btn-primary .btn.bg-outline-primary,
.btn.bg-gradient-primary .btn.bg-outline-primary {
  border: 1px solid #f57c00;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-primary.dropdown-toggle {
  color: color-yiq(#f57c00);
  background-color: #f57c00;
}
.btn-primary.focus, .btn-primary:focus,
.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
  color: #fff;
}

.btn-outline-primary {
  box-shadow: none;
}
.btn-outline-primary:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #f57c00;
}

.btn-secondary,
.btn.bg-gradient-secondary {
  box-shadow: 0 3px 3px 0 rgba(108, 117, 125, 0.15), 0 3px 1px -2px rgba(108, 117, 125, 0.2), 0 1px 5px 0 rgba(108, 117, 125, 0.15);
}
.btn-secondary:hover,
.btn.bg-gradient-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: 0 14px 26px -12px rgba(108, 117, 125, 0.4), 0 4px 23px 0 rgba(108, 117, 125, 0.15), 0 8px 10px -5px rgba(108, 117, 125, 0.2);
}
.btn-secondary .btn.bg-outline-secondary,
.btn.bg-gradient-secondary .btn.bg-outline-secondary {
  border: 1px solid #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-secondary.dropdown-toggle {
  color: color-yiq(#6c757d);
  background-color: #6c757d;
}
.btn-secondary.focus, .btn-secondary:focus,
.btn.bg-gradient-secondary.focus,
.btn.bg-gradient-secondary:focus {
  color: #fff;
}

.btn-outline-secondary {
  box-shadow: none;
}
.btn-outline-secondary:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #6c757d;
}

.btn-success,
.btn.bg-gradient-success {
  box-shadow: 0 3px 3px 0 rgba(104, 159, 56, 0.15), 0 3px 1px -2px rgba(104, 159, 56, 0.2), 0 1px 5px 0 rgba(104, 159, 56, 0.15);
}
.btn-success:hover,
.btn.bg-gradient-success:hover {
  background-color: #689f38;
  border-color: #689f38;
  box-shadow: 0 14px 26px -12px rgba(104, 159, 56, 0.4), 0 4px 23px 0 rgba(104, 159, 56, 0.15), 0 8px 10px -5px rgba(104, 159, 56, 0.2);
}
.btn-success .btn.bg-outline-success,
.btn.bg-gradient-success .btn.bg-outline-success {
  border: 1px solid #689f38;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle,
.btn.bg-gradient-success:not(:disabled):not(.disabled).active,
.btn.bg-gradient-success:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-success.dropdown-toggle {
  color: color-yiq(#689f38);
  background-color: #689f38;
}
.btn-success.focus, .btn-success:focus,
.btn.bg-gradient-success.focus,
.btn.bg-gradient-success:focus {
  color: #fff;
}

.btn-outline-success {
  box-shadow: none;
}
.btn-outline-success:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #689f38;
}

.btn-info,
.btn.bg-gradient-info {
  box-shadow: 0 3px 3px 0 rgba(39, 188, 253, 0.15), 0 3px 1px -2px rgba(39, 188, 253, 0.2), 0 1px 5px 0 rgba(39, 188, 253, 0.15);
}
.btn-info:hover,
.btn.bg-gradient-info:hover {
  background-color: #27bcfd;
  border-color: #27bcfd;
  box-shadow: 0 14px 26px -12px rgba(39, 188, 253, 0.4), 0 4px 23px 0 rgba(39, 188, 253, 0.15), 0 8px 10px -5px rgba(39, 188, 253, 0.2);
}
.btn-info .btn.bg-outline-info,
.btn.bg-gradient-info .btn.bg-outline-info {
  border: 1px solid #27bcfd;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle,
.btn.bg-gradient-info:not(:disabled):not(.disabled).active,
.btn.bg-gradient-info:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-info.dropdown-toggle {
  color: color-yiq(#27bcfd);
  background-color: #27bcfd;
}
.btn-info.focus, .btn-info:focus,
.btn.bg-gradient-info.focus,
.btn.bg-gradient-info:focus {
  color: #fff;
}

.btn-outline-info {
  box-shadow: none;
}
.btn-outline-info:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #27bcfd;
}

.btn-warning,
.btn.bg-gradient-warning {
  box-shadow: 0 3px 3px 0 rgba(251, 192, 45, 0.15), 0 3px 1px -2px rgba(251, 192, 45, 0.2), 0 1px 5px 0 rgba(251, 192, 45, 0.15);
}
.btn-warning:hover,
.btn.bg-gradient-warning:hover {
  background-color: #fbc02d;
  border-color: #fbc02d;
  box-shadow: 0 14px 26px -12px rgba(251, 192, 45, 0.4), 0 4px 23px 0 rgba(251, 192, 45, 0.15), 0 8px 10px -5px rgba(251, 192, 45, 0.2);
}
.btn-warning .btn.bg-outline-warning,
.btn.bg-gradient-warning .btn.bg-outline-warning {
  border: 1px solid #fbc02d;
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle,
.btn.bg-gradient-warning:not(:disabled):not(.disabled).active,
.btn.bg-gradient-warning:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-warning.dropdown-toggle {
  color: color-yiq(#fbc02d);
  background-color: #fbc02d;
}
.btn-warning.focus, .btn-warning:focus,
.btn.bg-gradient-warning.focus,
.btn.bg-gradient-warning:focus {
  color: #fff;
}

.btn-outline-warning {
  box-shadow: none;
}
.btn-outline-warning:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #fbc02d;
}

.btn-danger,
.btn.bg-gradient-danger {
  box-shadow: 0 3px 3px 0 rgba(230, 55, 87, 0.15), 0 3px 1px -2px rgba(230, 55, 87, 0.2), 0 1px 5px 0 rgba(230, 55, 87, 0.15);
}
.btn-danger:hover,
.btn.bg-gradient-danger:hover {
  background-color: #e63757;
  border-color: #e63757;
  box-shadow: 0 14px 26px -12px rgba(230, 55, 87, 0.4), 0 4px 23px 0 rgba(230, 55, 87, 0.15), 0 8px 10px -5px rgba(230, 55, 87, 0.2);
}
.btn-danger .btn.bg-outline-danger,
.btn.bg-gradient-danger .btn.bg-outline-danger {
  border: 1px solid #e63757;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle,
.btn.bg-gradient-danger:not(:disabled):not(.disabled).active,
.btn.bg-gradient-danger:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-danger.dropdown-toggle {
  color: color-yiq(#e63757);
  background-color: #e63757;
}
.btn-danger.focus, .btn-danger:focus,
.btn.bg-gradient-danger.focus,
.btn.bg-gradient-danger:focus {
  color: #fff;
}

.btn-outline-danger {
  box-shadow: none;
}
.btn-outline-danger:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #e63757;
}

.btn-light,
.btn.bg-gradient-light {
  box-shadow: 0 3px 3px 0 rgba(248, 249, 250, 0.15), 0 3px 1px -2px rgba(248, 249, 250, 0.2), 0 1px 5px 0 rgba(248, 249, 250, 0.15);
}
.btn-light:hover,
.btn.bg-gradient-light:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: 0 14px 26px -12px rgba(248, 249, 250, 0.4), 0 4px 23px 0 rgba(248, 249, 250, 0.15), 0 8px 10px -5px rgba(248, 249, 250, 0.2);
}
.btn-light .btn.bg-outline-light,
.btn.bg-gradient-light .btn.bg-outline-light {
  border: 1px solid #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle,
.btn.bg-gradient-light:not(:disabled):not(.disabled).active,
.btn.bg-gradient-light:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-light.dropdown-toggle {
  color: color-yiq(#f8f9fa);
  background-color: #f8f9fa;
}

.btn-outline-light {
  box-shadow: none;
}
.btn-outline-light:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #f8f9fa;
}

.btn-dark,
.btn.bg-gradient-dark {
  box-shadow: 0 3px 3px 0 rgba(11, 23, 39, 0.15), 0 3px 1px -2px rgba(11, 23, 39, 0.2), 0 1px 5px 0 rgba(11, 23, 39, 0.15);
}
.btn-dark:hover,
.btn.bg-gradient-dark:hover {
  background-color: #0b1727;
  border-color: #0b1727;
  box-shadow: 0 14px 26px -12px rgba(11, 23, 39, 0.4), 0 4px 23px 0 rgba(11, 23, 39, 0.15), 0 8px 10px -5px rgba(11, 23, 39, 0.2);
}
.btn-dark .btn.bg-outline-dark,
.btn.bg-gradient-dark .btn.bg-outline-dark {
  border: 1px solid #0b1727;
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle,
.btn.bg-gradient-dark:not(:disabled):not(.disabled).active,
.btn.bg-gradient-dark:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-dark.dropdown-toggle {
  color: color-yiq(#0b1727);
  background-color: #0b1727;
}
.btn-dark.focus, .btn-dark:focus,
.btn.bg-gradient-dark.focus,
.btn.bg-gradient-dark:focus {
  color: #fff;
}

.btn-outline-dark {
  box-shadow: none;
}
.btn-outline-dark:hover:not(.active) {
  background-color: transparent;
  opacity: 0.75;
  box-shadow: none;
  color: #0b1727;
}

.btn-outline-white {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.1);
}

.btn-primary,
.btn.bg-gradient-primary {
  color: #fff;
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  color: #fff;
}

.btn-secondary,
.btn.bg-gradient-secondary {
  color: #fff;
}
.btn-secondary:hover,
.btn.bg-gradient-secondary:hover {
  color: #fff;
}

.btn-danger,
.btn.bg-gradient-danger {
  color: #fff;
}
.btn-danger:hover,
.btn.bg-gradient-danger:hover {
  color: #fff;
}

.btn-info,
.btn.bg-gradient-info {
  color: #fff;
}
.btn-info:hover,
.btn.bg-gradient-info:hover {
  color: #fff;
}

.btn-success,
.btn.bg-gradient-success {
  color: #fff;
}
.btn-success:hover,
.btn.bg-gradient-success:hover {
  color: #fff;
}

.btn-warning,
.btn.bg-gradient-warning {
  color: #fff;
}
.btn-warning:hover,
.btn.bg-gradient-warning:hover {
  color: #fff;
}

.btn-dark,
.btn.bg-gradient-dark {
  color: #fff;
}
.btn-dark:hover,
.btn.bg-gradient-dark:hover {
  color: #fff;
}

.btn-light,
.btn.bg-gradient-light {
  color: #7279a5;
}
.btn-light:hover,
.btn.bg-gradient-light:hover {
  color: #7279a5;
}

#app {
  min-height: 100%;
}

.dropzone.dropzone-multiple .dz-message {
  padding: 0 !important;
  border-width: 3px !important;
}

.dropzone {
  min-height: auto !important;
}

.dz-message .dropzone {
  min-height: auto !important;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--bd-callout-bg, var(--falcon-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--falcon-gray-300));
}

.bd-callout h4 {
  margin-bottom: 0.25rem;
}

.bd-callout > :last-child {
  margin-bottom: 0;
}

.bd-callout + .bd-callout {
  margin-top: -0.25rem;
}

.bd-callout .highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.bd-callout-info {
  --bd-callout-bg: rgba(var(--falcon-info-rgb), 0.075);
  --bd-callout-border: rgba(var(--falcon-info-rgb), 0.5);
}

.bd-callout-warning {
  --bd-callout-bg: rgba(var(--falcon-warning-rgb), 0.075);
  --bd-callout-border: rgba(var(--falcon-warning-rgb), 0.5);
}

.bd-callout-danger {
  --bd-callout-bg: rgba(var(--falcon-danger-rgb), 0.075);
  --bd-callout-border: rgba(var(--falcon-danger-rgb), 0.5);
}

.info-horizontal {
  text-align: left !important;
}

.info-horizontal .icon {
  float: left;
}

.info-horizontal .description {
  overflow: hidden;
}

.icon-shape {
  width: 48px;
  height: 48px;
  background-position: 50%;
  border-radius: 0.5rem;
}

.icon-shape i,
.icon-shape svg {
  color: #fff;
  opacity: 0.8;
  top: 11px;
  position: relative;
}

.icon-shape .ni {
  top: 14px;
}

.bg-gradient-primary {
  background-image: linear-gradient(310deg, rgb(232.75, 117.8, 0) 0%, rgb(248, 163.3, 76.5) 100%);
}

.bg-gradient-secondary {
  background-image: linear-gradient(310deg, #747b8a 0%, #495361 100%);
}

.bg-gradient-success {
  background-image: linear-gradient(310deg, #66bb6a 0%, #43a047 100%);
}

.bg-gradient-info {
  background-image: linear-gradient(310deg, #49a3f1 0%, #1a73e8 100%);
}

.bg-gradient-warning {
  background-image: linear-gradient(310deg, #fbc02d 0%, rgb(251.8, 204.6, 87) 100%);
}

.bg-gradient-danger {
  background-image: linear-gradient(310deg, #ef5350 0%, #e53935 100%);
}

.bg-gradient-light {
  background-image: linear-gradient(310deg, #ebeff4 0%, #ced4da 100%);
}

.bg-gradient-dark {
  background-image: linear-gradient(310deg, #42424a 0%, #191919 100%);
}

.bg-gradient-faded-primary {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(245, 124, 0, 0.6) 0, rgb(194, 98.187755102, 0) 100%);
}

.bg-gradient-faded-secondary {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(108, 117, 125, 0.6) 0, rgb(84.3605150215, 91.3905579399, 97.6394849785) 100%);
}

.bg-gradient-faded-success {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(104, 159, 56, 0.6) 0, rgb(79.3302325581, 121.2837209302, 42.7162790698) 100%);
}

.bg-gradient-faded-info {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(39, 188, 253, 0.6) 0, rgb(2.2110091743, 166.9311926606, 238.7889908257) 100%);
}

.bg-gradient-faded-warning {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 192, 45, 0.6) 0, rgb(240.4205607477, 172.8738317757, 4.5794392523) 100%);
}

.bg-gradient-faded-danger {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(230, 55, 87, 0.6) 0, rgb(208, 26, 59.28) 100%);
}

.bg-gradient-faded-light {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(248, 249, 250, 0.6) 0, rgb(218.25, 223.5, 228.75) 100%);
}

.bg-gradient-faded-dark {
  background-image: radial-gradient(370px circle at 80% 50%, rgba(11, 23, 39, 0.6) 0, black 100%);
}

.bg-gradient-faded-primary-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(245, 124, 0, 0.3) 0, #f57c00 100%);
}

.bg-gradient-faded-secondary-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(108, 117, 125, 0.3) 0, #6c757d 100%);
}

.bg-gradient-faded-success-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(104, 159, 56, 0.3) 0, #689f38 100%);
}

.bg-gradient-faded-info-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(39, 188, 253, 0.3) 0, #27bcfd 100%);
}

.bg-gradient-faded-warning-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 192, 45, 0.3) 0, #fbc02d 100%);
}

.bg-gradient-faded-danger-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(230, 55, 87, 0.3) 0, #e63757 100%);
}

.bg-gradient-faded-light-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(248, 249, 250, 0.3) 0, #f8f9fa 100%);
}

.bg-gradient-faded-dark-vertical {
  background-image: radial-gradient(200px circle at 50% 70%, rgba(11, 23, 39, 0.3) 0, #0b1727 100%);
}

html.dark .btn.bg-gradient-dark, html.dark .btn.btn-outline-dark {
  color: #fff !important;
  border: 1px solid #fff !important;
}
html.dark .btn.btn-icon-only {
  box-shadow: none !important;
}
html.dark .bg-gradient-dark {
  background-image: linear-gradient(195deg, #323a54, #1a2035);
}

.indicator-progress {
  display: none;
}

[data-kt-indicator=on] > .indicator-progress {
  display: inline-block;
}

[data-kt-indicator=on] > .indicator-label {
  display: none;
}

.overlay-wrapper .overlay-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--kt-overlay-bg);
  transition: all 0.3s ease;
  opacity: 0;
}

.overlay-wrapper.overlay-show .overlay-layer,
.overlay-wrapper.overlay-block .overlay-layer,
.overlay-wrapper:hover .overlay-layer {
  transition: all 0.3s ease;
  opacity: 1;
}

.overlay-wrapper.overlay-block {
  cursor: wait;
}

.form-control {
  border-radius: 0.375rem;
}

.fs--2 {
  font-size: 0.8rem !important;
}

.fs--1 {
  font-size: 0.875rem !important;
}

b,
strong {
  font-weight: 700;
}

.bg-opacity-05 {
  --falcon-bg-opacity: 0.05;
}

.bg-opacity-03 {
  --falcon-bg-opacity: 0.03;
}

#banner-premium-features .col-12,
#banner-activecat-features .col-12 {
  width: 100% !important;
}
#banner-premium-features hr:last-of-type,
#banner-activecat-features hr:last-of-type {
  display: none;
}

#banner-premium-features .bi.bi-check-lg {
  color: rgba(var(--falcon-primary-rgb)) !important;
}
#banner-premium-features .bi.bi-asterisk {
  color: rgba(var(--falcon-primary-rgb)) !important;
}

#banner-activecat-features .bi.bi-check-lg {
  color: rgba(var(--falcon-success-rgb)) !important;
}
#banner-activecat-features .bi.bi-asterisk {
  color: rgba(var(--falcon-success-rgb)) !important;
}

.bg-card {
  background-size: cover !important;
}

.nav-link-icon {
  width: 1.5rem;
  min-width: 1.5rem;
  font-size: 0.875rem;
  display: inline-block;
}

.border-top-lg {
  border-top: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

.border-end-lg {
  border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

.border-bottom-lg {
  border-bottom: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

.border-start-lg {
  border-left: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

.premium-feature-link:hover span.opacity-75 {
  opacity: 1 !important;
}

.dropdown-hover:hover > .dropdown-menu {
  display: block;
  transform: translate3d(0px, 18px, 0px);
}

h5,
.h5 {
  font-size: 1.1rem;
}

h6,
.h6 {
  font-size: 0.9rem;
}

.btn .bi {
  vertical-align: middle;
}

.form-check.form-check-inline .form-check-label {
  line-height: 1.35rem;
}

.banner-premium-h-underline {
  position: relative;
}

.banner-premium-h-underline:after {
  opacity: 0.8;
  content: "";
  position: absolute;
  width: 104%;
  bottom: -4px;
  left: -4px;
  height: 5px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="498px" height="5px" viewBox="0 0 498 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><g id="underline-icon-size-2" transform="translate(-2.000000, 1.000000)" stroke="%23000000" stroke-width="2"><path d="M3.32934426,2.08651 C109.016393,-0.05917 225.606557,0.49007 335.256967,0.60943 C388.67459,0.66758 447.282787,0.2916 498.991803,1.24728" id="Shape"></path></g></g></svg>');
}

html.dark .banner-premium-h-underline:after {
  filter: invert(1);
}

#new-project-nav {
  background-color: var(--falcon-body-bg);
  padding: 6px 0px;
}

ul.step-anchor {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
  border: none;
  padding: 0;
  border-radius: 5px;
  list-style: none;
  overflow: hidden;
}

ul.step-anchor > li {
  margin-right: 30px;
}

ul.step-anchor > li > button {
  text-decoration: none;
  text-align: left;
  padding: 8px 0 8px 16px;
  line-height: normal;
  align-items: center;
  position: relative;
  display: flex;
  max-height: 46px;
  border-radius: 0;
  outline-style: none;
  font-size: 13px;
  font-weight: 600;
  background: #eae5df;
  border: none;
  color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important;
}

ul.step-anchor > li > button:disabled {
  opacity: 0.5;
}

ul.step-anchor > li > button.active {
  background: #ead8c2;
}

ul.step-anchor > li > button.current {
  background: #fecd92 !important;
  color: #000 !important;
}

ul.step-anchor > li > button strong {
  font-size: large;
  display: block;
  margin-right: 8px;
}

ul.step-anchor > li:first-child > button {
  padding-left: 15px;
}

ul.step-anchor > li > button:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #eae5df;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 1;
  border-radius: 0% !important;
}

ul.step-anchor > li > button:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}

ul.step-anchor > li > button.active:after {
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #ead8c2;
}

ul.step-anchor > li > button.current:after {
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #fecd92 !important;
}

.treeview .treeview-text::before {
  width: 1em !important;
  top: 5px;
}

.sticky-sidebar {
  z-index: 1 !important;
}

.treeview .treeview-list-item .treeview-text {
  color: #000 !important;
  align-items: start !important;
}
.treeview .treeview-list-item .treeview-text svg {
  margin-top: 3px;
}

html.dark .treeview .treeview-list-item .treeview-text {
  color: #fff !important;
}

.treeview [data-bs-toggle=collapse] .treeview-text::before {
  content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJmb2xkZXIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1mb2xkZXIgZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZjU3YzAwIiBkPSJNNDY0IDEyOEgyNzJsLTY0LTY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2Mjg4YzAgMjYuNTEgMjEuNDkgNDggNDggNDhoNDE2YzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMTc2YzAtMjYuNTEtMjEuNDktNDgtNDgtNDh6Ij48L3BhdGg+PC9zdmc+) !important;
}

.treeview [data-bs-toggle=collapse][aria-expanded=true] .treeview-text::before {
  content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJmb2xkZXItb3BlbiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWZvbGRlci1vcGVuIGZhLXctMTgiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+PHBhdGggZmlsbD0iI2Y1N2MwMCIgZD0iTTU3Mi42OTQgMjkyLjA5M0w1MDAuMjcgNDE2LjI0OEE2My45OTcgNjMuOTk3IDAgMCAxIDQ0NC45ODkgNDQ4SDQ1LjAyNWMtMTguNTIzIDAtMzAuMDY0LTIwLjA5My0yMC43MzEtMzYuMDkzbDcyLjQyNC0xMjQuMTU1QTY0IDY0IDAgMCAxIDE1MiAyNTZoMzk5Ljk2NGMxOC41MjMgMCAzMC4wNjQgMjAuMDkzIDIwLjczIDM2LjA5M3pNMTUyIDIyNGgzMjh2LTQ4YzAtMjYuNTEtMjEuNDktNDgtNDgtNDhIMjcybC02NC02NEg0OEMyMS40OSA2NCAwIDg1LjQ5IDAgMTEydjI3OC4wNDZsNjkuMDc3LTExOC40MThDODYuMjE0IDI0Mi4yNSAxMTcuOTg5IDIyNCAxNTIgMjI0eiI+PC9wYXRoPjwvc3ZnPg==) !important;
  opacity: 0.8 !important;
}

.treeview [data-bs-toggle=collapse][aria-expanded=false] .treeview-text {
  color: var(--falcon-primary) !important;
}

.text-body-secondary {
  --falcon-text-opacity: 1;
  color: var(--falcon-secondary-color) !important;
}

.text-muted {
  /*  color: rgba(255, 255, 255, 0.75) !important; */
  color: rgba(73, 80, 87, 0.75) !important;
  color: rgb(72.635, 79.6, 86.565) !important;
}

.ui-muted {
  opacity: 0.25 !important;
}

/* sortable.js */
.sortable-item {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  cursor: move;
}

.language-badge {
  cursor: pointer;
}

.table {
  --falcon-table-bg: transparent !important;
}