.border-transparent {
  border-color: transparent !important;
}

.border-inherit-h:hover {
  border-color: inherit !important;
}

:root {
  --ls-blue: #3490dc;
  --ls-indigo: #6574cd;
  --ls-purple: #9561e2;
  --ls-pink: #f66d9b;
  --ls-red: #e3342f;
  --ls-orange: #f6993f;
  --ls-yellow: #ffed4a;
  --ls-green: #38c172;
  --ls-teal: #4dc0b5;
  --ls-cyan: #6cb2eb;
  --ls-white: #ffffff;
  --ls-gray-50: #fcfcfc;
  --ls-gray-100: #f8f9fa;
  --ls-gray-200: #e9ecef;
  --ls-gray-300: #dee2e6;
  --ls-gray-400: #ced4da;
  --ls-gray-500: #adb5bd;
  --ls-gray-600: #6c757d;
  --ls-gray-700: #495057;
  --ls-gray-800: #343a40;
  --ls-gray-900: #212529;
  --ls-red-program: #e9573f;
  --ls-red-program-color: var(--ls-white);
  --ls-green-preview: #53cf10;
  --ls-green-preview-color: var(--ls-white);
}

.bg-blue {
  --bs-btn-bg: var(--ls-blue);
  background-color: var(--ls-blue) !important;
}

.btn-blue {
  background-color: var(--ls-blue) !important;
}

.label-blue {
  background-color: var(--ls-blue) !important;
}

.bg-blue-h:hover {
  --bs-btn-hover-bg: var(--ls-blue);
  background-color: var(--ls-blue) !important;
}

.bg-indigo {
  --bs-btn-bg: var(--ls-indigo);
  background-color: var(--ls-indigo) !important;
}

.btn-indigo {
  background-color: var(--ls-indigo) !important;
}

.label-indigo {
  background-color: var(--ls-indigo) !important;
}

.bg-indigo-h:hover {
  --bs-btn-hover-bg: var(--ls-indigo);
  background-color: var(--ls-indigo) !important;
}

.bg-purple {
  --bs-btn-bg: var(--ls-purple);
  background-color: var(--ls-purple) !important;
}

.btn-purple {
  background-color: var(--ls-purple) !important;
}

.label-purple {
  background-color: var(--ls-purple) !important;
}

.bg-purple-h:hover {
  --bs-btn-hover-bg: var(--ls-purple);
  background-color: var(--ls-purple) !important;
}

.bg-pink {
  --bs-btn-bg: var(--ls-pink);
  background-color: var(--ls-pink) !important;
}

.btn-pink {
  background-color: var(--ls-pink) !important;
}

.label-pink {
  background-color: var(--ls-pink) !important;
}

.bg-pink-h:hover {
  --bs-btn-hover-bg: var(--ls-pink);
  background-color: var(--ls-pink) !important;
}

.bg-red {
  --bs-btn-bg: var(--ls-red);
  background-color: var(--ls-red) !important;
}

.btn-red {
  background-color: var(--ls-red) !important;
}

.label-red {
  background-color: var(--ls-red) !important;
}

.bg-red-h:hover {
  --bs-btn-hover-bg: var(--ls-red);
  background-color: var(--ls-red) !important;
}

.bg-orange {
  --bs-btn-bg: var(--ls-orange);
  background-color: var(--ls-orange) !important;
}

.btn-orange {
  background-color: var(--ls-orange) !important;
}

.label-orange {
  background-color: var(--ls-orange) !important;
}

.bg-orange-h:hover {
  --bs-btn-hover-bg: var(--ls-orange);
  background-color: var(--ls-orange) !important;
}

.bg-yellow {
  --bs-btn-bg: var(--ls-yellow);
  background-color: var(--ls-yellow) !important;
}

.btn-yellow {
  background-color: var(--ls-yellow) !important;
}

.label-yellow {
  background-color: var(--ls-yellow) !important;
}

.bg-yellow-h:hover {
  --bs-btn-hover-bg: var(--ls-yellow);
  background-color: var(--ls-yellow) !important;
}

.bg-green {
  --bs-btn-bg: var(--ls-green);
  background-color: var(--ls-green) !important;
}

.btn-green {
  background-color: var(--ls-green) !important;
}

.label-green {
  background-color: var(--ls-green) !important;
}

.bg-green-h:hover {
  --bs-btn-hover-bg: var(--ls-green);
  background-color: var(--ls-green) !important;
}

.bg-teal {
  --bs-btn-bg: var(--ls-teal);
  background-color: var(--ls-teal) !important;
}

.btn-teal {
  background-color: var(--ls-teal) !important;
}

.label-teal {
  background-color: var(--ls-teal) !important;
}

.bg-teal-h:hover {
  --bs-btn-hover-bg: var(--ls-teal);
  background-color: var(--ls-teal) !important;
}

.bg-cyan {
  --bs-btn-bg: var(--ls-cyan);
  background-color: var(--ls-cyan) !important;
}

.btn-cyan {
  background-color: var(--ls-cyan) !important;
}

.label-cyan {
  background-color: var(--ls-cyan) !important;
}

.bg-cyan-h:hover {
  --bs-btn-hover-bg: var(--ls-cyan);
  background-color: var(--ls-cyan) !important;
}

.bg-white {
  --bs-btn-bg: var(--ls-white);
  background-color: var(--ls-white) !important;
}

.btn-white {
  background-color: var(--ls-white) !important;
}

.label-white {
  background-color: var(--ls-white) !important;
}

.bg-white-h:hover {
  --bs-btn-hover-bg: var(--ls-white);
  background-color: var(--ls-white) !important;
}

.bg-gray-50 {
  --bs-btn-bg: var(--ls-gray-50);
  background-color: var(--ls-gray-50) !important;
}

.btn-gray-50 {
  background-color: var(--ls-gray-50) !important;
}

.label-gray-50 {
  background-color: var(--ls-gray-50) !important;
}

.bg-gray-50-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-50);
  background-color: var(--ls-gray-50) !important;
}

.bg-gray-100 {
  --bs-btn-bg: var(--ls-gray-100);
  background-color: var(--ls-gray-100) !important;
}

.btn-gray-100 {
  background-color: var(--ls-gray-100) !important;
}

.label-gray-100 {
  background-color: var(--ls-gray-100) !important;
}

.bg-gray-100-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-100);
  background-color: var(--ls-gray-100) !important;
}

.bg-gray-200 {
  --bs-btn-bg: var(--ls-gray-200);
  background-color: var(--ls-gray-200) !important;
}

.btn-gray-200 {
  background-color: var(--ls-gray-200) !important;
}

.label-gray-200 {
  background-color: var(--ls-gray-200) !important;
}

.bg-gray-200-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-200);
  background-color: var(--ls-gray-200) !important;
}

.bg-gray-300 {
  --bs-btn-bg: var(--ls-gray-300);
  background-color: var(--ls-gray-300) !important;
}

.btn-gray-300 {
  background-color: var(--ls-gray-300) !important;
}

.label-gray-300 {
  background-color: var(--ls-gray-300) !important;
}

.bg-gray-300-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-300);
  background-color: var(--ls-gray-300) !important;
}

.bg-gray-400 {
  --bs-btn-bg: var(--ls-gray-400);
  background-color: var(--ls-gray-400) !important;
}

.btn-gray-400 {
  background-color: var(--ls-gray-400) !important;
}

.label-gray-400 {
  background-color: var(--ls-gray-400) !important;
}

.bg-gray-400-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-400);
  background-color: var(--ls-gray-400) !important;
}

.bg-gray-500 {
  --bs-btn-bg: var(--ls-gray-500);
  background-color: var(--ls-gray-500) !important;
}

.btn-gray-500 {
  background-color: var(--ls-gray-500) !important;
}

.label-gray-500 {
  background-color: var(--ls-gray-500) !important;
}

.bg-gray-500-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-500);
  background-color: var(--ls-gray-500) !important;
}

.bg-gray-600 {
  --bs-btn-bg: var(--ls-gray-600);
  background-color: var(--ls-gray-600) !important;
}

.btn-gray-600 {
  background-color: var(--ls-gray-600) !important;
}

.label-gray-600 {
  background-color: var(--ls-gray-600) !important;
}

.bg-gray-600-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-600);
  background-color: var(--ls-gray-600) !important;
}

.bg-gray-700 {
  --bs-btn-bg: var(--ls-gray-700);
  background-color: var(--ls-gray-700) !important;
}

.btn-gray-700 {
  background-color: var(--ls-gray-700) !important;
}

.label-gray-700 {
  background-color: var(--ls-gray-700) !important;
}

.bg-gray-700-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-700);
  background-color: var(--ls-gray-700) !important;
}

.bg-gray-800 {
  --bs-btn-bg: var(--ls-gray-800);
  background-color: var(--ls-gray-800) !important;
}

.btn-gray-800 {
  background-color: var(--ls-gray-800) !important;
}

.label-gray-800 {
  background-color: var(--ls-gray-800) !important;
}

.bg-gray-800-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-800);
  background-color: var(--ls-gray-800) !important;
}

.bg-gray-900 {
  --bs-btn-bg: var(--ls-gray-900);
  background-color: var(--ls-gray-900) !important;
}

.btn-gray-900 {
  background-color: var(--ls-gray-900) !important;
}

.label-gray-900 {
  background-color: var(--ls-gray-900) !important;
}

.bg-gray-900-h:hover {
  --bs-btn-hover-bg: var(--ls-gray-900);
  background-color: var(--ls-gray-900) !important;
}

.bg-red-program {
  --bs-btn-bg: var(--ls-red-program);
  background-color: var(--ls-red-program) !important;
  color: var(--ls-red-program-color);
}
.bg-red-program:hover, .bg-red-program:active, .bg-red-program:focus, .bg-red-program:focus-visible {
  color: var(--ls-red-program-color);
}

.btn-red-program {
  background-color: var(--ls-red-program) !important;
  color: var(--ls-red-program-color);
}
.btn-red-program:hover, .btn-red-program:active, .btn-red-program:focus, .btn-red-program:focus-visible {
  color: var(--ls-red-program-color);
}

.label-red-program {
  background-color: var(--ls-red-program) !important;
  color: var(--ls-red-program-color);
}
.label-red-program:hover, .label-red-program:active, .label-red-program:focus, .label-red-program:focus-visible {
  color: var(--ls-red-program-color);
}

.bg-red-program-h:hover {
  --bs-btn-hover-bg: var(--ls-red-program);
  background-color: var(--ls-red-program) !important;
  color: var(--ls-red-program-color);
}

.bg-green-preview {
  --bs-btn-bg: var(--ls-green-preview);
  background-color: var(--ls-green-preview) !important;
  color: var(--ls-green-preview-color);
}
.bg-green-preview:hover, .bg-green-preview:active, .bg-green-preview:focus, .bg-green-preview:focus-visible {
  color: var(--ls-green-preview-color);
}

.btn-green-preview {
  background-color: var(--ls-green-preview) !important;
  color: var(--ls-green-preview-color);
}
.btn-green-preview:hover, .btn-green-preview:active, .btn-green-preview:focus, .btn-green-preview:focus-visible {
  color: var(--ls-green-preview-color);
}

.label-green-preview {
  background-color: var(--ls-green-preview) !important;
  color: var(--ls-green-preview-color);
}
.label-green-preview:hover, .label-green-preview:active, .label-green-preview:focus, .label-green-preview:focus-visible {
  color: var(--ls-green-preview-color);
}

.bg-green-preview-h:hover {
  --bs-btn-hover-bg: var(--ls-green-preview);
  background-color: var(--ls-green-preview) !important;
  color: var(--ls-green-preview-color);
}

/* Default cursor, typically an arrow */
.cursor-default {
  cursor: default !important;
}

/* The browser sets the cursor type based on the current context */
.cursor-auto {
  cursor: auto !important;
}

/* No cursor is displayed */
.cursor-none {
  cursor: none !important;
}

/* A cursor representing a context menu */
.cursor-context-menu {
  cursor: context-menu !important;
}

/* A cursor indicating help is available */
.cursor-help {
  cursor: help !important;
}

/* A pointing hand cursor, typically used for links */
.cursor-pointer {
  cursor: pointer !important;
}

/* A cursor indicating that the program is busy (e.g. processing a request) */
.cursor-progress {
  cursor: progress !important;
}

/* A cursor indicating the program is busy and the user should wait */
.cursor-wait {
  cursor: wait !important;
}

/* A cursor indicating that a cell (in a table, for example) can be selected */
.cursor-cell {
  cursor: cell !important;
}

/* A crosshair cursor, typically used for selecting an area */
.cursor-crosshair {
  cursor: crosshair !important;
}

/* A cursor indicating that text can be selected */
.cursor-text {
  cursor: text !important;
}

/* A cursor indicating that vertical text can be selected */
.cursor-vertical-text {
  cursor: vertical-text !important;
}

/* A cursor indicating that an alias or shortcut is available */
.cursor-alias {
  cursor: alias !important;
}

/* A cursor indicating that content can be copied */
.cursor-copy {
  cursor: copy !important;
}

/* A cursor indicating that content can be moved */
.cursor-move {
  cursor: move !important;
}

/* A cursor indicating that the dragged content cannot be dropped at the current location */
.cursor-no-drop {
  cursor: no-drop !important;
}

/* A cursor indicating that the requested action cannot be performed */
.cursor-not-allowed {
  cursor: not-allowed !important;
}

/* A cursor indicating that the content can be scrolled in any direction */
.cursor-all-scroll {
  cursor: all-scroll !important;
}

/* A cursor indicating that the column can be resized horizontally */
.cursor-col-resize {
  cursor: col-resize !important;
}

/* A cursor indicating that the row can be resized vertically */
.cursor-row-resize {
  cursor: row-resize !important;
}

/* A cursor indicating that content can be resized from the top */
.cursor-n-resize {
  cursor: n-resize !important;
}

/* A cursor indicating that content can be resized from the right */
.cursor-e-resize {
  cursor: e-resize !important;
}

/* A cursor indicating that content can be resized from the bottom */
.cursor-s-resize {
  cursor: s-resize !important;
}

/* A cursor indicating that content can be resized from the left */
.cursor-w-resize {
  cursor: w-resize !important;
}

/* A cursor indicating that content can be resized from the top-right corner */
.cursor-ne-resize {
  cursor: ne-resize !important;
}

/* A cursor indicating that content can be resized from the top-left corner */
.cursor-nw-resize {
  cursor: nw-resize !important;
}

/* A cursor indicating that content can be resized from the bottom-right corner */
.cursor-se-resize {
  cursor: se-resize !important;
}

/* A cursor indicating that content can be resized from the bottom-left corner */
.cursor-sw-resize {
  cursor: sw-resize !important;
}

/* A cursor indicating that content can be resized horizontally */
.cursor-ew-resize {
  cursor: ew-resize !important;
}

/* A cursor indicating that content can be resized vertically */
.cursor-ns-resize {
  cursor: ns-resize !important;
}

/* A cursor indicating that content can be resized diagonally from the top-right to the bottom-left */
.cursor-nesw-resize {
  cursor: nesw-resize !important;
}

.flex-1 {
  flex: 1;
}

@media (min-width: 0) {
  .order-xs-6 {
    order: 6 !important;
  }
}
@media (min-width: 576px) {
  .order-sm-6 {
    order: 6 !important;
  }
}
@media (min-width: 768px) {
  .order-md-6 {
    order: 6 !important;
  }
}
@media (min-width: 992px) {
  .order-lg-6 {
    order: 6 !important;
  }
}
@media (min-width: 1200px) {
  .order-xl-6 {
    order: 6 !important;
  }
}
@media (min-width: 1400px) {
  .order-xxl-6 {
    order: 6 !important;
  }
}
.h-400-px {
  height: 400px;
}

.ws-normal {
  white-space: normal !important;
}

.ws-nowrap {
  white-space: nowrap !important;
}

.ws-pre {
  white-space: pre !important;
}

.ws-pre-line {
  white-space: pre-line !important;
}

.ws-pre-wrap {
  white-space: pre-wrap !important;
}

.resize-none {
  resize: none;
}

.resize-horizontal {
  resize: horizontal;
}

.resize-vertical {
  resize: vertical;
}

.bg-none {
  background: none;
}

/*# sourceMappingURL=util.css.map*/